原创 【webpack核心】- 8、入口 和 出口
文章目錄1、node環境下的./ 和 _dirname2、node裏的path模塊3、出口path -- 修改打包的資源 存放的文件夾filename -- 修改打包文件的文件名靜態配置filename動態配置filename
2020-07-04 05:14:51
原创 【vue- demo】自定義指令-拖拽
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">
2020-07-04 04:35:07
原创 【vue - demo】實例 - todoList
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">
2020-07-04 04:35:07
原创 【移動端佈局】1 -基本概念：設備像素、css像素、屏幕尺寸、像素密度ppi、像素比dpr、viewport、meta標籤、樣式重置
文章目錄0、關於web app1、移動端與pc端的區別2、尺寸相關概念2.1、設備像素（物理像素）2.2、CSS像素(設備獨立像素，邏輯像素)2.3、屏幕的尺寸2.4、像素密度PPI - 每英寸（面積）上像素（設備像素）的數量2
2020-07-04 04:35:07
原创 【移動端佈局】2 - 適配方法:百分比適配、viewport縮放適配、dpr縮放適配、rem適配、vw適配
文章目錄關於適配1、百分比 適配2、viewport縮放適配3、DPR縮放適配4、rem適配4.1 em 和 rem的區別4.2 rem適配原理4.3 js動態設置html字體大小 - 笨方法，要自己算元素佔幾個rem4.4
2020-07-04 04:35:07
2
原创 【webpack核心】- 11、loader-2樣式處理
文章目錄1、loader處理樣式做了什麼2、手寫一個style-loader3、得到css的源碼字符串 1、loader處理樣式做了什麼 把css當作模塊處理： es6 和commonjs 只是把js當作模塊，但我們希望css
2020-07-04 04:35:07
原创 【nodejs開發個人博客】- 0 概述
文章目錄概述1、nodejs的用途：2、nodejs的下載和安裝3、nodejs 和javascript的區別4、模塊化5、server端 和前端的 不同6、個人博客技術方案 概述 本筆記是關於慕課網中《nodejs開發個人博客
2020-07-04 04:35:07
原创 【H5】1 - 新增屬性:placeholder、input 的 新type、contenteditable - 是否可編輯、draggable - 是否可拖拽
文章目錄1、placeholder - 用作提示信息2、input 的 新type3、contenteditable - 是否可編輯4、draggable - 是否可拖拽 總結： 只有placeholder \ contente
2020-07-04 04:35:07
3
原创 【webpack核心】- 14、env區分環境
文章目錄方法1：寫兩個配置文件 + 基礎配置方法2: 在webpack.config.js裏導出一個函數總結 有些時候，我們需要在webpack.config中 針對生產環境和開發環境分別書寫webpack配置 方法1：寫兩個配
2020-07-04 04:35:07
原创 【webpack】1
文章目錄1.關於模塊：2.html裏引入模塊3.esmodule 的寫法打包一個文件配置打包多個文件的配置babel 將es6轉譯成es5將es7 轉成es5解析樣式1. 打包.css文件到js模塊裏2. 打包.less文件到js
2020-07-04 04:35:07
原创 【webpack核心】- 2、webpack特點 、安裝 及 零配置使用
文章目錄1、 webpack簡介2、webpack的特點：3、webpack的安裝4、簡單使用5、package.json裏配置腳本6、webpack處理後，npm包支持在瀏覽器使用 webpack官網：https://www.
2020-07-04 04:35:07
原创 【Vue】7 - 修飾符 modifires 、template 、 動態綁定樣式(:class / :style)
文章目錄1. 修飾符 modifires冒泡 和 捕獲阻止默認行爲2. template3.動態綁定樣式:class = "對象/數組":style ="對象 / 數組" 1. 修飾符 modifires 修飾符可以幫我們處理一些
2020-07-04 04:35:07
原创 【webpack核心】- 7、webpack 編譯過程
文章目錄1、初始化--融合CLI參數、配置文件、默認配置2、編譯--生成總的資源列表1、創建chunk - 根據入口模塊創建一個chunk2、構建所有依賴模塊 -生成模塊列表（模塊id：轉換後代碼）3、產生chunk assets
2020-07-04 04:35:07
原创 【webpack核心】- 9、入口 和 出口的最佳實踐
文章目錄1、一個頁面一個JS2、一個頁面多個JS3、單頁應用 1、一個頁面一個JS 源碼結構 |—— src |—— pageA 頁面A的代碼目錄 |—— index.js 頁面A的啓動模塊
2020-07-04 04:35:07
原创 好用工具推薦
文章目錄1、LICEcap - Github/CSDN 添加gif動圖2、 XSwitch - 跨域3、pdf 文件 轉 word 1、LICEcap - Github/CSDN 添加gif動圖 寫博客的時候，遇到複雜的過程，用動
2020-07-04 04:35:07