网上已经有很多关于 React SSR 的文章和教程，但是它们... 要么只是教你原理与知识，没有真正的产品化工程。 要么只是介绍某些核心环节，缺少完整性。 要么只是纸上谈兵，连象样的 Demo 都没有。 要么就是一些过时的版本。 所以你缺的不是 SSR 教程，而是可以应用到生…

现代前端项目多为单页Web应用(SPA)，在单页Web应用中路由是其中的重要环节。 每个现代前端框架都有与之对应的路由实现，例如 vue-router、react-router 等。 本文并不涉及 vue-router、react-router 的实现方式，而是介绍前端路由的基…

Proxy 意为"代理器"，是 ES6 新增，用于修改目标对象的成员之前进行"拦截"，外界对该对象的成员的访问，都必须先通过这层拦截。其中，成员包括未定义的，即访问或设置不存在的属性，也会触发相应的代理函数。 被代理的目标对象。可以是任意类型的对象，包括数组、函数等，甚至是另一…

篇幅可能会比较长，但是我感觉有一套规范对于一个团队其实还是很重要的，这样在维护起来也会很方便，如果接下来的规范感觉对你们团队有帮助，希望可以在团队中进行实践或者推荐给你的leader，代码规范参考自：腾讯alloyteam团队，希望大家可以跟着看一遍，各取所需。 后续的文章我也…

熟悉水平居中和垂直居中的方法, 不为别的, 就为用的时候能够信手拈来. 下面直接步入正题.原文：16种方法实现水平居中垂直居中 水平居中 1) 若是行内元素, 给其父元素设置 text-align:center,即可实现行内元素水平居中. 2) 若是块级元素, 该元素设置 ma…

单页应用的原理从早起的根据url的hash变化，到根据H5的history的变化，实现无刷新条件下的页面重新渲染。那么在单页应用中是如何监听url的变化呢，本文将总结一下，如何在单页页面中优雅的监听url的变化。 单页应用的原理，在我们的上一篇文章中React-Router源码…

大家都说简历没项目写，我就帮大家找了一个项目，还附赠【搭建教程】。 本文主要讲解怎么提高展开运算的性能，在此之前先简单说说展开运算在数组中的工作原理。 展开运算符或三个点，接受一个数组数组或通常是可迭代的[... arrayOrIterable]并将数组元素分解，并使用这些分解…

vm.$delete用法见官网。 在ES6之前, JS没有提供方法来侦测到一个属性被删除了, 因此如果我们通过delete删除一个属性, Vue是侦测不到的, 因此不会触发数据响应式。 见下面的demo。 然后查看del函数位置, vue/src/core/observer/i…

前端性能，这是一个很大也很有趣的一块，是每个前端工程师不可避免的问题，所以这个系列会慢慢地探讨一些关于性能方面的问题。最近也接触到一些性能方面的调试以及优化的工作，纸上得来终觉浅，绝知此事要躬行。 在 Chrome 中，我们打开 Chrome 调试面板，进入 performan…