Vue學習高階之路

2021-09-29 14:46:33 字數 1339 閱讀 4172

過去傳統的前端開發是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預處理器:sassless之類的預處理器是對原生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了。這個時候在...