原创 LeetCode - 19. 刪除鏈表的倒數第N個節點
/** * Definition for singly-linked list. * function ListNode(val) { * this.val = val; * this.next = nu
2020-06-20 16:25:01
原创 LeetCode - 6. Z 字形變換
暴力解法… /** * @param {string} s * @param {number} numRows * @return {string} */ var convert = function(s, numRo
2020-06-20 15:12:10
原创 let和const定義的變量到底存在哪？
let和const定義的變量到底存在哪？ 我們知道let和const定義的變量在window上是直接獲取不到的，那麼這個變量會存放在哪個對象中呢？ 在chrome中打開控制檯調試會發現變量作用域Scope中有兩個對象，一個是Scr
2020-06-20 14:03:11
原创 Webpack打包css到js中css樣式不起效果
今天通過修改webpack的moudle.rules屬性來將css打包到js中，其實就是去除了MiniCssExtractPlugin.loader。 這樣能夠實現打包效果，但卻在項目中引用時發現css無法加載到dom上。 通過分
2020-06-20 14:03:11
原创 dce和tree shaking
dce和tree shaking 爲了在弱網環境下降低網絡延遲以獲取更好的用戶體驗，我想這些關於如何降低代碼體積的技術都是值得研究的。目前降低網絡延遲的一個方法是降低js代碼的體積，本文研究的就是在壓縮代碼之前的降低體積的方法——
2020-06-20 14:03:11
2
原创 webpack項目中樣式中的~和script中的@在項目中的區別
樣式中的~和script中的@在項目中的區別 在項目的單組件文件中經常可以看到這兩種模塊引入方式： import LogoSvg from '@src/components/svg-icon/LogoSvg'; @import
2020-06-20 14:03:11
1
原创 MarkDown: TODO LIST的寫法
以前寫todo List都是用有序列表或者無序列表，沒辦法直觀的看到事情的完成程度，markdown提供了一種todolist的寫法（偶然間在Vue3的README.md中看到的?） 記得找個女朋友 天涼了，記得加衣喔
2020-06-20 14:03:01
1
原创 http-proxy-middleware onProxyRes中文數據亂碼的解決方案
onProxyRes相關代碼： option.onProxyRes = function (proxyRes: any, req: any, res: any) { // 參考：https://www.jiansh
2020-05-09 19:32:20
35
原创 Webpack和Koa2代理WebSocket
相關運行環境： mac os: 10.14.5 (18F132) chrome： 81.0.4044.122 Node：v10.16.1 npm: v6.14.4 Webpack-dev-server: v3.9.0 h
2020-05-07 16:08:09
1
原创 封裝WebSocket
功能 一般來說，WebSocket應該具有以下功能： 斷線重連 單例模式 發佈訂閱 超時提示 心跳保活 錯誤處理 源碼 源碼使用ts編寫： /** * @file websocket鏈接相關 */ interface S
2020-04-30 20:56:37
原创 Vue使用自定義指令實現拖拽行爲
需求 通過自定義指令的方式實現拖拽效果，預期的使用方式爲： <div style="background: #f00; width: 200px; height: 200px;" v-drag>
2020-04-25 01:28:25
原创 Not implemented: navigation (except hash changes)
error 在進行jest單元測試的時候，報了這樣的錯誤。 解決辦法 在給location重定義之前刪除原有屬性即可： delete window.location; Object.defineProperty(window, '
2020-04-21 02:37:34
1
原创 ElTable實現空單元格自動填充佔位符
ElTable實現空單元格自動填充佔位符‘–’ 根據前端開發規範及UE建議，考慮給表單的空單元格插入佔位符‘–’，一開始的想法很簡單，在el-table-column中渲染時對傳入的data進行判斷即可，相關代碼如下： <el-t
2020-04-12 20:15:09
34
原创 vue-cli及create-react-app源碼分析
vue-cli及create-react-app 工具調研 vue-cli v3項目創建過程分析 vue-cli的運行命令爲vue create [projectName] 在vue-cli項目v3分支中，找到package/@v
2020-02-21 13:06:00
原创 Object.fromEntries不兼容低版本瀏覽器
fromEntries是es10提出來的方法 polyfill和babel都不轉換這個方法，所以… 點贊 收藏 分享 文章舉報 csu_zipple 發佈了297 篇
2020-02-21 13:06:00
3