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