原创 初識 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