前端路线记录--取自指尖coding

关于CSS(3)需要了解的知识点
       盒模型（标准&IE）
       flex、float、Normal、Flow等的理解
       CSS 常用选择器
       行内、内部、外部样式的区别
       CSS 层叠规则
       BFC 与 IFC 的了解
       CSS3的 transform、transition、animation等属性的运用
       响应式布局的理解
HTML(5)需要了解的知识点
       HTML 语义化
       canvas
       本地储存（localStorage、sessionStorage、cookie的理解）
       video 和 audio 的使用
       应用缓存（cache manifest）
JavaScript (ES6+)需要了解的知识点
       类型转换
       this
       作用域（作用域链）
       原型链以及继承
       闭包的理解
       动态作用域和词法作用域
       JavaScript 执行机制
       promise & async    
库工具：
       JQuery        降低开发者操作DOM的复杂度
       UnderScore        提供实用的函数
       zepot        JQuery的简化版        
       Moment        日期和时间操作库
Vue的优势
       模板和渲染函数的弹性选择，
       简单的语法和项目配置，
       更快的渲染速度和更小的体积
React的优势
       更适合大型应用和更好的可测试性
       同时使用于Web端和原生App
       更大的生态系统，更多的支持和好用的工具

需要了解的一些知识点
       浏览器的缓存机制
       浏览器中 JavaScript 的执行机制
       页面渲染原理
       浏览器安全问题
       浏览器为什么会跨域
       如何系统的优化页面
       HTTP 与 HTTPS的区别
       TCP/IP 协议
       三次握手和四次握手
       CDN的作用和原理
       正向代理与反向代理的特点

模块化
       JavaScript 模块化
       CSS模块化
       资源模块化
规范化
       编码规范
       接口规范
       git 使用规则
       CodeReview
       UI 元素规范
组件化
       从UI拆分下来的每个包含模板(HTML)+样式(CSS)+逻辑(JS)
       功能完备的结构单元，我们称之为组件

前端工程化一些知识点
       理解Babel、ESLint、webpack等工具在项目中的作用
       Babel的核心原理
       Webpack的编译原理、构建流程、热更新原理
       nginx的基本理解
       理解Git的工作流程
       Mock的意义及优点

性能优化的一些知识点
       前端性能衡量指标、性能监控（performance,LightHouse）
       常见的性能优化方案有哪些
       SSR方案的性能优化
       Webpack的性能优化方案
       React、Vue等框架使用性能优化方案
       网络层面的优化方案
       页面渲染层面的优化方案
       白屏的优化方案

Nodejs 一些知识点
       Nodejs 在应用程序中的作用
       Express 和Koa 的区别
       Nodejs 的底层运行原理、和浏览器的异同
       Nodejs 非阻塞机制的实现原理

可视化 Echarts

兼容语言 TS