前端学习之刻意练习写作参考

       思考了 一些接下来需要好好总结的一些前端必备知识点， 这些知识点绝大部分其实都有比较深入地进行过学习与了解，但是，常常因为觉得写作太花时间的原因，放弃了做一个深度的总结， 以至于自己的水平还是很局限也没有很大的突破，下面是开始刻意练习之后的第一次总结，可能不一定很到位， 后续会继续不断补充的。希望自己能够好好坚持。

布局：三栏布局五种方式； 居中布局四种方式； BFC;  清除浮动;  瀑布流的实现；

跨域： 9种方式；

继承：几种方式；

安全：Csrf 攻击与xss攻击；

事件：事件捕获参数； 捕获阶段；

算法：Diff算法以及算法时间复杂度，递归；数组去重；

SSR：好处，SSR 和 客户端渲染有什么区别；

http: 网页输入url到网页展示的过程； 报文头部，状态码，TCP三次握手的过程, get post请求的区别；

性能优化的方法：大类分类， 工作中常见场景；

性能优化之：利用浏览器缓存：强缓存与协商缓存/  http缓存分类；

性能优化之：减少重排， 重绘与重排

框架对比：Vue， angular，react； 虚拟dom实现 ；双向绑定原理；

实际项目总结：实时大屏，关系图谱，大数据产品平台， 较复杂的动画，vue父子组件传值；

设计模式：概览，应用场景，观察者模式实现；

前端错误捕获： 总结；

DOM基础知识： 添加元素,删除元素，节点类型

手机端：hybrid、 bridge原理,  js和native是如何通信的，300ms延时原理， 常见bug

其他： 登录状态管理   js浮点数运算不精确 如何解决，正则表达式， webpack的使用

Node: 容灾的实现

动画： requestAnimationFrame 实现较复杂动画

http: url解析过程

 

 

平时学习觉得可以收藏一下的学习参考地址：

每天十个前端知识点  ：https://www.zhangxinxu.com/

冴羽github ： https://github.com/mqyqingfeng/Blog 

张鑫旭的博客 ： https://www.zhangxinxu.com/ 

 

推荐书籍：

《JavaScript面向对象编程指南》、《图解HTTP》 、《JavaScript高级程序设计》、《深入浅出node.js》、《JavaScript设计模式》