Kimm

随着项目需求的增加，Node 模块也相继增加，各模块间的依赖耦合度越来越严重，非常难维护，有时候改一处代码需要懂好几处代码，项目逐渐达到牵一发而动全身的地步，所谓高内聚、低耦合完全没得谈，如何做到模块间高度解耦是每个工程师必要思考的问题。 为了解决模块间依赖耦合的问题，最好的办…

执行命令，会定位到scripts下的build文件，下面来看一下这个文件中做了什么。 读取config，获得各个平台或环境的rollup配置信息。 下面来看一下config文件做了什么。 entry中调用resolve方法，resolve方法通过对node的path.resol…

想必经常使用基于webpack打包工具的框架的同学们，无论是使用React还是Vue在性能优化上使用最多的应该是分包策略（按需加载）。按需加载的方式使我们的每一个bundle变的更小，在每一个单页中只需要引入当前页所使用到的JavaScript代码，从而提高了代码的加载速度。但…

目前大多数网站都是在用的HTTPS，为什么要用HTTPS大家一定是都知道的，从HTTP升级到HTTPS，也是为网站的安全性来考虑的。HTTPS是在HTTP的基础上加上了SSL安全认证，是正所谓HTTPS=HTTP + SSL。为了方面自己写文章，相信大多数同学都有搭建自己的个人…

react和状态管理redux是紧密结合的，而本身又没有任何联系。react可以不使用redux管理状态，redux也可以脱离react独立存在。随着react的项目越来越复杂，state变的繁重，各种prop和state的转变让我们在开发过程中变得头晕眼花，react本来就是…

React官网和2018年的React conf上都提到了动机这个东西，那么出现hooks的动机是什么？是什么推动了hooks的出现？先来看一下Hooks的动机。 React没有提供可复用性行为“附加”到组件的途径，在写类组件的时候，一个类是一个闭包并且state在组件间传递并…

白的不能再白的小白，通过各种渠道学习到了this，和大家分享，有什么错误的话还望指出，共同学习进步。觉得好的话还望点个小赞，为继续坚持写文章增加动力。 我在想写这篇文章的时候，我是无从下手的。因为我自己也同样说不清在JavaScript中this到底是什么？我们都知道在一些强类…

Mutation Observer API 用来监视DOM变动。DOM的任何变动，比如节点的增删、属性的变动、文本内容的变化，这个API都可以得到通知。 首先这个API归属于微任务，也就是说是异步的，这样设计也是为了应付Dom变动频繁的特点，防止频繁变动占用js执行栈造成页面卡…

我们都知道Vue是使用Object.defineProperty来实现的数据双向绑定。我们先来实现一下数据的双向绑定。 这样就可以实现一个数据的双向绑定。如果加上input只要稍微改造一下就可以。 这样就实现了一个双向数据绑定，但是Object.defineProperty并不…