原创 React Hooks 實現和由來以及解決的問題
與React類組件相比，React函數式組件究竟有何不同？ 一般的回答都是： 類組件比函數式組件多了更多的特性，比如 state，那如果有 Hooks 之後呢？ 函數組件性能比類組件好，但是在現代瀏覽器中，閉包和類的原始性能只有在極端場景
2020-02-20 13:18:27
原创 css 常用知識點全在這裏了。哪位大俠還能補充？
努力學習與總結是對自己能力的提升，也希望能幫助到同學們。 BFC 塊狀格式化上下文（block formatting context）簡稱 BFC：是頁面上的一個隔離的獨立容器,容器裏面的子元素不會影響到外面的元素。 如何觸發BFC？ 根
2020-02-20 13:18:27
原创 手摸手。完成一個H5 抽獎功能
要完成一個這樣的抽獎功能 構思 獎勵物品是通過接口獲取的（img） 獎勵結果是通過接口獲取的（id） 抽獎的動畫需要由慢到快再到慢 抽獎轉動時間不能太短 抽獎結束需要回調 業務代碼和功能代碼要分離 先完成一個 UI 使用 flex 來
2020-02-20 13:18:26
1
原创 # "可插拔式"組件設計，領略組件開發的奧祕
從一個 Confirm 組件開始，一步步寫一個可插拔式的組件。 處理一個正常的支付流程（比如支付寶購買基金） 點擊購買按鈕 如果風險等級不匹配則：彈確認框（Confirm） 用戶確認風險後：彈出支付方式選擇彈窗（Dialog） 選擇好支付
2020-02-20 13:18:26
1
原创 Flutter的SPA實戰，路由攔截器，全局Toast Loading
全局Toast/Loading問題 在Flutter開發中，全局的Toast/Loading很狗血，實現已有的實現方法都不是很人性化。最近在Dio做請求攔截器的時候Overlay一直獲取不到context，每個頁面進入都存一遍很不方便，如果
2019-09-20 17:35:25
38
原创 搭建一個好用的API Mock服務
上篇文章講述了怎麼用Node實現一個API服務 現在開始講述如何搭建一個好用的API Mock服務 達到的效果： 在開發環境中就可以在url後面添加?ismock=1參數來實現數據mock，(沒有該參數就訪問正常數據)，且不會對測試環境和生
2019-08-20 12:00:30
原创 造輪子：用Node寫一個API Mock
使用Node寫一個Mock服務 實現思路： 讀取mock文件夾 遍歷.js文件 嘗試導入文件內容 將文件內容拼接成一個對象 將請求類型 + 空格 + 請求地址作爲key 當收到的請求能在js對象中找到就返回結果 找不到結果返回404 獲
2019-08-20 10:45:00
原创 HTTPS加密過程詳解
HTTPS（全稱：Hyper Text Transfer Protocol over Secure Socket Layer 超文本傳輸安全協議） HTTPS在傳統的HTTP和TCP之間加了一層用於加密解密的SSL/TLS層（安全套接層Se
2019-08-05 16:35:04
2
原创 Flutter官方WebView使用
使用過人氣很高的flutter_webview_plugin，但是缺少2個重要的功能。也在打開多個WebView時會出錯。 不能在JS中調用Flutter方法 不能在H5進入某個URL之前攔截 雖然該插件不夠完整，但是使用起來很方便，封
2019-07-19 17:04:58
26
原创 Flutter 局部路由實現詳解
這篇文章主要介紹了Flutter 局部路由實現詳解，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨着小編來一起學習學習吧 Flutter是借鑑React的開發思想實現
2019-06-12 06:23:09
5
原创 Flutter 局部路由實現
Flutter是借鑑React的開發思想實現的，在子組件的插槽上，React有this.props.children，Vue有<slot></slot>。 當然Flutter也有類似的Widget，那就是Navigator，不過是以rout
2019-06-10 17:25:01
1
原创 Flutter各種API使用
將Flutter各種Widget各種API都實現一次。 用於給初學者提供Flutter可視化Widget，方便初學者學習和使用，同時給自己的Flutter提供備忘、代碼copy功能。 點擊Widget清單的按鈕會跳轉到各自對應的Widge
2019-06-06 15:55:11
1
原创 Webpack HMR 原理解析
Hot Module Replacement（簡稱 HMR) 包含以下內容： 熱更新圖 熱更新步驟講解 第一步：webpack 對文件系統進行 watch 打包到內存中 webpack-dev-middleware 調用 webpac
2019-05-27 16:05:09
1
原创 Flutter實戰
經過一個月的努力，終於出成果了。 一個功能齊全的 flutter 金融理財APP項目，使用Node作爲後臺系統，使用了少量plugin，大體功能自己封裝。 源碼在GitHub，以便學習交流。https://github.com/zhong
2019-05-27 10:25:09
4
原创 最全的前端模塊化方案
模塊化主要是用來抽離公共代碼，隔離作用域，避免變量衝突等。將一個複雜的系統分解爲多個模塊以方便編碼。 會講述以下內容 CommonJS AMD 及 核心原理實現 CMD 及 核心原理實現 UMD 及 源碼解析 ES6 Module web
2019-04-25 10:55:07