文章推荐系列之大前端

标签：基础知识分类： Javascript 创建时间：2019-06-18 06:41:07 更新时间：2024-11-15 10:49:44

前端开发，无关乎处理浏览器那点事。
1.从渲染原理谈前端性能优化
2.css行高line-height的一些深入理解及应用
3.深入理解 js this 绑定 ( 无需死记硬背，尾部有总结和面试题解析 )
4.一名攻城狮都必须懂的前端性能优化～

5.Rendering: repaint, reflow/relayout, restyle

6.mobiledebug手机调试工具
一直在这个群里潜水,除了吹吹牛逼,说一句“大佬，好牛逼啊！” 也没学到啥东西，不过群主是个很厉害的人,自己独立开发了这么一个神器,还有Mac版等。是一个值得学习的人。这个手机调试工具也是非常的不错的(虽然我从来没有用过)。

7.Nodes Nodes is your thinking space for exploring ideas with code.

8.我优化了进度条，页面性能竟提高了70% 优化播放控件的进度条，我们可能不一定常见，毕竟对于有些像我们这样的公司来说，只需要CURD进行表格数据显示就可以了，根本不需要什么样的数据性能渲染。不过，在这篇文章中的几个点可以作为思考的点，比如页面的重排和重绘，已经使用GPU等，提升性能，是非常的值得思考的方法。

9.关键渲染路径这篇文章写了浏览器在渲染页面时候创建的DOM树、CSSOM树和渲染树的过程，有利于理解整个页面渲染的过程，我有时候面试的时候，没有什么问题好问了，就会问这样一个问题。

10.新一波 JavaScript 框架

11.nestjs 用于构建高效且可伸缩的服务端应用程序的渐进式 Node.js 框架。

往期推荐

微信公众号

广告位

诚心邀请广大金主爸爸洽谈合作

每日一省

isNaN 和 Number.isNaN 函数的区别？

1.函数 isNaN 接收参数后，会尝试将这个参数转换为数值，任何不能被转换为数值的的值都会返回 true，因此非数字值传入也会返回 true ，会影响 NaN 的判断。

2.函数 Number.isNaN 会首先判断传入参数是否为数字，如果是数字再继续判断是否为 NaN ，不会进行数据类型的转换，这种方法对于 NaN 的判断更为准确。

每日二省

为什么0.1+0.2 ! == 0.3，如何让其相等?

一个直接的解决方法就是设置一个误差范围，通常称为“机器精度”。对JavaScript来说，这个值通常为2-52，在ES6中，提供了Number.EPSILON属性，而它的值就是2-52，只要判断0.1+0.2-0.3是否小于Number.EPSILON，如果小于，就可以判断为0.1+0.2 ===0.3。

每日三省

== 操作符的强制类型转换规则？

1.首先会判断两者类型是否**相同，**相同的话就比较两者的大小。

2.类型不相同的话，就会进行类型转换。

3.会先判断是否在对比 null 和 undefined，是的话就会返回 true。

4.判断两者类型是否为 string 和 number，是的话就会将字符串转换为 number。

5.判断其中一方是否为 boolean，是的话就会把 boolean 转为 number 再进行判断。

6.判断其中一方是否为 object 且另一方为 string、number 或者 symbol，是的话就会把 object 转为原始类型再进行判断。

每日英语

Happiness is time precipitation, smile is the lonely sad.

幸福是年华的沉淀，微笑是寂寞的悲伤。