原创 daily-question-01（前端每日一題01）
在這裏記錄着每天自己遇到的一道印象深刻的前端問題，以及一道生活中隨處可見的小問題。 強迫自己形成積累的習慣，鞭撻自己不斷前行，共同學習。 Github 地址 2019/04/01 - 2019/04/07 1.爲何 [] == ![]
2019-05-01 00:55:37
原创 underscore 誕生記（二）—— 鏈式調用與混入（mixin）
上篇文章講述了 underscore 的基本結構搭建，本文繼續講鏈式調用與混入。 如果你還沒看過第一篇文章，請點擊 “underscore 誕生記（一）—— 基本結構搭建” 鏈式調用 在 JQuery 中，我們經常使用到鏈式調用，如
2019-05-01 00:55:37
原创 一款輪播組件的誕生
1. 前言 早在幾個月前，就想自己動手寫個輪播圖組件，因此也看了許多文章，斷斷續續過了幾個月，今天終於有時間騰出手來給此插件做個總結，因此有了這篇文章。話不多說，先上 Demo, 效果如下： 2. HTML and CSS 本文不討
2018-12-29 03:29:24
原创 ES6 手寫一個“辨色”小遊戲
1. 前言 依稀記得幾年前朋友圈流行的辨色小遊戲，找出顏色不同的矩形。前些天突發奇想，打算自己手寫一個類似的遊戲，話不多說，先上 Demo . –項目源碼 本實例基於 ES6 實現，併兼容 ie9及以上。 2. 項目結構 index.
2018-09-20 00:08:49
原创 Vue 編寫一個長按指令插件
1. 如何編寫 Vue 插件 在以往的 Vue 項目開發過程中，我們使用插件的方法是Vue.use(plugin)。如： import filters from "./filter/filters"; Vue.use(filters);
2018-09-06 21:24:22
原创 Webpack4 搭建 Vue 項目
1. 前言 由於 Parcel 打包工具的影響，webpack4 也追求零配置搭建項目。而前陣子出現的 vue-cli 3.0也是基於 webpack4 零配置的思想創建的。對於一些習慣webpack3 的開發者難免有些不習慣。本文就帶你
2018-09-04 15:22:47
原创 parcel-vue
前沿 parcel 工具的優點： 1、 Parcel 使用工作進程啓用多核編譯，並具有文件系統緩存，即使在重新啓動後也可快速重新構建。 2 、Parcel 支持JS，CSS，HTML，文件資源等等 - 不需要安裝任何插件。 3、在需要時，
2018-08-22 15:18:09
原创 vue 手寫一個時間選擇器
最近研究了 DatePicker 的實現原理後做了一個 vue 的 DatePicker 組件，今天帶大家一步一步實現 DatePicker 的 vue 組件。 原理 DatePicker 的原理是——計算日曆面板中當月或選中月份的總天
2018-08-22 15:18:09
4
原创 如何開發腳手架
開發一個簡單的腳手架工具 前言 像我們熟悉的 vue-cli，create-react-app 等腳手架，只需要輸入簡單的命令 vue init webpack project，即可快速幫我們生成一個初始項目。在實際工作中，我們可以定製一
2018-08-22 15:17:58
原创 vue-i18n 實現多語言切換
首先安裝 npm install vue-i18n 然後在main.js 中引入： import Vue from 'vue' import VueI18n from 'vue-i18n' Vue.use(VueI18n) 配置相關文件
2018-08-22 15:17:58
1
原创 JS 數組去重方法整理
針對的是數字或字符串等基本類型 1. es6 set結構 set 結構爲不重複的類數組對象 let arr = [1, 1, 2, 2, 3, 3] let arr = [1, 1, 2, 2, 3, 3] arr2 = [...ne
2018-08-22 15:17:57
原创 apply、call和bind的區別
在JS中，這三者都是用來改變函數的this對象的指向的，他們有什麼樣的區別呢? 在說區別之前還是先總結一下三者的相似之處： 都是用來改變函數的this對象的指向的。 第一個參數都是this要指向的對象。 都可以利用後續參數傳參。 那麼
2018-08-22 15:17:57
1
原创 使用 socket.io.js 實現 websocket 實時通訊
背景 最近公司在做一個快遞櫃項目，需要與快遞櫃設備端進行實時通訊，因此接觸了 websocket. websocket 作用 簡單的說： 傳統 http 通訊一次交互數據後就斷開連接了，服務端沒法主動向客戶端推送信息。 而長連接
2018-08-22 15:17:57
2
原创 使用 electron 編寫 window 桌面應用
背景 最近公司在搞一個泰國快遞櫃項目，需要使用 window 桌面應用，聽說 javascript 可以編寫桌面應用，因此踏入了 electron 的編寫道路，寫下這篇文章，記錄爬過的坑。 1. 安裝Electron npm inst
2018-08-22 15:17:57
原创 vue 實現 pager 組件翻頁效果
【名稱】pager 翻頁組件 【技術】使用 VUE.JS 製作 【效果】 實現頁碼跳轉，根據組件 props 參數獲取 pager 的頁碼總數和當前頁碼。 當頁碼過多時，顯示首尾頁碼以及當前頁碼及當前頁碼左右頁碼。 首尾可點擊進入上一頁
2018-08-22 15:17:57
4