原创 vue-manage-system 後臺管理系統開發總結

前言 vue-manage-system，一個基於 Vue.js 和 element-ui 的後臺管理系統模板，從2016年年底第一個commit，到現在差不多兩年了，GitHub上也有了 5k star，也是這些讓我有了持續更新的

2018-09-13 05:40:03 6

原创 vue-manage-system : Vue2 後臺管理系統解決方案

基於Vue.js 2.x系列 + Element UI 的後臺管理系統解決方案。 github地址：https://github.com/lin-xin/vue-manage-system demo地址：http://blog.gdfe

2018-08-22 12:01:24 1

原创 sChart.js：一個小型簡單的圖表庫

介紹 sChart.js 作爲一個小型簡單的圖表庫，沒有過多的圖表類型，只包含了柱狀圖、折線圖、餅狀圖和環形圖四種基本的圖表。麻雀雖小，五臟俱全。sChart.js 基本可以滿足這四種圖表的需求。而它的小，體現在它的體積上，代碼只有 8k

2018-08-22 12:01:24 2

原创 微信小程序之購物車功能

前言 以往的購物車，基本都是通過大量的 DOM 操作來實現。微信小程序其實跟 vue.js 的用法非常像，接下來就看看小程序可以怎樣實現購物車功能。 完整的小程序商城demo含購物車，請戳：wxapp-mall 需求 先來弄清楚購物車的

2018-08-22 12:01:24

原创 gulp自動化壓縮合並、加版本號解決方案

雖然網上有很多的 gulp 構建文章，但是很多都已經隨着 gulp 插件的更新無法運行了。因此，我寫了這個比較簡單的構建方案。 如果還不熟悉 gulp 的插件，可以閱讀上一篇文章：精通gulp常用插件 這個方案主要是爲了實現js/css的

2018-08-22 12:01:24

原创 HTML5 進階系列：文件上傳下載

前言 HTML5 中提供的文件API在前端中有着豐富的應用，上傳、下載、讀取內容等在日常的交互中很常見。而且在各個瀏覽器的兼容也比較好，包括移動端，除了 IE 只支持 IE10 以上的版本。想要更好地掌握好操作文件的功能，先要熟悉每個AP

2018-08-22 12:01:24 1

原创 基於vue2.0+vuex+localStorage開發的本地記事本

本文采用vue2.0+vuex+localStorage+sass+webpack，實現一個本地存儲的記事本。兼容PC端和移動端。在線預覽地址：DEMO 功能說明 支持回車添加事件 支持事件狀態切換 添加事件 -> 進入未完成列表

2018-08-22 12:01:23 1

原创 HTML5 進階系列：indexedDB 數據庫

前言 在 HTML5 的本地存儲中，有一種叫 indexedDB 的數據庫，該數據庫是一種存儲在客戶端本地的 NoSQL 數據庫，它可以存儲大量的數據。從上篇：HTML5 進階系列：web Storage ，我們知道 web Storag

2018-08-22 12:01:23

原创 HTML5 進階系列：拖放 API 實現拖放排序

前言 HTML5 中提供了直接拖放的 API，極大的方便我們實現拖放效果，不需要去寫一大堆的 js，只需要通過監聽元素的拖放事件就能實現各種拖放功能。 想要拖放某個元素，必須設置該元素的 draggable 屬性爲 true，當該屬性爲

2018-08-22 12:01:23

原创 vue.js 組件之間傳遞數據

前言 組件是 vue.js 最強大的功能之一，而組件實例的作用域是相互獨立的，這就意味着不同組件之間的數據無法相互引用。如何傳遞數據也成了組件的重要知識點之一。 組件 組件與組件之間，還存在着不同的關係。父子關係與兄弟關係（不是父子的都暫

2018-08-22 12:01:23

原创 Vuex 模塊化實現待辦事項的狀態管理

前言 在vue裏，組件之間的作用域是獨立的，父組件跟子組件之間的通訊可以通過prop屬性來傳參，但是在兄弟組件之間通訊就比較麻煩了。比如A組件要告訴一件事給B組件，那麼A就要先告訴他們的爸組件，然後爸組件再告訴B。當組件比較多，要互相通訊

2018-08-22 12:01:23 1

原创 提高 webpack 構建 Vue 項目的速度

前言 最近有人給我的 Vue2 後臺管理系統解決方案 提了 issue ，說執行 npm run build 構建項目的時候極其慢，然後就引起我的注意了。在項目中，引入了比較多的第三方庫，導致項目大，而每次修改，都不會去修改到這些庫，構建

2018-08-22 12:01:23

原创 JavaScript 中 閉包 的詳解

閉包是什麼 在 JavaScript 中，閉包是一個讓人很難弄懂的概念。ECMAScript 中給閉包的定義是：閉包，指的是詞法表示包括不被計算的變量的函數，也就是說，函數可以使用函數之外定義的變量。 是不是看完這個定義感覺更加懵逼了？別

2018-08-22 12:01:23 2

原创 精通gulp常用插件

本文主要展示的是gulp常用插件的使用方法和用途，通過對插件的熟練運用達到精通gulp。不定期更新。可以到github上面下載DEMO github地址：lin-xin/gulp-plugins 匹配符 *、**、！、{} gu

2018-08-22 12:01:23

原创 HTML5 進階系列：web Storage

前言 HTML5 的 web Storage 存儲方式有兩種：localStorage 和 sessionStorage。 這兩種方式都是通過鍵值對保存數據，存取方便，不影響網站性能。他們的用法相同，存儲時間不同。 localStora

2018-08-22 12:01:23