原创 2022-03-02 vue.config.js 優化打包配置參考
const path = require("path"); // gzip壓縮 const CompressionPlugin = require("compression-webpack-plugin"); //監控日誌 const Se
2022-11-12 03:16:55
原创 2022-03-17 Ubuntu 設置1920*1080
添加 /etc/X11/xorg.conf 文件，將此模式保存爲默認分辨率。 1、sudo vim /etc/X11/xorg.conf （如果沒有安裝vim，可以使用sudo gedit /etc/X11/xorg.conf） 粘貼以下內
2022-11-12 03:16:55
原创 2022-02-23 shell 獲取當前目錄及子目錄的文件名
#!/bin/bash # 獲取文件夾下所有文件 folder="./" softfiles=$(find $PWD | xargs ls -ld $folder) for sfile in ${softfiles}; do if
2022-11-12 03:16:55
1
原创 2022-02-28 Yeoman 與 generator-generator 構建腳手架
起步 全局安裝命令 $ npm install -g yo generator-generator 安裝完成後執行 $ yo generator 會讓輸入 name、description 等相關信息 需要注意 name 會直接定義腳手
2022-11-12 03:16:55
原创 2022-05-30 Git 解決 would clobber existing tag 問題
問題 > git pull --tags origin master From https://github.com/MY/REPO * branch master -> FETCH_HEAD ! [rejec
2022-11-12 03:16:45
原创 2022-03-17 解決Ubuntu無法進行SSH連接的問題
首先查看Ubuntu虛擬機的IP地址： $ ifconfig 倘若ubuntu沒有開啓22號端口是不能連接上SSH或者XShell等軟件，所以需要我們打開SSH服務，開啓22端口，執行以下命令 $ sudo apt-get ins
2022-11-12 03:16:45
原创 2021-12-13 vue-router history mode nginx 配置方式
環境情況 vue-cli 4.X nginx 1.21.X system: macos 一個域名、多個項目 域名/地址：www.yourDomain.com 項目 A：projectA（最終打包出來的文件夾名稱） 項目 B：projec
2021-12-14 06:14:57
1
原创 2021-12-13 mac 安裝 nginx 踩坑（M1 芯片、ARM 架構芯片）
問題一 沒有 brew 安裝 brew $ /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)" #
2021-12-14 06:14:57
原创 2021-11-19 肝完《瀏覽器工作原理與實踐》，我總結了這些 肝完《瀏覽器工作原理與實踐》，我總結了這些
肝完《瀏覽器工作原理與實踐》，我總結了這些 Chrome 架構：僅僅打開了 1 個頁面，爲什麼有 4 個進程 線程和進程區別：多線程可以並行處理任務，線程不能單獨存在，它是由進程來啓動和管理的。一個進程是一個程序的運行實例。 線程和進程的關
2021-11-19 23:48:04
原创 2021-11-17 JavaScript 的 this 原理是什麼？
場景 1：全局環境下的 this 這種情況相對簡單直接，函數在瀏覽器全局環境中被簡單調用，非嚴格模式下 this 指向 window; 在 use strict 指明嚴格模式的情況下就是 undefined: function f1() {
2021-11-17 17:56:04
原创 2021-11-12 談談什麼是前端工程化 談談什麼是前端工程化
談談什麼是前端工程化 [TOC] 什麼是前端工程？ 將工程方法系統化地應用到軟件開發中，就叫軟件工程。 那麼 工程方法是什麼？ 系統化怎麼理解？ 工程是指使用科學原理設計和製造機器、結構等，比如修橋、鋪路、建隧道、造車、蓋房子 具體到
2021-11-13 05:26:07
原创 2021-11-12 requestAnimationFrame 執行機制探索 requestAnimationFrame 執行機制探索
requestAnimationFrame 執行機制探索 [TOC] 什麼是 requestAnimationFrame window.requestAnimationFrame() 告訴瀏覽器——你希望執行一個動畫，並且要求瀏覽器在下次重
2021-11-13 05:26:07
原创 2021-11-09 單元測試之sinon的入門
測試輔助工具 Sinon Sinon 是用來輔助我們進行前端測試的，在我們的代碼需要與其他系統或者函數對接時，它可以模擬這些場景，從而使我們測試的時候不再依賴這些場景。 Sinon 有主要有三個方法輔助我們進行測試：spy，stub，moc
2021-11-09 20:08:08
1
原创 2021-08-16 nvm修改鏡像源
export NVM_NODEJS_ORG_MIRROR=http://npm.taobao.org/mirrors/node
2021-08-17 10:25:03
原创 2021-08-16 git stash 用法總結和注意點
常用git stash命令： （1）git stash save "save message" : 執行存儲時，添加備註，方便查找，只有git stash 也要可以的，但查找時不方便識別。 （2）git stash list ：查看st
2021-08-17 10:25:03