原创 JS 數組真強大

其實 JS 的數組可以玩的很花,但是很多人沒有發現(不管你會不會,在我面前都屬於不瞭解) 先來看5個簡單的 api const a = [] a.push(1) // 1W a.push(2) // 2 a.push(100, 200)

原创 Common Lisp 安裝

進入官網下載 挑一個 win32 的下載 解壓,運行 但命令行編寫代碼不太方便,下載一個IDE:http://www.daansystems.com/lispide/ 安裝以後運行,選擇剛剛下載的文件 現在,可以開始Common Li

原创 2021 Vue 的新變化

全面支持 TypeScript(vscode 有個新插件,Vetur => Volar) 升級到 Vue 3.2 setup script VueUse ,抄襲了 ReactUse,獲得了 7.4k 星星 Vitejs 獲得了 35.5

原创 windows 11 icons for tortoise git

solution: Wrapping with "" all tortoise keys under HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows\CurrentVersion\Explore

原创 2021 React 的新變化

React 17:沒有任何新功能(既然沒有變化,爲什麼還要發版?因爲做了很多的優化,重寫了一些東西) 優化了事件委託(把原來的事件都綁定在 document 上,改成了綁定在根元素上,這樣如果你在一個頁面上有兩個 React 應用也會互不

原创 2021 Node 的新變化

npm => yarn => pnpm,pnpm 優化了依賴,而且自帶多倉庫,monorepo Next.js Nest.js Nuxt.js(vue2) Remix.js 構建工具 Vite,抄襲借鑑了 snowpack

原创 sentry 指南 安裝 基礎配置

安裝 https://docs.sentry.io/platforms/javascript/guides/vue/ 基礎配置 https://docs.sentry.io/platforms/javascript/guides/vue/

原创 兩分鐘上手 pinia

安裝 官網 yarn add pinia # or with npm npm install pinia 初始化 Pinia import { createPinia } from 'pinia' const pinia = creat

原创 杜絕使用 npm 管理器 npm yarn pnpm(performant npm) 詳解 目前我們爲什麼使用 yarn

管理器 npm,太慢了,總會有莫名的bug,需要刪除 node_modules,在次安裝以後才能解決。 cnpm,已經淘汰。 yarn / yarnPnP,比 npm 快很多,比 npm 做了很多的優化,但是還存有和 npm 一樣的其他問

原创 Web性能優化-代碼優化

代碼位置優化 <head> // css .... </head> <body> // js ... </body> 上文說到,CSS 要放在上面,JS 要放到下面,因爲一些阻塞關係 HTML 不會相互影

原创 Web性能優化-緩存與內容協商

1. HTTP 緩存 DNS 緩存 假設訪問了百度,我們需要知道他的 ip 地址 首先瀏覽器會問 windows,如果不知道會問電信要,電信就會返回給瀏覽器,此時瀏覽器會緩存下來(一般是一天),然後在返回給瀏覽器,瀏覽器也會緩存下來(一般

原创 Web性能優化-什麼是多路複用

1. HTTP/2 的幀與流等概念 HTTP/2 是基於二進制幀(Frame),他將一個TCP連接分爲若干個流(Stream),每個流中可以傳輸若干消息(Message),每個消息由若干最小的二進制幀(Frame)組成。 科普:什麼

原创 Web性能優化-什麼是連接複用

Web 性能指標 web 性能優化到底在優化什麼? 你可能會說優化的是用戶體驗,但用戶體驗是不可測量的,我們必須把用戶體驗變成可測量的指標,這些指標包括: 用戶按下回車 由內容出現時(一般3秒之內還沒有內容出現,用戶就會比較焦慮,會關

原创 瀏覽器工具篇

Performance 面板 一般點擊錄製,刷新頁面就好了,但是: 小技巧: 先清空 document 再點擊錄製 然後刷新頁面 結束錄製 這樣分析起來比較好看 怎麼看結果? 主要看圖裏面的小山,選中該區域 network 沒啥好看的

原创 在 vue/cli 中使用 Module Federation

前言 webpack5 的新特性,分模塊共同開發 所需環境: webpack v5 以上,由於我們用的是 vue-cli,所以需要升級 @vue/cli 到 v5 以上版本。 任何框架都可以使用 動機 多個獨立的構建可以組成一個應用程序