原创 Vue + iview select 表單校驗明明有值，卻提示沒值
1. 問題說明 在使用 iview 中的 select 表單項時，綁定必填校驗規則後，遇到了這個神奇的問題：明顯選中了值，打印出來也有值 – 一個整型的 id 值；但是，表單始終提示沒有選擇值！這是什麼騷操作？表單部分截圖如下：
2020-07-01 19:50:58
10
原创 Vue 項目打包後，報：Cannot read property ‘echarts’ of undefined
1. 問題說明 在 Vue 項目中，使用 echarts 來爲項目添加圖表。在本地運行測試時，是正常無錯誤的。可是，當把項目打包上線時，頁面一直是白屏，且瀏覽器控制檯輸出如下錯誤： TypeError: Cannot read p
2020-06-29 22:39:01
4
原创 在 VUE 項目中，設置 echarts 圖表爲響應式佈局
1. 瀏覽器頁面尺寸變化，圖表自動改變尺寸 在 echarts 中繪製圖表，都是使用預先指定了一個明確尺寸的 DOM 容器。這也就意味着，圖表一旦渲染完成，後續頁面尺寸發生變化，圖表也不會重新繪製以及改變尺寸。 圖表繪製完成後，容
2020-06-28 23:24:30
1
原创 在 Vue 項目中使用 echarts
1. 安裝 echarts 安裝 echarts 用 npm install 就可以了。 npm install echarts 要是下載很慢，可以使用 cnpm 來安裝。 npm install -g cnpm --regis
2020-06-25 07:43:29
原创 《響應式Web設計:HTML5和CSS3實戰》-- 閱讀筆記2
響應式網頁設計中的 HTML5 響應式設計的“移動優先”（mobile first）思想使它很適宜採納 HTML5 中最簡潔、最有效和最具語義的代碼。 1. 膩子腳本 膩子腳本（polyfill）這個詞由Remy Sharp提出，
2020-06-23 03:20:25
原创 vue - element 表格使用總結（分頁器、查詢表單、多級表頭、展開行、自定義列、後端排序、響應式高度）
參加工作工作半年了，平日裏主要使用 element-ui 組件庫，磕磕碰碰也踩了不少坑。今日閒來無事，針對該組件庫中的 el-table 組件的使用做個總結，也方便以後查找。 TIPS： 本文只列出一些關鍵性的思路和代碼，欲瞭
2020-06-23 03:20:25
原创 《響應式Web設計:HTML5和CSS3實戰》-- 閱讀筆記1
響應式網頁設計概述 1. 定義 響應式網頁設計（RWD，Responsive Web Design）這個術語，由伊桑-馬科特（Ethan Marcotte）提出。他在A List Apart發表了一篇開創性的文章，將三種已有的開發
2020-06-23 03:20:13
原创 談談 vue + element-ui 的後端排序
前言 element-ui 在 el-table 組件中提供了很多可用於排序的屬性和方法，可用於前端排序或者後端排序。相對於前端排序，後端排序更復雜一些，也更常用一些。下面記錄的是在實現後端排序時，實現多列排序的過程。 實現多列排
2020-06-10 06:05:16
原创 JS 實現 10 大經典排序算法
0. 算法複雜度 排序算法 時間複雜度（平均） 空間複雜度 穩定性 冒泡排序 O(n2) O(1) 穩定 快速排序 O(nlog2n) O(log2n) 不穩定 簡單插入排序 O(n2) O(1) 穩定
2020-05-15 03:00:53
原创 Vue 源碼學習 --事件 event
1. 事件概述 Vue 中的事件可以分爲 2 類：原生 DOM 事件、自定義事件。兩者在使用方式、用途、源碼處理的實現上存在區別。 使用方式： 原生 DOM 事件可用在原生 DOM 元素上，也可用在組件上（這種情況下，需使用 .
2020-04-30 00:13:24
原创 Vue源碼學習 -- 響應式原理之觀察者模式
1. 觀察者模式 概念 觀察者模式又被稱爲 發佈-訂閱 模式，這種模式定義了對象間的一種一對多的依賴關係。當一個對象的狀態發生改變時，所有依賴於它的對象都將得到通知，並完成自動更新。 優點 觀察者與被觀察者是抽象耦合的
2020-04-27 14:10:51
原创 vue - element 分頁器 Pagination 組件封裝
表格和分頁器結合使用在大部分系統中使用都十分頻繁。 爲了爲整個系統提供統一分頁器的外觀和初始設置，基於 element-ui 提供的 pagination 組件，來進行一個封裝，是一個不錯的選擇。 最終效果圖： 1. Pagin
2020-04-25 11:48:53
原创 無敵全面 -- element 表格使用總結
參加工作工作半年了，平日裏主要使用 element-ui 組件庫，磕磕碰碰也踩了不少坑。今日閒來無事，針對該組件庫中的 el-table 組件的使用做個總結，也方便以後查找。 TIPS： 本文只列出一些關鍵性的思路和代碼，欲瞭
2020-04-22 23:01:09
原创 ES6 基礎 -- 變量
ES6 基礎 1. ECMAScript 簡介 （1）. ECMAScript 和 JavaScript 的關係 ECMAScript 是 JavaScript 的規範，JavaScript 是 ECMAScript 的一種實
2020-04-22 23:01:09
原创 前端開發基礎知識總結
前端開發基礎知識 – 總結 1. HTML 常用的 meta 頭 html 中的 meta 標籤總是位於 head 標籤中，用於定義關於頁面的一些原數據 meta 標籤中的屬性是以屬性名=屬性值的形式定義的 meta標籤
2020-04-22 23:01:09