原创 JavaScript-可維護代碼編寫，函數式編程與純函數
JavaScript-可維護代碼編寫，函數式編程與純函數 JavaScript是函數式編程與面向對象編程的混合編程語言，加上本身一些可擴展性（比如：函數參數個數及類型的不確定），使得JavaScript非常靈活，當然也可以說非常不
2020-02-20 14:44:29
原创 移動端開發-touch事件及其相關屬性
1. 爲什麼移動端使用touch事件 習慣在電腦上寫js代碼的同學可能想問一個問題：爲什麼移動端要使用touch事件，mouse事件和click事件在手機上不能觸發麼？其實這個問題很容易解決。首先，這兩類事件在移動端也可以觸發，但
2020-02-20 14:44:29
原创 HTTP-URL編碼函數
HTTP-URL編碼函數 一般來說，URL只能使用英文字母、阿拉伯數字和某些標點符號，不能使用其他文字和符號。比如，世界上有英文字母的網址 “h ttp://www.haorooms.com”， 但是沒有希臘字母的網址“h ttp
2020-02-20 14:44:29
原创 React-實用性能優化技巧
本文的demo倉庫在https://github.com/qiqingjin/blog/tree/master/React_Redux/demos，喜歡請star喲~ 你可能聽過一句話，過早的優化是萬惡之源。項目開始，我們當然會首
2019-02-02 02:05:24
原创 React-如何進行組件的單元測試
什麼是單元測試 一般測試分成幾個類型：單元測試、集成測試、功能測試。集成測試和功能測試不贅述。單元測試是用來對一個模塊、一個函數或者一個類來進行正確性檢驗的測試工作，這裏的單元是程序工作的最小工作單位。單元測試應該僅僅依賴輸入，不依賴多餘
2018-09-06 12:48:06
原创 Jenkins-服務器搭建和自動化任務執行
Jenkins是什麼 Jenkins是一個廣泛用於持續構建的可視化web工具。根據我目前的使用（前端），Jenkins就是一個可以自動化完成拉取遠程倉庫代碼、編譯、打包、單元測試、合併分支等等一般需要我們手工完成的工作。 Jenkins使
2018-09-04 00:04:15
原创 React-UI庫比較
迴歸博客了。說明我變得不那麼忙了。最近幹了件有意思的事情，根據團隊需求選擇一個React UI庫，把結果和感受和大家分享一下。 待對比的庫 國內使用React的小夥伴可能很多都用Antd，其實國外也有很多優秀的React UI庫。本次選擇
2018-09-04 00:04:15
原创 React-react16和webpack4來寫一個SSR應用
本文的demo倉庫在 https://github.com/qiqingjin/blog/tree/master/React_Redux/，喜歡請star喲~ 前面的話 React 16開始重視服務器端渲染，也就是SSR，不再嚴格對比
2018-09-04 00:04:13
原创 JavaScript-讀 You Dont Know JS，原型繼承不是繼承
這篇博客是讀You Dont Know JS系列書中this & Object Prototypes這本書後總結的第三篇博客，也是最後一篇（第一篇講this到底是什麼，第二篇講Object到底是什麼）。 本篇博客中涉及到原型繼承的鏈式結構
2018-09-04 00:04:11
原创 如何進行React組件單元測試
轉載請註明：轉自http://blog.csdn.net/qiqingjin/article/details/53790729 原文鏈接：https://medium.com/writing-objects/how-to-unit-te
2018-09-04 00:04:11
原创 HTML5-indexedDB使用總結
1. 特點 IndexedDB 是一種可以讓你在用戶的瀏覽器內持久化存儲數據的方法。特點如下： * 支持事務、遊標、索引等數據庫操作 * 一般瀏覽器會分配50M-250M不等的內存 * 持久化存儲，清除瀏覽器緩存不會被刪除（loca
2018-09-04 00:04:11
原创 Webpack-源碼二，整體調用流程與Tapable事件流
在上一篇博客中分析了webpack打包以後的bundle文件，瞭解webpack是如何通過require模擬commonjs標準加載模塊的。下面探索webpack整體調用的流程，也就是如何通過shell輸入webpack命令就可以實現整個
2018-09-04 00:04:11
原创 React-從源碼分析React Fiber工作原理
本文的demo倉庫在https://github.com/qiqingjin/blog/tree/master/React_Redux，喜歡請star喲~ 爲什麼要重寫React React16 以前 React16 以前，對virt
2018-09-04 00:04:11
原创 HTML5-service worker進行緩存控制
講一下使用service worker做緩存版本控制。 1. 基礎 生命週期 installing -> activated -> fech/message 需要關注的生命週期階段 以下代碼以使用indexedDB爲例，後面提供使用ser
2018-09-04 00:04:10
原创 React-AMD標準、動態加載資源的Web APP如何做服務器端渲染
背景介紹 需要做服務器端渲染的app是：可以點擊添加組件，保存以後生成一個獨立的web app。就是一個生成web app的web app。因爲不一定每個組件都被添加到用戶創建的web app中，所以，組件的資源是動態加載的，只有選擇某個
2018-09-04 00:04:10