最大安全数字：Number.MAX_SAFE_INTEGER = Math.pow(2, 53) - 1，转换成整数就是 16 位，所以 0.1 === 0.1，是因为通过 toPrecision(16) 去有效位之后，两者是相等的。 在两数相加时，会先转换成二进制，0.1 和…

在Vue中，data选项是个好东西，把数据往里一丢，在一个Vue组件中任何一个地方都可以通过this来读取data中数据。但是要避免滥用this去读取data中数据，至于在哪里要避免滥用，如果滥用会导致什么后果，本专栏将会一一揭晓。 在Vue源码中会把data中数据添加gett…

给大家准备了高清的思维导图和食用更加方便的PDF文档。全部聚合思维导图一张，分类思维导图17张，涉及前端开发的方方面面面，JS基础，工程化，性能优化，安全，框架等。如果您是准备面试，或者享扩展前端知识，建议收藏学习哦。17张思维导图，2021年作为一名前端开发者需要掌握这些，前…

在类电商类项目，往往存在大量的图片，如 banner 广告图，菜单导航图，美团等商家列表头图等。图片众多以及图片体积过大往往会影响页面加载速度，造成不良的用户体验，所以进行图片懒加载优化势在必行。 我们先来看一下页面启动时加载的图片信息。 如图所示，这个页面启动时加载了几十张图…

要理解DOM相关事件，我们先要理解“事件流”这个概念，事件流描述的是从页面中接收事件的顺序。 事件冒泡：事件开始由最具体的元素接收，然后逐级向上传播到较为不具体的节点或文档。 事件捕获：事件开始由不太具体的节点接收，然后逐级向下传播到最具体的节点。它与事件冒泡是个相反的过程。 …

18年初，React Router的主要开发人员创建一个名为Reach Router的轻量级替代方案。 目前 v6已是测试最后一版，估计新的特性不出意外就是下面这些了。 <Switch>重命名为<Routes>。 <Route>的新特性变更。 嵌套…

从 JavaScript 程序员的角度总结思考，循序渐进的理解 TypeScript。 ​在线阅读（部署在 GitBook 上，可能需要翻墙） ​在线阅读（GitHub 版）​ ​GitHub 地址​ 作者：xcatliu​ 官方 QQ 群：加入 QQ 群 767142358​…

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

写前端一年多了，用的都是大佬建好的架子，还没自己从头建个项目，现在开始踩坑。 首先，新建个文件夹basic-react-app。名字不是重点，你高兴就好。 然后，使用git init 初始化仓库，可以考虑先在远端初始化仓库，再拉去到本地。 如果你使用了特殊的命令窗或zsh，应该…