為了更系統地、有的放矢地學習前端,總結前端知識如下:

基礎

  • html語義化(盡量使用p、section等,而非純粹div,方便理解)
  • 數據交互,如ajax
  • websocket
  • 網頁的生命周期(預加載 渲染 以及加載后回調)
  • 瀏覽器兼容 (webkit內核、ie等)
  • 存儲:cookie、localstorage、sessionStorage、websql、indexdb、application cache

工具

  • postman
  • devtools/微信開發者工具
  • wireshark、Charles
  • ngrok

安全角度

  • ssl
  • sql注入
  • 跨域
  • js注入

維護性

  • gulp、webpack構建工具
  • scss、less
  • es6

體驗性

  • 壓縮
  • 避免重定向(耗時過久)

統計分析

  • 性能統計
  • 運營數據統計分析(留存、保活、拉新)