原创 記一道字節跳動的面試題 js操作dom的執行順序
面了一輪字節跳動，遇到一個面試題記錄一下 題目如下 function demo () { const now = new Date().valueOf() document.body.style.backgroundColor
2020-06-19 07:17:40
原创 React系列： redux - bindActionCreators的使用方法
react-redux的connect方法 接受4個參數： mapStateToProps(state, [ownProps]) 接受完整的redux狀態樹作爲參數，返回對象的所有key都會成爲組件的props mapDispa
2020-06-19 07:17:40
原创 利用canvas影像合成實現刮刮卡效果
文章目錄Canvas對象CanvasRenderingContext2D合成刮刮樂效果的實現 Canvas對象 HTML的canvas元素； 它定義了一個在客戶端使用腳本繪圖的API，可以直接爲這個對象定義width和height
2020-06-19 06:14:10
原创 React Hook之useEffect的使用和源碼分析
作用 副作用 前端開發中的副作用一般有：dom操作、瀏覽器事件的綁定和取消綁定、http請求、打印日誌、訪問系統狀態、執行IO更新等。 在class類組件中，副作用一般寫在componentDidMount，componentDi
2020-06-19 06:14:10
1
原创 React Hook 遇到的小坑--持續記錄
1. 依賴項沒指定好 hook是利用閉包的特性來生成對應的方法； 當不傳依賴項，方法內部的狀態值都是取的在定義hook的初始值； 當傳入了依賴項，那麼依賴項值發生改變，hook會被更新，這個時候它內部用的變量也都會更新到最新。 所
2020-06-19 06:14:10
2
原创 mac上安裝nvm管理node版本以及nvm如何設置node默認版本
安裝 curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.1/install.sh | bash # v0.33.1版本號根據自己需要來指定 驗證 輸入
2020-06-19 06:14:10
1
原创 React系列： setState以及setState更新機制
在React中，數據是自頂向下單向流動的，即從父組件到子組件。這樣組件之間的關係變得簡單並且可預測。 state和props是React組件中最重要的改建，如果頂層組件初始化props, 那麼React會向下遍歷整顆組件樹，重新嘗
2020-06-19 06:14:10
1
原创 React系列：React的生命週期
React聲明週期 React組件的生命週期可以分爲掛載，渲染，卸載幾個階段。 組件掛載時： class App extends Component { static propTypes = { // ... };
2020-06-19 06:14:10
原创 Vue—nextTick的實現原理
使用nextTick 全局使用： // DOM 還沒有更新 Vue.nextTick(function () { // DOM 更新了 }) // 作爲一個 Promise 使用 Vue.nextTick().then(fu
2020-06-19 06:14:10
原创 關於如何生成sshkey
查看已有sshkey ls -al ~/.ssh 如果有sshkey，即文件夾中有id_rsa, id_rsa.pub文件 直接複製內容即可 生成新的sshkey ssh-keygen -t rsa -C "my-email@1
2020-06-19 06:14:10
1
原创 React Hook之useCallback和useMemo的使用和源碼分析
如何使用 感覺useCallback和useMemo兩者很像，前者返回一個memorized的回調函數，後者返回一個memorized的值。 看一下他們是如何定義的 useCallback接受一個回調函數和依賴項數組作爲參數，返
2020-06-19 06:14:10
2
原创 React系列：組件性能優化 （shouldComponentUpdate， PureComponent, PureRender, Immutable）
react中有時候會有一些不必要的render，例如：1. 父組件傳遞props給子組件，即使props沒有更新，子組件也會重新render；2. setState兩次值相同，也會render 優化方法 1. shouldComp
2020-06-19 06:14:10
原创 typescript基礎——函數
定義函數 函數的輸入輸出要進行類型的定義，函數的參數一旦定義好以後，輸入多或者少都是會編譯報錯的，返回類型也必須跟定義的一致； // 1 function fun(a: string, b: number): number {
2020-06-19 06:14:10
原创 typescript基礎——數據類型和類型斷言
typescript是一種給javascript添加特性的語言擴展。 擴展功能包括： 類型批註和編譯時類型檢查 類型推斷 類型擦除 接口 枚舉 Mixin 泛型編程 名字空間 元組 Await 變量聲明 let [變量名]:
2020-06-19 06:14:10
原创 《css世界》筆記-文檔流以及流的破壞與保護
《css世界》筆記 何爲“流”？ “流”是CSS世界中的基本定位和佈局機制； CSS世界構建的基石是HTML， html最具代表性的兩個基石塊級元素<div>, 內聯元素<span>。 流體佈局： 就是利用元素“流”的特性實現的各類佈局
2020-06-19 06:14:10