原创 初探webpack之編寫loader
初探webpack之編寫loader loader加載器是webpack的核心之一，其用於將不同類型的文件轉換爲webpack可識別的模塊，即用於把模塊原內容按照需求轉換成新內容，用以加載非js模塊，通過配合擴展插件，在webpack構建流
2022-05-05 14:05:29
原创 手寫useState與useEffect
手寫useState與useEffect useState與useEffect是驅動React hooks運行的基礎，useState用於管理狀態，useEffect用以處理副作用，通過手寫簡單的useState與useEffect來理解其
2022-05-01 14:05:41
原创 TS內置類型與拓展
TS內置類型與拓展 TypeScript具有類型系統，且是JavaScript的超集，其可以編譯成普通的JavaScript代碼，也就是說，其是帶有類型檢查的JavaScript。 內置類型 TypeScript提供了幾種實用程序類型來促進
2022-04-06 14:05:54
原创 螞蟻暑期實習前端面試
螞蟻暑期實習前端面試 這次面試的是螞蟻的智能協同事業部，也就是語雀這個產品線，okbug非得給我推，今年到目前爲止也就面了兩家，再面一家不過分吧，所以okbug就給我推了。2022.03.12上午11點左右投的，然後還要做測評，這個挺煩人的
2022-03-26 14:05:45
原创 美團暑期實習前端面試
美團暑期實習前端面試 這次面試的是美團的到店事業羣-平臺技術部，在2022.03.01投遞之後，直接參加實習招聘的第一次美團統一筆試，因爲美團必須是首先筆試了纔可以進入下邊的流程的，筆試的時間是2022.03.05 10:00，這次比去年找
2022-03-26 14:05:45
原创 字節跳動暑期實習前端面試
字節跳動暑期實習前端面試 現在輪到我這個23屆開始真正地找實習了，但是今年的校招情況非常非常差，這個在今年的實習總結再詳細說吧。這次投遞字節也是非常的有意思，本來我是投遞的字節抖音互動部門，然後剛投了互動晚上AI算法部門說我的簡歷在他們那，
2022-03-26 14:05:45
原创 setState同步異步場景
setState同步異步場景 React通過this.state來訪問state，通過this.setState()方法來更新state，當this.setState()方法被調用的時候，React會重新調用render方法來重新渲染UI。
2022-03-21 14:06:02
1
原创 useMemo與useCallback
useMemo與useCallback useMemo和useCallback都可緩存函數的引用或值，從更細的角度來說useMemo則返回一個緩存的值，useCallback是返回一個緩存函數的引用。 useMemo useMemo的TS定
2022-02-12 14:06:28
原创 蒙層禁止頁面滾動的方案
蒙層禁止頁面滾動的方案 彈窗是一種常見的交互方式，而蒙層是彈窗必不可少的元素，用於隔斷頁面與彈窗區塊，暫時阻斷頁面的交互。但是在蒙層出現的時候滾動頁面，如果不加處理，蒙層底部的頁面會開始滾動，實際上我們是不希望他進行滾動的，因此需要阻止這種
2022-01-11 14:10:37
1
原创 建立DNS隧道繞過校園網認證
建立DNS隧道繞過校園網認證 因爲之前在本科的時候破解過校園網三次，主要就是利用其業務邏輯上的漏洞、53端口未過濾包、重放攻擊的手段，然後就是一個博弈的過程，這三次加起來用了大概有一年的時間就被完全堵死了，最近又比較需要網絡，然後有開始想折
2022-01-11 14:10:37
1
原创 Hooks中的useState
Hooks中的useState React的數據是自頂向下單向流動的，即從父組件到子組件中，組件的數據存儲在props和state中，實際上在任何應用中，數據都是必不可少的，我們需要直接的改變頁面上一塊的區域來使得視圖的刷新，或者間接地改變
2021-12-22 12:55:22
原创 記ByteCTF中的Node題
記ByteCTF中的Node題 我總覺得字節是跟Node過不去了，初賽和決賽都整了個Node題目，當然PHP、Java都是必不可少的，只是我覺得Node類型的比較少見，所以感覺挺新鮮的。 Nothing 決賽的Node題型，題目如下： Ca
2021-12-14 12:55:18
原创 Service Worker的應用
Service Worker的應用 Service worker本質上充當Web應用程序、瀏覽器與網絡(可用時)之間的代理服務器，這個API旨在創建有效的離線體驗，它會攔截網絡請求並根據網絡是否可用來採取適當的動作、更新來自服務器的的資源，
2021-12-14 12:55:18
原创 IntersectionObserver對象
IntersectionObserver對象 IntersectionObserver對象，從屬於Intersection Observer API，提供了一種異步觀察目標元素與其祖先元素或頂級文檔視窗viewport交叉狀態的方法，祖先元
2021-11-22 12:55:24
原创 Vue首屏性能優化組件
Vue首屏性能優化組件 簡單實現一個Vue首屏性能優化組件，現代化瀏覽器提供了很多新接口，在不考慮IE兼容性的情況下，這些接口可以很大程度上減少編寫代碼的工作量以及做一些性能優化方面的事情，當然爲了考慮IE我們也可以在封裝組件的時候爲其兜底
2021-11-09 12:55:20