函数组合在函数式编程中被称为组合(composition),我们将了解组合的概念并学习大量的例子。然后创建自己的compose函数。 组合的概念是非常直观的，并不是函数式编程独有的，在我们生活中或者前端开发中处处可见。 比如我们现在流行的 SPA (单页面应用)，都会有组件的概…

缓存在计算机网络上随处可见，例如：当我们首次访问一个网页时，打开很慢，但当我们再次打开这个网页时，打开就很快。 这就涉及缓存在浏览器上的应用：浏览器缓存。当我们打开一个网页时，例如 https://github.com/sisterAn/JavaScript-Algorithm…

根据需求要实现一个视频上传功能，之前采用七牛云上传，小点视频没问题，大体积视频比如600M左右，再考虑到网速等其他原因就会花费半个小时左右。 后来分析到不仅要考虑上传时间的问题，更重要的是要考虑用户使用4G 网络的情况，考虑用户的流量，线上的视频，不能不做压缩转码，就放到页面上…

很早之前就在掘金看到过关于实现断点续传的文章，但未曾实践过，正好最近项目中也遇到了此场景，便去重温了一遍，从头到底做了实现。 先写写总结，个人认为，本项目主要难点在于处理多个文件上传时，如何将每个文件的状态及进度对应到相关的界面展示中。绕了很多坑。 做到重试时，卡了半天，实在想…

另一种是我们上一节分析的创建组件过程中内部通过 new Sub(options) 实例化子组件。 可以看到不同场景对于 options 的合并逻辑是不一样的，并且传入的 options 值也有非常大的不同，接下来将分开介绍 2 种场景的 options 合并过程。 其实就是调用…

initMixin(Vue)：就做了一件事，定义_init方法。 stateMixin(Vue)：定义数据相关的方法$set,$delete,$watch方法。 eventsMixin(Vue)：定义事件相关的方法$on，$once，$off，$emit。 lifecycleM…

1. 关于vNode 既然 createElement 是返回一个 vnode，那就有必要了解一下 vnode 的一些概念。 vnode 就是 js 对象。避免频繁操作 DOM 以提高性能。 2. createElement 如果第三个参数是一个 数组 或者 原始类型（不包括n…

这张我们开始进入组件化的学习，上一章我们在分析 createElement 的实现的时候，它最终会调用 _createElement 方法，其中有一段逻辑是对参数 tag 的判断，如果是一个普通的 html 标签，则会实例化一个普通 VNode 节点，否则通过 createCo…

props 是通过 defineReactive定义的，此时虽然是响应式数据，但没有进行深度定义。 重新打开观测开关，避免影响后续代码执行。 感悟：相比分析源码，理解后写成博客更难。用文字讲清楚一件事可比敲代码难多了。