原创 初識 Webpack 配置——導入導出等(二)
目錄 ✎ 0配置——基本命令 ✎ node寫法——主要內容 ✎ Webpack核心概念 導入(import)和導出(export) ➊ 入口 / 輸出 ➋ Loader ➌ Plugins(插件) ✎ 配置 ◆ 入口配置 ◆ 出口配置 ◆
原创 初識 Webpack (一)
目錄 ◆ 主要內容 ◆ Webpack是什麼 Webpack爲什麼使用? Webpack實現過程 ◆ Webpack安裝配置(實戰1) ◆ Webpack安裝配置(實戰2) ◆ Webpack打包操作實戰 ◆ Webpack配置講解 ◆
原创 Vuex日誌功能實現
目錄 ✦ 前言 ✦ 參考文章 ✦ Vuex中使用日誌功能 ✦ 整體代碼 ✦ 效果圖 ✦ 前言 本篇文章按照提供的GitHub上的代碼,再去實現Vuex自帶的日誌功能,也就是說如果要使用Vuex自帶的日誌功能,需要先執行 npm inst
原创 初識 Webpack (四) 解析stylus文件,將css內容單獨分離(loader和plugs配置)
目錄 ✦ 前言 ✦ 文章 ➬ 文檔 ➬ 遇到的問題 ➬ 配置和實戰 ✦ 本章節學習內容 ✔ 基本代碼和目錄結構 ➊ 模塊安裝 ➋ 添加html-webpack-plugin打包 ➌ 添加extract-text-webpack-pl
原创 a.vue基礎入門項目實戰——(項目初始化、修改根組件、首頁頁面、三要素基本搭建和json-server)實戰01
目錄 百度網盤源代碼 my-sz-one項目CLI創建 ◆ 前提依賴構建 1、router-view 2、ajax(菜鳥教程) 3、typicode/json-server 4、json-server文章 ◆ 基礎項目構建
原创 vue中如何實現雙向綁定的3中方法(.sync/v-model和普通交互)
目錄 參考文章 需求 1、第一步、全局子組件定義child 2、第二步、放官網select例子 3、第三步、普通的父子交互方法 1.1在上面的基礎例子上的methods裏面添加commit方法: 1.2在父頁面中利用方法去獲取子頁面內容:
原创 使用第三方模塊——axios
目錄 ◆ 參考文檔 Vue.js Ajax(axios) 菜鳥教程 使用說明 · Axios 中文說明 · 看雲 Axios源碼深度剖析 - AJAX新王者 具體config配置參考 【vue學習】axios(重要) ◆ 問題 1、爲何官
原创 初識 Webpack 配置source-map和watch的用法
source-map 即源碼映射內容,在解析 js 的過程中可能需要將高級語法解析成低級語法,這裏就需要配置label相關內容; 1、安裝依賴 npm install @babel/core @babel/preset-env ba
原创 初識 Webpack (三) 功能講解(配置文件可生成bundle.js的四種方式)
目錄 ➣ 基本配置 ➣ 輸出文件名稱配置 ㊫ 配置文件生成bundle.js四大實戰 ➊ [name].bundle.js ➋ [id].bundle.js ➌ [name].[hash].bundle.js(修改生新,無法緩存利用)
原创 Vue編譯打包處理
1 npm run build 執行後會生成dist目錄,這個從而用於生產環境 2 config / index.js 3 build / utils.js 4 配置
原创 Vue 學習0——API的使用
render內置方法 前言:在頁面上渲染數據,我們可以通過new Vue然後在components聲明組件名稱,也可以通過render內置方法,效果等同。 demo App.vue <template> <div id="app">
原创 初識 Webpack (九) 使用打印和url解析(vconsole、jsUri)
目錄 vconsole-webpack-plugin ➊ 參考文章 ➋ 步驟 ➌ 效果圖 jsUri (一)vconsole-webpack-plugin ➊ 參考文章 npm 官方地址 Github 使用vconsole項目地址
原创 批處理解析text文件內容的路徑,複製路徑中的文件到制定文件夾
需求:解析B.text文件內容,文件內容如下所示(注意是相對路徑): COPY.txt COPY2.txt COPY3.txt ml\COPY4.txt 通過讀取需要複製文件的名稱,我們要將文件和文件下面的文件複製到test2文件加下
原创 Vue 史上最全學習筆記(2020年1月9日)
目錄 ✎ VUE學習 ◆ VUE學習心路歷程 ◆ VUE學習視頻來源 ➀ VUE學習視頻百度網盤資源 ➁ VUE本筆記學習視頻資源 ◆ VUE語法 ❶ Vue基礎語法——模板語法(Three rule of template) ❷ Vue
原创 js 中如何使用(function(global){…})(this)和頁面如何調用
目錄 參考文章 簡單普通funciton 存在問題 GLOBAL寫法例子(方法1) 頁面調用 GLOBAL寫法例子(方法2) 頁面調用 GLOBAL寫法例子(方法3-用new) 頁面調用 參考文章 https://stacko