原创 es6系列二：你真的會聲明變量嗎（var，let和const）
ES6新增了二個聲明變量的關鍵字，let和const，再加上ES6之前的var，這樣聲明變量就有三個關鍵字了，大有三國鼎立之勢。那到底用哪個來聲明變量呢？ var 首先，得說說var的特殊行爲，變量提升，來看一個例子： var condit
2019-03-18 20:25:03
原创 白話es6系列一：Array.of()和Array.from()
es6新增了二種方法：Array.of()和Array.from()，它們有什麼用途呢？在平時的開發中能給我們帶來什麼方便呢？本篇將從一個創建數組的小問題開始，逐步揭開它們的面紗。 一個問題 首先，我們來看一個問題，我需要創建一個共81項的
2019-03-03 02:23:06
原创 吐槽Javascript系列三：數組的陷阱
雖然本系列是吐槽，但是並不是爲了黑Javascript，而是揭露它的一些特性（怪癖），只有更好的瞭解它，才能更好的使用它。本篇主要介紹數組中常見的隱患點。 龜速的map 在數組中，map是一個功能很強大的方法，先來見識一下： let arr
2019-02-22 11:35:07
1
原创 由奧迪車燈想到的前端動畫
最近對汽車比較感興趣，平時也多留意看了一些身邊的車，發現奧迪部分車型的轉向燈很有特色，有一個從左到右的動畫效果，視覺效果很贊，這撩起了我的好奇心，怎麼用代碼在網頁上模擬實現呢？ 先來看看我們需要實現的效果：預覽 方法一：css 首先，想到的
2019-02-20 22:34:08
原创 拖拽上傳功能的實現及原理
場景 最近，小明遇到這樣一種情況：在網頁中上傳文件時偶爾頁面會崩潰。小明仔細測試了這種情況，發現之前用的一個文件上傳組件有一點缺陷，於是，小明決定自己手寫一個，樣式如下： 圖一是沒有上傳文件時的樣式，圖二爲上傳文件後的樣式。虛線部分爲放置
2019-02-19 14:04:44
原创 吐槽Javascript系列二：數組中的splice和slice方法
戰鬥英雄你當，漂亮媳婦兒你娶，怎麼啥好事都被你給佔了——《激情燃燒的歲月》 談起這兩個方法，新手不蒙，我是不信！正如吐槽Javascript系列一：slice()、substr()和 substring()中提到的，字符串中也有一個slic
2019-02-15 22:05:05
3
原创 吐槽Javascript系列一：slice()、substr()和 substring()
實不相瞞，對於字符串中的slice()、substr()和 substring()這三個方法，我自己很長一段時間都是理不清的，每次用都得查一下文檔，因爲他們長得實在是太像了。 特性 我們先來溫習一下，他們的特性如下： 這三個方法都會返回被
2019-02-13 13:22:38
原创 一小波DOM騷操作：querySelectorAll和classList
雖然現在MVVM框架帶來了諸多便利，但你真的就不再需要操作DOM了嗎？本文通過幾個小例子來介紹一些DOM操作的小技巧 場景一：querySelectorAll 陸小雞最近遇到了這樣一個問題，他引用了一個第三方的表格組件，他引入組件的代碼如下
2018-12-01 22:24:45
原创 linux安裝subversion
用慣了svn，但你知道怎麼在linux上搭建svn服務器嗎，本文將介紹如何在linux上創建一個svn服務器 安裝 zypper in subversion 我的服務器是openSUSE，所以安裝命令是zypper，如果是centos，那麼
2018-11-24 21:43:31
2
原创 Iconfont使用手冊
Iconfont是阿里巴巴矢量圖標庫，本文將簡單介紹如何快速上手使用Iconfont，自從用上Iconfont後，圖片再也不糊了 起因 之前，項目中的logo等圖片資源都是UI小姐姐設計好後切給我，然後我將其引入項目中，如下形式： <img
2018-11-24 20:05:11
原创 node中的密碼安全
本文將講解對於前後端分離的項目，前端註冊或登錄時如何保證用戶密碼安全傳輸到server端，最終存入數據庫 爲什麼需要加密 加密真的有必要嗎？我們先來看一看前端發起的ajax請求中，如果不對密碼進行加密，會發生什麼。f12打開chrome開發
2018-09-18 18:30:55