[TOC]
# 簡介
對于pc端應用來說,性能往往不是最突出的問題,因為pc端的網速,瀏覽器性能都有比較好,所以很長一段時間我們要考慮的是開發效率的問題而不是性能問題,得在前端框架的選型上下功夫。至于加載文件的大小或文件個數,都難以形成性能瓶頸。
對于wap端來說,限制于手機的慢網速(仍然有很多用不上4g,wifi的人),對網站的性能要求就比較苛刻了,這時候就不僅僅要考慮開發效率的問題了。(移動網絡的性能問題可參考《web性能權威指南》)
> 在《高性能網站建設進階指南》中也講到:不要過早地考慮網站的性能問題。
這點我有不一樣的看法。如果我們在項目搭建的時候就能考慮得多一點,把基本能做的先做了。所花的成本絕對比以后去重構代碼的成本要低很多,而且我們能夠同時保證開發效率和網站性能,何樂而不為呢。
# 參考
http://2014.jsconf.cn/slides/herman-taobaoweb/#/
https://github.com/fouber/blog
- 講解 Markdown
- 示例
- SVN
- Git筆記
- github 相關
- DESIGNER'S GUIDE TO DPI
- JS 模塊化
- CommonJS、AMD、CMD、UMD、ES6
- AMD
- RequrieJS
- r.js
- 模塊化打包
- 學習Chrome DevTools
- chrome://inspect
- Chrome DevTools 之 Elements
- Chrome DevTools 之 Console
- Chrome DevTools 之 Sources
- Chrome DevTools 之 Network
- Chrome DevTools 之 Memory
- Chrome DevTools 之 Performance
- Chrome DevTools 之 Resources
- Chrome DevTools 之 Security
- Chrome DevTools 之 Audits
- 技巧
- Node.js
- 基礎知識
- package.json 詳解
- corepack
- npm
- yarn
- pnpm
- yalc
- 庫處理
- Babel
- 相關庫
- 轉譯基礎
- 插件
- AST
- Rollup
- 基礎
- 插件
- Webpack
- 詳解配置
- 實現 loader
- webpack 進階
- plugin 用法
- 輔助工具
- 解答疑惑
- 開發工具集合
- 花樣百出的打包工具
- 紛雜的構建系統
- monorepo
- 前端工作流
- 爬蟲
- 測試篇
- 綜合
- Jest
- playwright
- Puppeteer
- cypress
- webdriverIO
- TestCafe
- 其他
- 工程開發
- gulp篇
- Building With Gulp
- Sass篇
- PostCSS篇
- combo服務
- 編碼規范檢查
- 前端優化
- 優化策略
- 高性能HTML5
- 瀏覽器端性能
- 前后端分離篇
- 分離部署
- API 文檔框架
- 項目開發環境
- 基于 JWT 的 Token 認證
- 扯皮時間
- 持續集成及后續服務
- 靜態服務器搭建
- mock與調試
- browserslist
- Project Starter
- Docker
- 文檔網站生成
- ddd