學(xué)習(xí)推薦鏈接:
git開發(fā)學(xué)習(xí)
關(guān)于git的相關(guān)知識(shí)空免,使用的是gitlab來(lái)進(jìn)行代碼的管理胁艰≈遄浚基本要求:熟悉了解git的基礎(chǔ)知識(shí),主要是基于分支的開發(fā)模式恨搓;了解git的常用命令院促;git如何解決沖突;git的多分支多人協(xié)作開發(fā)模式斧抱。
react開發(fā)學(xué)習(xí)
react生態(tài)鏈常拓,
服務(wù)器端:node集合webpack-dev-server(基于express的node服務(wù)器)
前端:react,webpack辉浦,less弄抬,react-router,babel宪郊,fetch掂恕,html5,es6(兼容ie8)
集成第三方插件:jquery弛槐,bootstrap
ie8兼容插件有:html5shiv.min.js懊亡,respond.min.js(兼容解析css3的樣式)html5-history-api(ie8兼容browserhistory)
ie8兼容方案:
整體框架使用react,react-dom乎串,react-router店枣,babel-core,babel-loader等來(lái)搭建叹誉,
使用兼容插件es5-shim鸯两,es6-promise等來(lái)構(gòu)建的對(duì)第三方插件,使用相應(yīng)的兼容插件來(lái)兼容
總結(jié):
兼容方案的話长豁,第一步是構(gòu)建兼容的框架钧唐,第二步根據(jù)需要兼容的是css還是js,來(lái)做兼容處理匠襟,
如果css3相關(guān)需要兼容钝侠,先找github上面的pollyfill,然后基于此再修改宅此;
第二部机错,常用的js寫法如果可以做兼容轉(zhuǎn)義則使用babel等來(lái)做,否則就棄用吧父腕。
網(wǎng)絡(luò)傳輸及壓縮混淆生成技術(shù):
前端使用抽取css,分包加載壓縮青瀑,后端渲染璧亮,開啟gzip等技術(shù)來(lái)壓縮混淆減少網(wǎng)絡(luò)傳輸萧诫。
參考github地址:
react-router初版(ie8兼容版)
React開發(fā)思路篇
從零開始的 React 組件開發(fā)之路 (一):表格篇
基于接口的開發(fā)模式
Swagger UI教程 API 文檔神器 搭配Node使用
React數(shù)據(jù)流和事件原理篇
深入理解React(二) —— 數(shù)據(jù)流和事件原理