小净

在单页应用中，经常使用 webpack 的 动态导入 功能来异步加载模块，从而减少部分文件的体积。我们可以通过webpack 提供的 import() 和 require.ensure 两个 API 来使用该功能。由于两个方法根本实现都是相同的，本文的示例都基于 import(…

有给出的或者有些不完善的答案，也尽力给出/完善了（可能有错，大家自行辨别）。有些很困难的题目（例如实现Promise），附带相关链接（懒癌患者福利）。 总的来说，将这些题目分成了“Javascript”、“CSS”、“浏览器/协议”、“算法”和“Web工程化”5个部分进行回答和…

在Vue中使用数据劫持，采用Object.defineProperty的getter和setter，并结合观察者模式来实现数据绑定。当把一个js对象传给Vue实例来作为它的data属性时，Vue会遍历它的属性，用Object.defineProperty将它们赋予set和get…

在上一篇文章中分享了关于运用webpack搭建vue项目的经验和总结，但还仅仅停留在只是会用webpack搭建脚手架的阶段，对webpack原理还是不怎么清楚，再加上各大论坛对webpack原理解析的精品文章较少，要么是一些标题党，通篇教你如何配置webpack，如何优化；要么…

本文是《PWA学习与实践》系列的第三篇文章。文中的代码都可以在learning-pwa的sw-cache分支上找到（git clone后注意切换到sw-cache分支）。 PWA作为时下最火热的技术概念之一，对提升Web应用的安全、性能和体验有着很大的意义，非常值得我们去了解与…

本文是《PWA学习与实践》系列的第五篇文章。文中的代码都可以在learning-pwa的push分支上找到（git clone后注意切换到push分支）。 PWA作为时下最火热的技术概念之一，对提升Web应用的安全、性能和体验有着很大的意义，非常值得我们去了解与学习。对PWA感…

这篇文章主要讲的是分析 react-router 源码，版本是 v5.x，以及 SPA 路由实现的原理。 单页面应用都用到了路由 router，目前来看实现路由有两种方法 hash 路由和 H5 History API 实现。 而 react-router 路由，则是用到了 h…

Effect 是一个简单的对象，该对象包含了一些给 middleware 解释执行的信息。 你可以通过使用 effects API 如 fork，call，take，put，cancel 等来创建 Effect。

这个问题看上去特别初级，但实际上却涉及到方方面面，也是面试官特别喜欢考的原因之一。既然如此，那就让我们来一起彻底理清楚他们的区别。 首先，我们先科普一些知识点。 HTTP 超文本传输协议，是一个简单的请求-响应协议，它通常运行在 TCP 之上。它指定了客户端可能发送给服务器什么…