原创 code-splitting(webpack v4 & react v16.8)
技術在更新，業務在增加，需求也在變化，weback v1 的版本已經不再適合現有的業務，決定對 webpack 做一次升級。 webpack v1 -> webpack v3 的升級 webpack v3 一下的版本 c
2020-06-16 13:57:18
原创 gatsby.js 架構靜態網站技術要點
gatsby.js 架構靜態網站技術要點 靜態資源加載 通過 gatsby / gatsby-image / gatsby-plugin-sharp 實現圖片靜態資源的加載以及渲染，支持 fluid | fixed 兩種 ty
2020-05-10 16:33:48
原创 2019年工作總結
…APP基於react-native的開發探索 使IOS和Android系統開發和共用同一套代碼，儘量抹平兩個系統的差異，以便更快速的開發迭代以及後續的維護。搭建起完整的react-native工程代碼，包括頁面的通用代碼和樣式、
2020-02-22 20:38:36
原创 react-native 之 DeviceEventEmitter (通知)
react-native 之 DeviceEventEmitter (通知) 應用場景：rn 中由 A 頁進入到 B 頁之後，在 B 頁上做相應操作之後，需要 A 頁更新相應數據。 僞代碼實現如下： ** B 頁 **
2019-08-10 01:25:36
原创 axios 攔截封裝，全局統一處理異常
封裝 axios 以更好的適應現有業務!! 所有接口請求均應通過此方法來實現。!! 統一處理：Android平臺 cookie 不存在情況 統一處理：錯誤提示和錯誤上報 統一處理：雙平臺（Android | IOS）netHead
2019-08-08 00:57:56
原创 react-native screen 組成
// TODO: 引入三方依賴 import React, { Component } from 'react'; import { connect } from 'react-redux'; import { SafeAreaV
2019-08-08 00:57:56
原创 bind、call、apply
bind、call、apply 三者都是用於改變函數體內this的指向，但是bind與apply和call的最大的區別是：bind不會立即調用，而是返回一個新函數，稱爲綁定函數，其內的this指向爲創建它時傳入bind的第一個參數，而
2019-04-25 08:57:21
原创 關於彈性盒子
container flex-box display: flex/inline-flex; flex-direction: [row] | row-reverse | column | column-reverse; fle
2018-09-19 05:22:16
6
原创 關於 Ant Design 中 Input 組件的 defaultValue 屬性的一個小問題
記錄關於一次 Ant Design 使用時遇到的一個問題，defaultValue屬性賦值，頁面交互操作處理數據之後頁面數據未更新（未按照預期顯示）。 class Component extends React.Compo
2018-09-13 05:50:13
原创 關於react、react-router、react-redux技術棧的總結
import React from 'react'; import ReactDOM from 'react-dom'; import {Router, Route, hashHistory} from 'react-rou
2018-08-25 19:52:39
3
原创 檢測瀏覽器平臺信息-PC/mobile/ios/android/ipad/ipod
// 平臺信息 platForm: { _ua: this.window.navigator.userAgent, /** * 判斷當前平臺是否爲andriod
2018-08-25 19:52:39
1
原创 js字符串截取
關於字符串截取的方法slice();subString();substr() 概要如下： 1.關於參數 str.slice(startIndex[, endIndex]); str.substring(s
2018-08-25 19:52:39
原创 import和require的區別
import和require的區別 node編程中最重要的思想就是模塊化，import和require都是被模塊化所使用。 遵循規範 require 是 AMD規範引入方式 import是es6的一個語法標準，如果要兼容瀏覽器的話必須轉
2018-08-25 19:52:39
原创 Gulp的安裝以及配置使用說明
Gulp的使用基於node.js、npm平臺或者工具，所以首先檢測node.js以及npm，在二者的基礎上全局安裝gulp 我本地已安裝，不再次重複安裝，上面爲執行安裝指令 安裝成功後，執行 gulp –v指令，用以確定gulp安
2018-08-25 19:52:38
1