原创 CSS佈局 --- 等寬&等高佈局
網易雲課堂學習筆記三：等寬&等高佈局 等寬佈局 float+box-sizing DOM結構 <div class="row"> <div class="col">1</div> <div class="col">2</d
2020-06-06 12:33:38
原创 webpack3學習筆記
何爲webpack webpack是一個前端模塊化方案，更側重模塊打包，我們可以把開發中的所有資源（圖片、js文件、css文件等）都看成模塊，通過loader（加載器）和plugins（插件）對資源進行處理，打包成符合生產環境部
2020-06-06 12:33:38
原创 帕尼尼的前端體系大全
前端基本功 JS基礎系列 探究CSS 前端進階 JS進階 Ajax系列 JS進階系列 JS設計模式(學習中) Vue系列 VueJS基礎 VueJS源碼分析(學習中) 工具優化系列 Webpack基礎 前端性能優化 Nginx(學習中
2019-01-10 23:06:05
原创 VueJS源碼分析 --- 前言
在學習VueJS源碼前，不僅需要兩三個VueJS項目的開發經驗，也需要對一些工具有個基本的掌握。 基本知識掌握 VueJS基礎 Webpack基礎 參考資料 Vue.js 技術揭祕
2019-01-10 23:06:05
原创 Webpack4系列教程(七) 單頁面解決方案
寫在前面 本節課講解webpack4打包單頁應用過程中的代碼分割和代碼懶加載。不同於多頁面應用的提取公共代碼，單頁面的代碼分割和懶加載不是通過webpack配置來實現的，而是通過webpack的寫法和內置函數實現的。 優勢 通過
2018-12-27 01:18:54
原创 Webpack4系列教程(五) 圖片相關配置
寫在前面 在這篇博客中，我將會你介紹圖片處理部分的相關配置 基礎配置 CSS中引入圖片需要使用file-loader 首先我們把一些圖片放在src/assets/imgs目錄下，並且引入這些圖片 然後我們配置一條rule：圖片文
2018-12-25 23:40:25
原创 Webpack4系列教程(六) 多頁面解決方案
寫在前面 在這篇博客中，我將會你介紹多頁面解決方案 基本配置 目錄結構 代碼 module.exports = { entry: { pageA: './src/pageA.js', pa
2018-12-25 23:40:25
1
原创 Webpack4系列教程(二) HTML相關配置
寫在前面 在這篇博客中，我將會介紹webpack4中有關html部分的相關配置 在上篇文章中，我已經介紹了output是打包的入口，但是我們知道打包後的文件是js文件，而我們訪問網站的時候首先訪問的是html文件。我們當然可以在打
2018-12-23 23:23:03
原创 Webpack4系列教程(一) 基礎入門
寫在前面 在這篇博客中，我將會介紹webpack4的基本配置 安裝與配置 首先我們要安裝相關環境 cnpm i -D webpack webpack-cli 目錄結構如下 webpack.config.js 是默認的配置文件，我
2018-12-23 23:23:03
原创 Webpack4系列教程(四) CSS相關配置
寫在前面 在這篇博客中，我將會你介紹CSS部分的相關配置 基本配置 我們先看一下目錄結構 然後，我們在入口文件index.js中引入base.less文件 import './css/base.less'; 這樣子是不行的。我
2018-12-23 23:23:03
原创 Webpack4系列教程(三) JS相關配置
寫在前面 在這篇博客中，我將會你介紹JS部分的相關配置 基本配置 我們先看一下目錄結構 打包時，根據entry配置 entry: { index: './src/index.js' } 並且我們在入口文件裏引入了文件base.
2018-12-23 23:23:03
原创 Webpack4系列教程 --- 前言
寫在前面 在學習了webpack4一段時間後，個人感覺webpack4的知識點實在繁雜。所以這個教程我並不打算按照一個個知識點拆開來講，而是按照相關性來講解。 參考教程 慕課網 《四大維度解鎖 Webpack3 前端工程化》 董沅
2018-12-23 23:23:03
原创 JS基礎 ---事件
事件分類 a.窗口事件,只在body和frameset元素中才有效 onload 頁面或圖片加載完成時 onunload 用戶離開頁面時 b.表單元素事件,在表單元素中才有效 onchange 框內容
2018-10-15 07:32:53
原创 JS設計模式（二）--- 單例模式
我們繼續說小明那個例子 上次說到小明買回了所有的東西，書院的先生一看賬單：￥4386 雖然覺得這錢花的有點多，但這一次的採購還是要交給小明去做 先生說：小明啊，我給你一個賬單，你每買一件商品都要在這個賬單上寫上，並讓老闆簽字 cl
2018-10-10 07:46:55