原创 webpack中bundle、chunk、module的區別
webpack Webpack Glossary bundle Bundle: Produced from a number of distinct modules, bundles contain the final ve
2020-07-06 09:31:31
原创 react-loadable
basic points 基於路由的代碼分割和基於組件的代碼分割 webpack可以設置多入口文件，可以通過入口文件進行代碼分割，即所謂的基於路由的分割；基於路由的分割可以常見於多tab頁切換等場景； 但是由於即使是多入口文件，
2020-07-02 14:16:20
2
原创 Chrome devTools筆記
命令概述 調起命令菜單： Ctrl+ Shift+P 基本命令類型： panel（面板）、Drawer、Appearance、console、Debugger、Elements、Global、Mobile、Navigati
2020-06-30 13:13:01
4
原创 再談水平垂直居中
DOM結構 <div class="wrapper"> <div class="box"></div> </div> <div class="container"> <span class="box-2"></spa
2020-06-21 01:12:14
1
原创 localStorage示例
屬性 設置Item，localStorage.setItem(key, val); 獲取Item，localStorage.getItem(key); 移除Item，localStorage.removeItem(key); 移
2020-06-20 23:15:05
原创 每日一詩詞 —— 雨後
雨後 席慕榮 生命，其實也可以是一首詩 如果你能讓我慢慢前行 靜靜盼望 搜尋 懷帶着逐漸加深的暮色 經過不可知的泥淖 在暗黑的雲層裏 終於留下了淚 爲所有 錯過或者並沒有錯過的相遇 生命 其實到最後總能
2020-06-20 23:15:05
原创 vim入門及常用命令
進入/退出vim 進入： ctrl+alt+t進入終端，輸入以下指令：vim vim filename 退出 命令 含義 :q 不保存直接退出 :q! 強制退出 :w 僅保存不退出 :wq 保存並
2020-06-20 23:15:05
原创 Service Worker簡介
介紹 Service Workder相當於瀏覽器與web應用程序之間的代理服務器，可以捕獲請求事件並做相應處理；目前主要用於離線應用以及消息推送及後臺同步等； 特性 無法直接訪問和操作DOM 在長時間不用時會被中止並在下次需要時
2020-06-20 23:15:05
原创 git小記
git rebase 如其意譯，變基操作（改變分支依賴） 通常，我們開發的時候從develop分支拉取一個新的feature分支進行開發；由於每個人的分支都是基於develop分支拉取的，當你開發一段時間之後，可能develo
2020-03-25 07:13:14
原创 mobx入門教程
背景 React的自身的狀態本身由state和setState維護；但是隨着應用複雜度的提升（組件間狀態共享及狀態變更），單純通過setState進行狀態管理的方案不僅變得代碼複雜、難以維護，而且影響可擴展性； 針對這種狀況，Re
2020-03-05 16:52:01
原创 ssh密鑰生成（Permission denied(publickey)）
ssh-agent啓動 eval $( ssh-agent -s) 查看現有的SSH密鑰 ls -al ~/.ssh 一般其位於C:/Users/xxx/.ssh/目錄下，分爲公鑰和私鑰；公鑰以.pub結尾； 複製公鑰可以使用
2020-03-05 12:28:07
原创 雙向數據綁定
兩個blog for 雙向數據綁定，保存學習~ https://yuchengkai.cn/docs/frontend/framework.html#數據劫持 https://github.com/DMQ/mvvm
2020-02-23 12:02:33
原创 vue數據劫持
原理 vue2.x是基於Object.defineProperty實現雙向數據綁定的；該函數可以在獲取屬性值或者設置屬性值的時候監聽屬性的get和set事件，並進行相關的操作；當然，這些具體的操作就需要通過發佈訂閱者模式作爲補充；
2020-02-23 12:02:33
原创 window查找端口占用並釋放
Windows + R打開命令行窗口 輸入cmd並確定進入命令行模式 使用以下指令查找對應端口占用情況 netstat -aon|findstr 3000 可以看到此處3000端口被pid爲11960及13736的
2020-02-23 12:02:33
原创 LeetCode 20題：括號匹配問題
問題描述 Given a string containing just the characters ‘(’, ‘)’, ‘{’, ‘}’, ‘[’ and ‘]’, determine if the input string i
2020-02-23 12:02:33