鬼鬼鬼

长期以来，业界一直在寻找一种既能够媲美 Native 的使用体验，又可以以低门槛且能够快速开发迭代的方式来更新应用的技术。 在这个过程中，人们做了很多尝试，如 React Native 和 Weex，本质上轻量化 Native 开发，在 Native 开发上做减法，利用 JSB…

在了解这些概念之前，我们要先了解一个熟知的概念，那就是 SPA(Single Page Application)，没错，就是大家熟知的单页应用，其实 CSR、SSR、Prerender 都是基于 SPA，关于 SPA 的概念我就不多阐述了。 即，渲染过程全部交给浏览器进行处理，…

在研究 HMR 的过程中，通过 Chrome 的开发者工具，我知道浏览器是通过 websocket 和 webpack-dev-server 进行通信的，但是我在 websocket 中并没有发现任何代码块。那么新的代码块是怎么跑到浏览器的呢？这个 websocket 又有什么…

上一篇文章我简述了什么是 Virtual DOM，这一章我会详细讲 Diff 算法以及为什么在 React 和 Vue 中循环都需要 key 值。 Web 界面其实就是一个 DOM 树的结构，当其中某个部分发生变化的时候，实质上就是对应的某个 DOM 节点发生了变化。而在 Re…

这件事还要从 2013 年那个秋天说起。 对！就是这张图，这张图把大家引入了 DOM 操作是昂贵且慢的，Virtual DOM 是快速的思维里。 6 年后的今天，React 已经风靡全球，Virtual DOM 也受到了大家的认可，国产之星 VUE 也使用了 Virtual D…

对于一个动作的响应，我建议一般在 100 毫秒内解决，这适用于大多数输入，不管他们是在点击按钮、切换表单控件还是启动动画。 对于需要超过 500 毫秒才能完成的操作，请始终提供反馈，例如 Loading。 从纯粹的数学角度而言，每帧的预算约为 16 毫秒（1000 毫秒 / 6…

前端的大咖们在推动前端届蓬勃发展的同时，越来越多的人能抄起手上的工具（ React、Vue、Angular ）加上各种 CLI 一键生成， 再加上天然的 UI 库（ Antd、Element-UI、iView、Bootstrap ）就能快速构建写出一个用户界面，加上在这个性能过…

在 Node 中，Node.js 借助 libuv 来作为抽象封装层， 从而屏蔽不同操作系统的差异，Node可以借助libuv来实现多线程。 JavaScript 语言的一大特点就是单线程，也就是说，同一个时间只能做一件事。这样设计的方案主要源于其语言特性，因为 JavaScr…

XSS 的防御很复杂，并不是一套防御机制就能就解决的问题，它需要具体业务具体实现。 目前来说，流行的浏览器内都内置了一些 XSS 过滤器，但是这只能防御一部分常见的 XSS，而对于网站来说，也应该一直寻求优秀的解决方案，保护网站及用户的安全，我将阐述一下网站在设计上该如何避免 …