原创 一分鐘看懂對象存儲和CDN之間的關係
我們通常會將對象存儲與CDN配合使用，爲什麼對象存儲要和CDN配合使用呢，cdn和對象存儲有什麼關係? 對象存儲的核心是存儲，以及計算能力(圖片處理)，cdn的核心是分發，本身不會給用戶提供直接操作存儲的入口，所以一般是兩者配合使用。現在
2020-05-01 12:27:58
原创 react源碼流程圖—— ReactChildren
本文閱讀react16.8.6版本ReactChildren.js文件。下面從mapChildren函數入手，給出React.Children.map的流程圖。 請參考React源碼閱讀本文。 mapChildren遍歷每
2019-10-26 03:28:58
原创 js中(0, function)是什麼意思
查閱react組件type時發現下面這種寫法。 (0, function)，這種表達式可看做(true && function)或(0 ? 0 : function) 這種間接調用的function保證了其在全局範圍內執行。 var
2019-10-26 03:28:58
1
原创 關於javascript中的void
void接收一個參數，返回值永遠是undefined。 那麼，爲什麼不直接用undefined呢？ undefined並不是JS的保留字。局部的undefined是可以被篡改的。如下：
2019-10-26 03:28:58
原创 import、require、export、module.exports 混合使用詳解
原文鏈接：https://juejin.im/post/5a2e5f0851882575d42f5609 前言 自從使用了 es6 的模塊系統後，各種地方愉快地使用 import export
2019-10-26 03:28:58
原创 react中ref使用函數或字符串的區別：String類型的Refs有什麼問題
摘自：https://zh-hans.reactjs.org/docs/refs-and-the-dom.html 上面一文說「不建議使用它（指String類型的ref屬性），因爲string類型的refs存在一些問題。」 我們跳轉鏈接
2019-10-26 03:28:58
原创 javascript中offsetWidth、clientWidth、width、scrollWidth、clientX、screenX、offsetX、pageX
offsetWidth //返回元素的寬度（包括元素寬度、內邊距和邊框，不包括外邊距） offsetHeight //返回元素的高度（包括元素高度、內邊距和邊框，不包括外邊距） clientWidth
2019-06-22 02:55:06
1
原创 react圓柱輪播圖
寫在前面 最近需要做一個移動端輪播圖，以達到下圖的效果： 本來使用swiper，但效果不盡如人意。因爲使用swiper實現的輪播圖是水平排列的。比如Slide6是中間的圖，那麼我希望整個頁面只顯示Slide5，Slide6，Slide7
2019-06-18 03:03:43
7
原创 application/x-www-form-urlencoded
請求頭Content-Type爲application/x-www-form-urlencoded 顧名思義，即這個url是被編碼（encoded）過的。那麼傳參Form Data必須要encodeURIComponent(參數值)。 如
2019-06-11 07:58:21
原创 SOA架構和微服務架構的區別
1.SOA架構和微服務架構的區別 首先SOA和微服務架構一個層面的東西，而對於ESB和微服務網關是一個層面的東西，一個談到是架構風格和方法，一個談的是實現工具或組件。 1.SOA（Service Oriented Architectur
2019-04-10 02:09:31
1
原创 用D3.js(React) 畫一個縱向條形圖
我們接着上篇博文 保持render方法不變，修改componentDIdMount componentDidMount () { const width = 300, height = 300; // 畫布的寬高
2019-04-03 02:01:22
原创 用D3.js(React) 畫一個超簡單的圖表
我們把上一篇博文裏的架構再拿過來用。 第一步 清空src/App.js裏的className爲App裏的內容和componentDidMount方法 初始src/App.js如下： import React, { Component }
2019-04-02 02:08:01
原创 第一個D3.js(React) 程序
第一步 使用npx指令創建react項目，項目名爲d3-demo。 npx create-react-app d3-demo cd d3-demo npm start 此時你可以在瀏覽器中看到： 此時的文件目錄如下： 第二步 安裝d
2019-03-30 02:13:37
原创 next.js getInitialProps
我們已經知道了服務器端渲染的原理，你只需要搭建一個 Express 服務器，在服務器端手工打造『脫水』，在瀏覽器端做『注水』，完成某個頁面的服務器端渲染並不難。 不過，服務器端渲染的問題並不這麼簡單，一個最直接的問題，就是怎麼處理多個頁面
2019-03-12 22:59:00
2
原创 JS displayName
顧名思義，displayName是用來表示顯示名稱的。 如上所示，當方法a報錯時，控制檯展示的是該方法的displayName. 參考文章： https://developer.mozilla.org/zh-CN/docs/Web/
2019-03-07 20:25:35