原创 【Vue】6 - 選項 - filters、computed 、watch

文章目錄1.filters 過濾器2. computed 計算屬性3. watch 觀察 1.filters 過濾器 如果有兩個vue實例,一個實例是獲取不到另一個實例裏的方法的,如下我們寫了2個實例:過濾器myFilter是

原创 【Vue】10 - vuex,路由守衛,登錄

文章目錄1、state2、關於mutations1. 那怎麼配置mutaions ?2. mutaions的參數: state、 payload3. 提交更改 / 調用mutaions裏的方法4. mutations 函數中不可以

原创 【webpack核心】- 3、es6 和 commonJs `互操作` 時webpack是如何處理

文章目錄1、同模塊化標準2、不同模塊化標準3、例子:jquery 兩種模塊化標準導入 由於webpack同時支持CommonJS和ES6 module模塊化標準,因此需要理解es6 和 commonJs互操作時webpack是如

原创 【webpack核心】- 15、其他細節配置

文章目錄1、context -- 配入口和loaders的基準路徑2、outputlibrary -- 工程,庫--存入口文件導出的結果libraryTarget3、target -- 構建的目標環境4、module.noPar

原创 【webpack核心】- 6、devtool配置

文章目錄1、source map 源碼地圖--解決報錯調試問題2、source map原理3、source map源碼地圖使用 1、source map 源碼地圖–解決報錯調試問題 本小節的知識與 webpack 無關 前端發展到

原创 【webpack核心】- 10、loader-1理論 -轉換代碼

文章目錄1、什麼是 webpack loader-加載器loader的出現2、手寫test-loader1、webpack全流程:2、chunk中解析模塊的流程(解析模塊的具體流程):3、chunk中解析模塊的更詳細流程[4-重

原创 【webpack核心】- 13、插件plugin - 監聽編譯中的事件,把功能嵌入到webpack的編譯流程中

文章目錄1、plugin 作用 -- (監聽編譯中的事件,把功能嵌入到webpack的編譯流程中)2、plugin的寫法 -- plugin 如何監聽事件的關於compiler關於 apply 方法3、plugin的配置 1、pl

原创 【webpack核心】- 1、瀏覽器端實現模塊化問題

文章目錄關於筆記1、瀏覽器端實現模塊化的問題2、根本原因3、解決辦法另:關於瀏覽器不支持npm下載的第三方包初始化package.json文件看瀏覽器端是否支持npm 安裝的jquery,會報錯!相關錯誤 關於筆記 學習webpa

原创 【webpack核心】- 5、webpack配置文件

文章目錄1、命令參數很多時,配置文件更靈活2、webpack配置文件中必須是commonjs規範3、基本配置 1、命令參數很多時,配置文件更靈活 webpack提供的cli/命令支持很多的參數(cli是命令行界面的縮寫),例如–m

原创 【webpack擴展】- 2、開發服務器webpack-dev-server

文章目錄關於webpack-dev-serverwebpack-dev-server 原理配置 關於webpack-dev-server 在**開發階段**,目前遇到的問題是打包、運行、調試過程過於繁瑣,回顧一下我們的操作流程:1

原创 【webpack核心】- 4、webpack編譯結果分析

文章目錄1、分析編譯結果的目的 ?2、自己嘗試手寫dist/main.js3、手寫思路1、避免全局變量污染,避免模塊化代碼(`module,exports,require`)找不到2、對象modules交給立即執行函數來處理3、手

原创 【微信小程序】1 - 基礎配置、頁面創建、生命週期

文章目錄1、關於微信小程序2、開發準備工作3、修改配置文件App.json3.1 配置導航頭3.2 配置底部觸摸欄4、新頁面的創建及組成4.1 微信新頁面的創建方式有3種4.2 展示新建頁面4.3 組成頁面結構的不同文件5、生命週

原创 【webpack核心】- 12、loader-3 圖片處理

文章目錄1、打包圖片爲 base64格式 / 文件路徑格式2、webpack.config.js中自行配置 上節loader加載器 把css代碼轉成js代碼,以變進行語法樹分析 loader也可以把圖片進行打包 靜態圖片: 頁面

原创 【webpack】- 4、webpack編譯結果分析

文章目錄1、分析編譯結果的目的 ?2、自己嘗試手寫dist/main.js3、手寫思路1、避免全局變量污染,避免模塊化代碼(`module,exports,require`)找不到2、對象modules交給立即執行函數來處理3、手

原创 mac 報錯:sh: vue-cli-service: command not found

報錯如下圖:sh: vue-cli-service: command not found 解決方案: 終端執行命令 #清除緩衝 npm cache clean --force #重新安裝 npm/cnpm install