過去傳統的前端開發是jsp+jquery,而現在前端短短幾年時間,技術已經發生了天翻地覆的變化
工具類:npm 以及package.json檔案,這是乙個標準的npm說明檔案,裡面蘊含了豐富的資訊,包括當前專案的依賴模組,自定義的指令碼任務等等。
vue-cli:是用來生產vue專案的命令列工具
babel-cli:babel提供babel-cli
工具,用於命令列轉碼。
babel: babel是乙個廣泛使用的es6轉碼器,可以將es6**轉為es5**
webpack: 模組打包機,webpack需要使用npm安裝在專案裡面 [ .
方式2: 新增webpack.config.js 這個webpack的配置檔案
方式3: 在package.json 裡面scripts start 配置為webpack
那為什麼要打包呢?把多個檔案打到同乙個js檔案裡面,應該是為了壓縮檔案大小,減少傳輸耗時
webpack-dev-server 還提供了本地開發的伺服器環境,這個伺服器基於nodejs實現。需要配置devserver
babel:乙個編譯js的平台 , 也是作為webpack的乙個loader
css:下面這些是css預處理器:sass
和less
之類的預處理器是對原生css的拓展
css-loader:
style-loader:
less laoder:
cass-loader:
編譯工具:
各個框架的檔案目錄結構有什麼約定嗎?
前端vue
: 模組化開發少不了angular,react,vue三選一,這裡選擇了vue。
vuex
: 狀態管理
sass
: css預編譯器。
element-ui
:不造輪子,有現成的優秀的vue元件庫當然要用起來。沒有的自己再封裝一些就可以了。
loadsh
:工具類
服務端框架
語法:page 物件
學習基本功: es6, less,sass ,
高階:各類框架,比如vue,mpvue
vuejs:基礎知識(節點、虛擬節點、渲染函式render(放在vue.component內部)、component元件是什麼, 建構函式(el,data,methods,computed計算屬性)
vue學習之路
1 v 檢視,代表前端的html 結構 2 m 資料模型,代表資料層,在vue中 例如 data 3 vm 檢視模型,代表排程層,是mvvm模式的核心,是m和v之間的橋梁在vue中例如 var vm new vue 1 v clack指令 作用 解決頁面載入時閃爍問題 用法 在標籤中直接新增v cl...
vue高階學習
此篇主要是個人對vue教程上第一遍未吃透的概念的理解 在 vue 中,對於原生元素 等 只能監聽原生事件 也就是 htmlelement.addeventlistener 實現的效果 而對於 vue 自定義元件,預設只能監聽那個元件主動 emit 出來的自定義事件。而使用native可以直接監聽元件...
Android學習 高階之路
小明首先需要購買一本android入門的書籍,為了更快地學習android,小明業餘時間也都用來一邊看書一邊照著書中的例子敲 結果2周時間小明就把這本書學了一遍。看完這本書後,小明對android的歷史 結構 規範等都有了乙個大概的了解,並且,小明已經可以寫出一些簡單的activity了。這個時候在...