原创 JS數組去重
簡單數組去重： { const a = [1, 3, 4, 1, 5, 2, 6, 7, 8, 3] const b = a.filter((item, index, self) => self.indexO
2019-01-17 18:05:02
原创 JS中reduce方法
定義和用法 reduce() 方法接收一個函數作爲累加器，數組中的每個值（從左到右）開始縮減，最終計算爲一個值。 reduce() 可以作爲一個高階函數，用於函數的 compose reduce() 對於空數組是不會執行回調函數的 瀏覽
2019-01-17 17:22:46
原创 ES6精解：變量的解構賦值
1.數組的解構賦值 我們知道以前我們給一個變量賦值要這樣如下： let a = 1; let b = 2; let c = 3; 但是ES6出來之後，我們可以這樣： let [a, b, c] = [1, 2, 3] 以上就是從數組中提起值
2018-12-18 16:25:02
原创 微信小程序Taro開發(3)：canvas製作鐘錶
製作鐘錶分成兩部分，一部分是錶盤，一部分是時針、分針、秒針的走動，首先，先繪製錶盤： // 繪製錶盤 getDialClock = () => { const width = this.state.width; cons
2018-12-18 16:14:45
原创 JS正則表達式入門
什麼是正則表達式？ 正則表達式其實就是，在一個字符串序列中，按照你自己想要的匹配模式，將字符串搜索或替換的過程 正則表達式結構 /正則表達式主體/修飾符(可選) //實例如下： const patr = /china/i 解析： /chi
2018-12-18 16:14:45
原创 微信小程序Taro開發(1)：Taro安裝及使用
全局安裝 Taro 開發工具 @tarojs/cli npm install -g @tarojs/cli 在要創建項目的目錄下，創建項目： taro init test 以微信小程序爲例，創建項目完畢，要運行項目,則如下： npm run
2018-12-18 16:14:35
原创 微信小程序Taro開發(2)：生命週期及開發中注意點
生命週期 componentWillMount 在微信小程序中這一生命週期方法對應頁面的onLoad或入口文件app中的onLaunch componentDidMount 在微信小程序中這一生命週期方法對應頁面的onReady或入口文件a
2018-12-18 16:14:35
1
原创 初識React(9)：dva簡介
前言 dva 首先是一個基於 redux 和 redux-saga 的數據流方案，然後爲了簡化開發體驗，dva 還額外內置了 react-router 和 fetch，所以也可以理解爲一個輕量級的應用框架。dva官網地址：https://d
2018-12-18 15:55:28
1
原创 ES6精解(4)：變量的解構賦值
1.數組的解構賦值 我們知道以前我們給一個變量賦值要這樣如下： let a = 1; let b = 2; let c = 3; 但是ES6出來之後，我們可以這樣： let [a, b, c] = [1, 2, 3] 以上就是從數
2018-11-21 06:48:22
原创 react+antd系列之Form表單(2)：格式限制驗證
格式限制 antd中表單的功能很多，下面就爲大家整理了一下antd中常用的幾種表單輸入格式驗證： 1. 輸入框不能爲空限制，如下： {getFieldDecorator('name', { rules: [
2018-11-21 06:48:22
11
原创 react+antd系列之Form表單(1)：添加與刪除
在用antd的時候，我們如果要對錶單進行添加和刪除該怎麼弄呢，如下： import { connect } from 'dva'; import { Form, Input, Button } from 'antd'; import
2018-11-13 02:13:33
原创 react+antd系列之引入echart圖表
要在antd中引入echart圖表，首先得安裝echart包，命令如下： cnpm install echarts --save echart安裝完畢，要如何使用呢，在react中我們要引入我們剛剛安裝的echart，如下： imp
2018-11-13 02:13:33
5
原创 js圖片下載問題
我們都知道圖片下載可以通過a標籤下載，如下： <a href=‘下載地址’ download>下載</a> 用a標籤下載如果是相對地址那沒有問題，但是如果是絕對地址，在某些瀏覽器會有問題，沒法下載圖片，這裏就要用到如下： funct
2018-11-03 22:27:35
原创 初識React(8)：父子組件傳參
父級向子級傳參 父子組件通信主要用到props，如下： 在父組件中： import React from 'react' import ChildCom from './childCom.js' class ParentCom exte
2018-09-08 00:13:19
2
原创 初識React(7)：高階組件
什麼是高階組件 高階組件，聽着好像很高大尚，但是其實高階組件就是一個函數的參數是組件，返回的是一個新的組件。那麼，高階組件有什麼好處呢，高階組件可以減少代碼冗餘，把共有的代碼提取出來，下面有個例子說明下： import React fro
2018-09-05 14:29:04