2020年06月_baoleilei6

11月 10月 09月 07月 06月 05月 04月 03月 02月 01月

转载解析神奇的 Object.defineProperty

这个方法了不起啊。。vue.js和avalon.js 都是通过它实现双向绑定的。。而且Object.observe也被草案发起人撤回了。。所以defineProperty更有必要了解一下了几行代码看他怎么用 var a= {} Object.defineProperty(a,"b",{ value:123 }) console.log(a.b);//123很简单，，它接受三个参数，而且都是必填的。。传入参数第一个参数:目标对象第二个参数:需要定

2020-06-12 14:34:43 698

转载写一个eventEmitter类，包括on()、off()、once()、emit() offAll()方法

1、on(event,fn)：监听event事件，事件触发时调用fn函数； 2、once(event,fn)：为指定事件注册一个单次监听器，单次监听器最多只触发一次，触发后立即解除监听器； 3、emit(event,arg1,arg2,arg3...)：触发event事件，并把参数arg1,arg2,arg3....传给事件处理函数； 4、off(event,fn)：停止监听某个事件。class EventEmitter{ constructor(){ this._e.

2020-06-10 12:02:55 979

转载 Webpack 的 Bundle Split 和 Code Split 区别和应用

Webpack Bundle Split 和 Code Split话说之前也是对 chunk 这个概念有些模糊，并且很多时候网上的文章大部分在将代码分离动态加载之类的。写这篇文章的目的也是想让其他那些跟我一样曾经对这个概念不是很清楚的童鞋有个清晰的认识。废话不多说，撸起袖子直接干！Let's Dive in！Webpack 文件分离包括两个部分，一个是 Bundle 的分离，一个是 Code 代码的分离:Bundle splitting: 实际上就是创建多个更小的文件，并行加载，以获得更好的

2020-06-09 22:20:44 459

转载 webpack4 SplitChunks实现代码分隔详解

代码均放在git仓库Webpack 4给我们带来了一些改变。包括更快的打包速度，引入了SplitChunksPlugin插件来取代（之前版本里的）CommonsChunksPlugin插件。在这篇文章中，你将学习如何分割你的输出代码，从而提升我们应用的性能。SplitChunks插件(webpack 4.x以前使用CommonsChunkPlugin)允许我们将公共依赖项提取到现有的entry chunk或全新的代码块中。代码分割的理念首先搞明白： webpack里的代码分割是个什么鬼？它

2020-06-09 21:35:42 2425

转载 javascript之闭包六（闭包的作用与注意事项）

六、闭包的作用闭包：内部函数保存到外部当内部函数被保存到外部时，将会生成闭包。闭包会导致原有作用域链不释放，造成内存泄漏（内存占用）一）闭包的作用实现公有变量： eg：函数累加器可以做缓存（存储结构）：eg:eater 可以实现封装，属性私有化：eg:new Person(); 模块化开发，防止污染全局变量二）闭包作用举例1、累加器：题目：定义一个定时器，计算点击网页的次数这个题目非常简单，想必大家都能写出来。var count = 0;function

2020-06-09 11:32:31 363