JavaScript
关注
分享
扫一扫
文章平均质量分 66
generalfyx
这个作者很懒，什么都没留下…
展开
-
正则-捕获组合反向引用
码代码这么久，还没正经的总结过什么知识，闲来无事，就索性总结归纳下自己的正则水平，供自己以后复习巩固。1.正则的捕获组何为捕获组，就是正则中带有小括号内容的正则，这种正则默认是贪婪的，捕获且匹配的；那贪婪、捕获且匹配又是什么意思？举例来讲/test(s)/.exec('testssssssss') (2) ["tests", "s", index: 0, input: "testssssssss", groups: undefined]// [匹配结果, 捕获组1, 捕获组2, .原创 2021-01-04 15:33:53 · 326 阅读 · 0 评论 -
chrome控制台小技巧
1.如何获取dom元素的数据结构鼠标选中你想到查找的元素，然后再控制台输出$0即可取到该dom元素；用这个方法可以快速获取到form表单预算里的value值；比较方便；2 复制http请求回来的内容，或者拿到json字符串转换后的数据结构第一步：选中要转换的数据结构；第二步：右键 store global variable;就可以在控制台看到打印的数据3 $_变量该变量表示控制台上一步打印出来的值；你试一下就明白了；4 作为编辑器环境我们常常会用到原创 2020-08-28 17:52:42 · 397 阅读 · 0 评论 -
（转）Webpack 热更新实现原理分析
概述在使用 Webpack 构建开发期时，Webpack 提供热更新功能为开发带来良好的体验和开发效率，那热更新机制是怎么实现的呢？代码实现Webpack 配置添加 HotModuleReplacementPlugin 插件new webpack.HotModuleReplacementPlugin({ // Options...})Node Server 引入 webpack-dev-middlerware 和 webpack-hot-middleware 插件，如果是 .转载 2020-08-03 10:46:46 · 535 阅读 · 0 评论 -
floyed判圈算法
点击查看原文一、算法简述Floyd判圈算法（Floyd Cycle Detection Algorithm），又称龟兔赛跑算法（Tortoise and Hare Algorithm），是一个可以在有限状态机、迭代函数或者链表上判断是否存在环，以及判断环的起点与长度的算法。二、基本思路本质是设置两个指针，分别为快慢指针，快指针如果检查对象存在环，那么这两个指针肯定会相遇，此时相遇的点满足慢指针走过的节点数*2=快指针走过的节点数；i = m(环的入口距离节点的其实位置) + k（相遇点距离入口转载 2020-05-27 15:51:45 · 265 阅读 · 0 评论 -
创建自己的命令行--脚手架必备
一 手工抛开npm工程化添加命令，一开始想着配置环境变量的都是都是把命令的执行程序的路径添加进去，那么如果我们自己想要执行的命令不也就可以这样，摸索了一番，最后上网查了一下资料果然验证了我的想法，在这里记录下。开始，想要写一个js脚手架工具的cli，那肯定要有自己的命令行； 其次，要知道命令行其实本质都是在cmd或者shell命令，那么我们需要知道如何取创建自己的命令行； 创建命令行的...原创 2020-04-10 11:29:09 · 990 阅读 · 0 评论 -
认知下一代框架组件--自定义元素
自定义元素Web Components1.customElements2.用法3 **用例讲解**简单汇总Web ComponentsWeb ComponentsWeb Components标题标准非常重要的一个特性是，它使开发者能够将HTML页面的功能封装为 custom elements（自定义标签），而往常，开发者不得不写一大堆冗长、深层嵌套的标签来实现同样的页面功能。这篇文章将会介绍...原创 2020-03-30 16:25:54 · 303 阅读 · 0 评论 -
Switch 和IF的区别认知记忆
Switch 和IF的区别认知记忆Switch...caseif...else总结Switch…caseswitch的用法其实不用介绍，在我们阅读书籍的时候可能会碰到编者的建议，尽量减少if语句，用switch语句来替代。但大多没有讲解其原因。我们看babel编译后的代码也能看出，尽管我们使用if语句来写的代码，最后都有一些会转换成其他的语句代码块来替代。当然这不是必然的。跳转表swit...原创 2020-03-30 11:03:47 · 1764 阅读 · 0 评论 -
angular应用PWA中缓存资源的路径问题（deployUrl）
引言Angular自带PWA NPM包可以供我们使用，减少了我们自己对service Worker的配置，但在应用中总会出现一些问题，这些问题可以通过虚拟路径ngsw/state来详细查看。问题现象前段时间在离线应用部署中发现，当我们的Deploy Url即项目名存在时，离线资源总是会请求网络资源，并且不会缓存到worker中，后来查看ngsw/state发现service worke...原创 2020-02-12 10:55:01 · 777 阅读 · 0 评论 -
一步一步写出自己的Promise源码
先贴出代码；const PENDING = 'pending';const FULFILLED = 'fulfilled';const REJECTED = 'rejected';class AbsPromise { constructor() { this.value = ''; this.status = PENDING; ...原创 2020-01-13 17:31:10 · 185 阅读 · 0 评论 -
TYPESCRIPT typescript中如何继承Array、Error等原生数据结构类
在项目中发现，ES6中的Array原生类的继承在TS中无法实现了，子类定义的方法不见丢失了，代码编译后其实发生了变化（在2.1.5之后），至于为什么会发生这种现象，miscrosoft给出的解释是In ES2015, constructors which return an object implicitly substitute the value of this for any ca...原创 2019-11-11 15:53:12 · 1015 阅读 · 0 评论 -
angular-父子组件之间通信的总结
一：父组件->子组件通信1.setter访问器属性通过set和get来定义子组件的属性，来实现父组件到子组件的数据传输private _o_ = '';public get o(){ return this._o_;}public set o(value){ this._o_ = value;}set可以省略，若省略就是只读属性。作为数据传输会报错...原创 2019-09-17 17:01:38 · 325 阅读 · 0 评论 -
如何在同一条npm命令行中启动两个本地的server
引言最近在本地做mock-server的时候，需要起本地的server，同时也需要起一个mock的server，我这里用的是json-server。这样就需要在script里新建一个server的脚本命令。&&：这个时候用&&并不会成功，只会执行前面的那个命令。解决办法：我们需要借用一下concurrently这个工具执行npm ins...原创 2019-07-15 15:10:54 · 739 阅读 · 0 评论 -
Typescript类型判断之兼容性
一：浅议引文---在基于名义类型的类型系统中，数据类型的兼容性或等价性是通过明确的声明和/或类型的名称来决定的例如在Java中的定义 String string = 'java',我们必须给string显式的生命是String类型的，在TS中，所有的数据类型基本都是结构类型，我们通过new操作符构造出来的数据，都会根据其结构成员来分析出其结构类型；例如：class An...原创 2019-07-10 17:09:04 · 525 阅读 · 0 评论 -
canvas生成图片验证码
其实这个东西是很简单的东西了，我自己很久没有动过canvas了，所以就写着玩了下。只放下简单的代码，逻辑基本上是那一套逻辑。<!doctype html><html><head> <title>canvas</title> <meta charset="utf-8"> <style...原创 2019-06-17 16:06:57 · 558 阅读 · 0 评论 -
为npm依赖包单独设置镜像源
在修改过全局的镜像源之后，会出现某个依赖包不存在，那么很快just do itnpm i @a --save-dev --registry=https://registry.npm.taobao.org原创 2019-06-06 11:14:04 · 6561 阅读 · 0 评论 -
用canvas做出自己的500页面
canvas的基本用法大家查找文档就可以了，这里只放代码，代码很简单；<!doctype html><!--50x.html--><html><head> <title>canvas</title> <meta charset="utf-8"> <style> ...原创 2019-06-05 16:44:14 · 412 阅读 · 0 评论 -
理解React的高阶组件
一 介入javascript的高阶函数在JS中，我们知道函数即为对象，它可以作为参数传入另一个函数中，也可以作为函数返回，那么这就很容易理解JS中的高阶函数了。比如说回调函数、参数柯里化（最主要的特征就是将函数作为参数，返回一个单参数调用的函数），ES7中的装饰器等要了解高阶函数的应用，可以点此。二 高阶函数在React中的应用--高阶组件A higher-order compon...原创 2019-06-04 18:03:32 · 415 阅读 · 0 评论 -
字符串与编码
在实际项目中遇到了很多与编码有关的问题，现在总结一下1，URI编码ES5中新加了encodeURI与encodeURIComponent的方法，encodeURI保留了一些字符，例如请求中参数的&？等，encodeURIComponent只是对URI的一部分进行编码，同样会保留一部分字符，比如空格（建议按照encoded的方法将空格转为人为+），MDN提供的修正方法funct...原创 2019-05-28 15:24:36 · 244 阅读 · 0 评论