### **何為前端**
1. 從本質(zhì)上講，所有web應(yīng)用都是運(yùn)行在瀏覽器上的gui軟件，gui即Graphical User Interface（用戶圖形界面），這些用戶圖形界面即是前端。
### **前端發(fā)展的三個(gè)階段**
目的： 為了提升開(kāi)發(fā)效率和性能優(yōu)化
1. 框架/庫(kù) 選型
2. 簡(jiǎn)單構(gòu)建與優(yōu)化
3. js/css模塊化開(kāi)發(fā)
4. 工程化
### **如何提高開(kāi)發(fā)效率和性能**
1. 組件化開(kāi)發(fā)
- js模塊化：瀏覽器環(huán)境監(jiān)測(cè)，ajax請(qǐng)求，應(yīng)用配置，dom操作，工具函數(shù)，以及組件中的js單元
- css模塊化：grid ,字體圖標(biāo)，動(dòng)畫(huà)樣式，組件中的css單元
- ui組件： 頁(yè)頭， 頁(yè)尾，導(dǎo)航欄，組件的css單元
- 頁(yè)面： ui組件的容器
2. 資源管理
前端是一種遠(yuǎn)程部署，運(yùn)行時(shí)增量下載的GUI軟件
由“增量”原則引申出的前端優(yōu)化技巧幾乎成為了性能優(yōu)化的核心，有加載相關(guān)的按需加載、延遲加載、預(yù)加載、請(qǐng)求合并等策略；有緩存相關(guān)的瀏覽器緩存利用，緩存更新、緩存共享、非覆蓋式發(fā)布等方案；還有復(fù)雜的BigRender、BigPipe、Quickling、PageCache等技術(shù)。這些優(yōu)化方案無(wú)不圍繞著如何將增量原則做到極致而展開(kāi)。
- 空白目錄
- Javascript
- angularjs
- 自定義指令
- scope
- 自定義指令的封裝
- 自定義指令限制只能輸入數(shù)字
- 輪播圖
- 寫(xiě)angular的順序
- $state
- video
- Es6
- Let
- 箭頭函數(shù)
- export
- promise
- 函數(shù)
- vue
- vue安裝，以及項(xiàng)目結(jié)構(gòu)
- vue的使用
- easy-vue
- vue起步
- vue基礎(chǔ)
- vue-router
- vue-各文件的依賴關(guān)系
- vuex
- vue使用sass語(yǔ)法
- mpvue使用wx.parse
- vue-cli 構(gòu)建vue項(xiàng)目
- vant的使用
- vue使用插件及常見(jiàn)問(wèn)題
- 原生Js
- 數(shù)組
- ajax
- 執(zhí)行上下文
- 正則表達(dá)式
- jqurey
- jqurey-mobile
- html5
- 工具
- svn使用總結(jié)
- webpack
- webpack的構(gòu)建
- WebStorm
- 切圖相關(guān)
- 蘋果手機(jī)注意事項(xiàng)
- other
- 前端的價(jià)值
- 面試相關(guān)
- css
- 小程序如何引用外部字體
- 流的理解
- 替換元素
- content和偽元素
- padding和background 繪制圖形
- css圓角，陰影，漸變
- line-height verticle-align
- 使用background繪制4個(gè)直角
- android的字體偏上的問(wèn)題
- 小程序
- 小程序常見(jiàn)問(wèn)題
- 小程序常用效果
- mpvue
- nodejs
- 前端工程化學(xué)習(xí)筆記
- mork.js學(xué)習(xí)