孙同学今天运动了嘛

1. http的伸缩性 在旧的架构中，http-1.0对从服务器请求单个文档已经足够，但是随之Web的发展，要求页面开始包含更多的交互性且缩短浏览器请求和服务器响应时间。 http-1.0中，每个服务器请求需要一个单独的连接，这种方法没有太好的伸缩性（scalability）。…

公共代码解决方案今天主要谈一下，react组件开发中对于多个组件中使用同一代码段的解决方案，即公共代码的提取方案主要组件学生组件学生列表组件模拟数据模块方案一：自定义Hook组件结构方案二：高阶组件组

相同数据不渲染：使用函数改变数据，如果数据和之前的数据完全相等（使用Object.is比较），不会导致重新渲染，以达到了优化效率的目的。 使用函数改变数据，传入的值不会和原来的数据进行合并，而是直接替换。 可能异步的状态改变：和类组件的状态一样，函数组件中状态的改变可能是异步的…

上面的配置的结果会为每个模块绑定一个module.hot对象，这个对象包含的HMR的API，借助这些API我们不仅可以实现对特定模块的开启或关闭HMR，也可以添加热替换额外的逻辑。 在本地开发环境下，浏览器时客户端，webpack-dev-server(WDS)相当于服务端。H…

. 表示匹配任意字符 \W 匹配非字母、数字、下划线。等价于 '[^A-Za-z0-9_]' 每个被红色方框圈起来的部分就是每一个捕获组的捕获值，也就是我们正则表达式中(\d)匹配到的值。也就是说在一次匹配中捕获组捕获到的值，会从索引1向后依次排列

搜索引擎通过爬虫系统抓取互联网上的网站信息，将抓取的网站镜像备份到数据库，在用户搜素时就可以直接通过关键词在数据库中直接拿取数据。 这里还要提一下，搜索系统和爬虫系统并不是简单并行、或者先后关系，而是要根据实际情况具体分析，实际上爬虫系统理论上每时每分每秒都在运行，不停的抓取与…

context的目的就是在多入口的情况下让entry的编写更加简洁；同时也可以省略，默认为根目录。 上面配置的意思是我们提取了一个叫vendor的chunk name，并且以数组的形式将第三方库房里进去，那么问题来了，我们没有设置入口路径，webpack如何打包的呢？我们可以使…

CommonJS模块内部会有一个module对象用于存放当前模块的信息，也就是node环境，我们来打印一下这个对象。 果然就module.exports是我们要导出的内容，其实Module对象的exports属性默认为一个空对象。 module.exports 和exprots…

大家都知道Vue双向数据绑定就是指v-model指令，而v-model的本质就是input、value的语法糖，语法糖就是方便我们代码编写，那么它底层又是怎样实现的呢？本篇将会以不同的vue版本为切入点，进行模拟实现。 ES6的Proxy&Reflect完美解决了ES5Obje…