原创 ts-jest無法編譯執行ESM【解決步驟】
很常見的錯誤就是 SyntaxError: Unexpected token 'export'，需要確保以下操作，才能解決問題 tsconfig.json 中 compilerOptions.module 與 target 要設置爲 ES
2024-03-31 14:31:02
原创 Ubuntu 桌面版使用總結
最近拿出了大學時買的性（遊）能（戲）本（機），其實從直觀來看，硬件基礎還是不錯的，但是跑 WIN10, 清了各種廣告，關了各種無效進程之後，用起來仍然還是很不爽。可能是已經用慣 mac 了吧，mac給媳婦用了，本來想割肉買 M1，但是嘗試了
2022-01-17 14:31:17
4
原创 H5 Hybrid開發-前端資源本地化方案紀要
H5 hybrid-前端資源本地化方案紀要 就整個行業來說，大前端是趨勢，現階段，native方面除了一些偏CPU密集型工作與操作系統底層API方面的工作外，H5基本都可以滿足需要。 目前的工作更偏向前端架構多一點，除了要對FE負責，還要
2021-04-25 13:55:07
原创 webpack + ts 配置路徑別名無死角方法總結
webpack + ts 配置路徑別名總結 自我體驗加總結：在配置腳手架時，定製別名很有必要，可以使得代碼更優雅，可讀性更強。但在使用ts的時候，即便項目能夠運行，vscode 確時長會提示 can’t find module xxx。總結
2021-03-22 18:35:27
2
原创 node調試工具ndb：ERROR: Failed to download Chromium r624492! ETIMEDOUT
此問題多半是出在， ndb權限不夠， 以mac爲例： sudo chmod -R 755 /Users/tate/.nvm/versions/node/v10.8.0/bin/ndb 完事之後， ndb . 就可以看到 Chromiun
2020-12-10 13:17:22
2
原创 回顧C++：訪問權限控制之 公有、保護、私有繼承用法詳解與總結
理解 類的成員的訪問控制說明符：主要用於控制派生類成員對基類成員的訪問權限 類的派生訪問說明符：主要用於控制派生類實例對基類的成員訪問權限 公有繼承 -> 保護繼承 -> 私有繼承, 派生類實例對基類成員的訪問權限束縛依次加強。除公有繼承
2020-10-30 13:17:30
原创 【極致絲滑】利用postcss-px2vw-pv徹底擺脫編輯器插件，靈活可控地轉換px至vw
背景 舊的rem適配方案（無論是直接使用rem，還是配合flexiblejs等lib庫進行視口縮放）已經疲態盡顯，且隨着安卓高清屏的不斷出現，同時data-dpr仍有進一步增加的可能性，rem顯得並不是那麼穩固與稱心如意。 首先截止
2020-09-11 14:30:32
原创 用前端姿勢玩docker【五】快速構建中類Unix系統與Windows系統的差異化處理
目錄 用前端姿勢玩docker【一】Docker通俗理解常用功能彙總與操作埋坑 用前端姿勢玩docker【二】dockerfile定製鏡像初體驗 用前端姿勢玩docker【三】基於nvm的前端環境構建技巧 用前端姿勢玩docker【四】基
2020-08-13 14:31:22
原创 用前端姿勢玩docker【四】基於docker快速構建webpack的開發與生產環境
目錄 用前端姿勢玩docker【一】Docker通俗理解常用功能彙總與操作埋坑 用前端姿勢玩docker【二】dockerfile定製鏡像初體驗 用前端姿勢玩docker【三】基於nvm的前端環境構建技巧 用前端姿勢玩docker【四】基
2020-07-17 14:32:33
1
原创 用前端姿勢玩docker【三】基於nvm的前端環境構建技巧
前言 安裝docker啥的就不說了，這裏重點強調一下，docker的環境問題。本人的環境： 虛擬機centos => docker => NAT => container 因爲需要不斷更換網絡環境，如若使用橋接，需要不斷調整網卡的IP
2020-07-14 14:31:16
原创 用前端姿勢玩docker【二】dockerfile定製鏡像初體驗
前言 書接上文，關於dockerfile指令的api在此處不做贅述，在此只是記錄下注意事項： ‘示坑以埋之’。 配置指令 FROM dockerfile必須以此開頭 一個dockerfile可執行添加多個FROM ARG 單純的do
2020-07-05 14:21:39
1
原创 Typescript 常見的幾種函數重載方法詳解與應用示例
所謂的重載，其實就是使用相同的函數名，傳入不同數量的參數或不同類型的參數，以此創建出多個方法或產生不同結果。 1. 最常見的，也就是根據定義傻瓜式地判斷參數類型與數量 function showPerson (name, ...other
2020-06-19 14:24:58
原创 Typescript中抽象類與接口詳細對比與應用場景介紹
現如今，TS正在逐漸成爲前端OO編程的不二之選，以下是我在學習過程中對抽象類和接口做的橫向對比。 1. 抽象類當做父類，被繼承。且抽象類的派生類的構造函數中必須調用super()；接口可以當做“子類”繼承其他類 抽象類派生： abstra
2020-06-19 14:24:58
3
原创 可編輯DIV與移動端軟鍵盤兼容性問題彙總
此文復現的所有兼容性問題均爲以下情況： 1. 騰訊X5內核 2. 全屏webview 問題如下： 1. IOS12 中軟鍵盤彈出導致頁面頂部截斷，並且無法恢復。 解決方法：添加交互事件，調用本地方法，在鍵盤收起後執行頁面回滾操作。 b
2020-06-19 14:24:58
原创 細說Vue作用域插槽，匹配應用場景。
最近在官方文檔中看到，vue新增了一種插槽機制，叫做作用域插槽。要求的版本是2.1.0+。 首先來說一下：顧名思義，所謂作用域插槽，主要就在作用域，需要注意的是（以下幾點看不懂不要緊，配合下面的例子，你會一看就懂）： 1. 組件中的slot
2020-06-19 14:24:58