原创 js一行代碼實現數組去重
ES6中新增了Set數據結構，類似於數組，但是 它的成員都是唯一的 ，其構造函數可以接受一個數組作爲參數，如： let array = [1, 1, 1, 1, 2, 3, 4, 4, 5, 3]; let set = new Se
2018-11-13 23:45:20
原创 一看就懂的ES6箭頭函數（Arrow Functions）
ES6可以使用" => "定義函數，注意是函數，不要使用這種方式定義類（構造器）。 一. 語法 1.具有一個參數的簡單函數 var single = a => a; single('hello, world') //'hello, wo
2018-10-27 01:09:06
原创 手把手教你寫ES6箭頭函數
通常函數的定義方法 var fn = function(...){ ...... } 例如： var add = function(a,b){ return a+b; } //或者： function fn(
2018-10-27 01:09:05
原创 將現有數組重新分組(將數組分每四個渲染到一組)
最近做項目有一個小功能，將數組玩出了花樣，就是要將ajax從後臺拿到的數據，四個一組，渲染到頁面上，特此記下筆記，以作安利： 首先，頁面上建立一DOM節點：<div id="test"></div> 假如我們從後臺拿到的數據結構爲：var
2018-10-13 01:07:54
原创 <Link>s rendered outside of a router context cannot navigate<React-router報錯>
今天這個問題找了好久，終於找到爲什麼了，我們在百度上搜這個問題基本上只有一個答案點擊打開鏈接 其實不是說人家回答的不對，只是比較含糊，看截圖： 其實答案就是這樣的，當我們在用react-router的時候，react-router的
2018-08-24 19:06:14
原创 js處理多次ajax請求
通常 爲了減少頁面加載時間，先把核心內容顯示處理，頁面加載完成後再發送ajax請求獲取其他數據這時就可能產生多個ajax請求，爲了用戶體驗，最好是發送並行請求，這就產生了併發問題，應該如何處理？1）並行改串行如果業務邏輯和用戶體驗允許的情
2018-08-24 19:06:02
原创 Webstrom最新版激活方法
今天把Mac下的Webstrom升級到2017.3.3，但是發現網上的方法都不能用了，網上也有一個暴力破解方法，但是是windows的，mac只能眼睜睜的看着，最後終於找到了下面這種方法：EB101IWSWD-eyJsaWNlbnNlSW
2018-08-24 19:06:02
3
原创 React點擊誰誰顯示
實現效果如下： 首先 app.js 組件代碼 import React, { Component } from 'react'; import ReactDOM from 'react-dom'; import Btn from '
2018-08-24 19:06:01
3
原创 JavaScript 函數節流和函數去抖
概念 節流 (throttle) 讓一個函數不要執行的太頻繁，減少執行過快的調用，叫節流 去抖 (debounce) 去抖就是對於一定時間段的連續的函數調用，只讓其執行一次 throttle 應用場景 DOM 元素的拖拽功能實現（mous
2018-08-24 19:06:01
3
原创 JS 中 new 操作符
按照 javascript 語言精粹中所說，如果在一個函數前面帶上 new 來調用該函數，那麼將創建一個隱藏連接到該函數的 prototype 成員的新對象，同時 this 將被綁定到那個新對象上。這個話很抽象，我想用實例來讓自己加深理
2018-08-24 19:06:01
4
原创 開發 react 應用最好用的腳手架 create-react-app
1. 介紹 在開發react應用時，應該沒有人用傳統的方法引入react的源文件(js)，然後在html編輯吧。 大家都是用webpack + es6來結合react開發前端應用。 這個時候，我們可以手動使用npm來安裝各種插件，來從頭
2018-08-24 19:06:00
3
原创 React使用技巧總結 <一>
1. 當渲染的只有一個目標元素的時候可以直接省去 return function FormList({ color = 'blue', text = 'Confirm'}) { return( <button classN
2018-08-24 19:05:59
2
原创 使用JS判斷移動設備的終端類型（瀏覽器UserAgent）
JavaScript 是如何判斷移動設備的類型呢？答案是：User Agent。 什麼是 User Agent？懂一點網頁製作的人應該都明白。簡單的說，User Agent 就是用來識別瀏覽器名稱、版本、引擎以及操作系統等信息的內容。
2018-08-24 19:05:59
1