fengjin08122359 / knowledgetree

前端知识树

1. css基础
   a. 盒式模型
   b. 行元素列元素
   c. 文档流
   d. 布局
2. js基础
   a. js事件与冒泡
   b. 原型链,闭包
   c. DOM
3. 浏览器工作原理
   a. 渲染
   b. 加载
   c. event loop
4. 工具类
   a. babel
   b. es6
   c. webpack
   d. gulp
   e. eslint
   f. less/sass
5. 性能
   a. lazyload
   b. defer,async
   c. 页面抖动
   d. 缓存
   e. chrome开发工具
   f. Yahoo前端优化十四条军规
   g. 页面检测工具
6. 安全
   a. XSS
   b. Iframe
   c. 页面劫持
   d. 第三方包
   e. 本地数据存储
   f. 安全防御
7. 自动化测试
   a. 单元测试
   b. e2e
8. 主流代码框架
   国内
   a. vue
   b. react
   c. mint-ui/element-ui
   国外
   a. react
   b. bootstrap
   额外知识点
   a. redux/rxjs/vuex/graphQL
   b. nuxt/next
9. 趋势
   a. PWA
   b. serice-worker
   c. 服务器端渲染
   d. WebAssembly
10. 杂项
    a. 动画animation
    b. canvas
    c. websocket
    d. http/https
    e. 3D视觉(three.js)
    f. 图表(echart.js)
    g. 样式字体(font-awesome)
    h. restful/graphQL
    i. 模块化开发
    f. rem/px/em
    k. ajax原理
    l. 源码阅读
    m. 正则
    n. 其他技术
    o. mock data