taoyouyou

Splash是Scrapy官方推荐的JavaScript渲染引擎，它是使用Webkit开发的轻量级无界面浏览器，提供基于HTTP接口的JavaScript渲染服务，支持以下功能： 为用户返回经过渲染的

WeakSet：类似Set，但是WeakSet的成员只能是对象，而不能是其他类型的值，WeakSet 中的对象都是弱引用，即垃圾回收机制不考虑 WeakSet 对该对象的引用，WeakSet 不可遍历。 Map：它类似于对象，也是键值对的集合，区别于对象的的是对象的键只能是字符…

多页面应用：最开始的网页是多页面的，一个完整的网页应用有多个完整的html构成，通过a标签对应到不同url，服务器端来根据URL的不同返回不同的页面，那些页面在服务端都是实实在在存在的。 这个时候前端能做的事情很有限，前后端还不能完全分离，直到 Ajax 的出现，前端能够胜任更…

这是一份标准的webpack配置文件的组成部分。 执行npx webpack 查看打包后的代码，删除一些无用的代码后。大概是个样子 了解了webpack打包过程，我们可以尝试实现一个简单的webpack打包器。 新建文件夹mypack，新建src/template.js以及in…

路由分发式。 路由分发式微前端，即通过路由将不同的业务分发到不同的独立前端应用上。其通常可以通过HTTP服务器的反向代理来实现，或者通过应用框架自带的路由来解决。 前端微服务化。 前端微服务化，是微服务架构在前端的实施，每个前端应用都是完全独立（技术栈、开发、部署、构建独立）、…

Promise是异步编程的⼀种解决⽅案。 对象的状态不受外界影响。 Promise对象代表一个异步操作，有3种状态：Pending、Fulfilled和Rejected。只有异步操作的结果可以决定当前是哪一种状态，任何其他操作都无法改变这个状态。 ⼀旦状态改变就不会再变，任何时…

显而易见，这里主要包含两方面的影响因素。 所以进行前端优化的方式，通常是针对围绕两个方面进行优化，即尽可能的减少资源传输时间和dom渲染时间。 展开来讲每一种优化方式都能对应跟多具体的行为，对于服务器优化，vue和react生态体系下都给出了较为成熟的解决方案。比如Vue提出的…

Virtual DOM的好处是当状态改变时不需要立即更新dom,只需要创建一个虚拟树来描述dom，Virtual DOM内部将弄清楚如何有效(diff)的更新dom。 为什么选择snabbdom呢，因为Snabbdom对于vnode的实现的非常精简，源代码实现不到200行，比较…

武学之道，切勿贪多嚼不烂，博儿不精不如 一招鲜吃遍天，编程亦是如此，源码就是内力的修炼。这里我们根据对vue源码的分析和理解来实现一个自定义的mvvm框架：KVue。 1、数据劫持：defineProperty。 2、依赖收集：Dep && Watcher。…