摘要：
為什么會跨域？跨域是誰附加的限制？為什么 APP 不會有跨域問題？ 首先跨域問題是由于瀏覽器的同源策略（Same-Origin Policy）導致的，基本上所有瀏覽器都有限制，默認情況是不允許跨域訪問的！！ APP 的請求不受瀏覽器的同源策略限制，所以不存在跨域。類似一個服務器像另一個服務器發起請求 閱讀全文
posted @ 2025-10-28 10:52
前端路引
閱讀(167)
評論(0)
推薦(jian)(1)
摘要：
HTML 版本不停的更新迭代，也導致瀏覽器支持的寫法眼花繚亂，就拿 script 標簽來說，剛剛入行的那會兒就只知道用來寫內聯的 js 代碼，后來又學到了引入 js 文件，ES 模塊規范化之后又知道能用來引入模塊化的 js 代碼，可這就是它的全部了嗎？？ 然而...并不是！！！ 各種用法 看看 sc 閱讀全文
posted @ 2025-10-11 11:11
前端路引
閱讀(287)
評論(0)
推薦(2)
摘要：
setInterval 和 setTimeout 兩者都是用于控制 JS 函數延遲執行，但是在執行機制和用途上還是有點兒差異。 雖然說兩者功能上有區別，但在使用上卻可以相互模擬各自的功能，大膽的猜測下：也許瀏覽器內核底層都是同一個方法，只是上層封裝出的兩個語法糖而已。 語法 兩者在語法上極其相似，除 閱讀全文
posted @ 2025-09-15 09:44
前端路引
閱讀(du)(214)
評論(0)
推薦(2)
摘要：
最初的 JS 執行代碼都是一條線執行到底，當遇到比較耗時的操作時，比如大數組循環運算，就會導致頁面卡著，就像假死一樣。就像一個人在廚房燒菜一樣，需要依次完成切菜、炒菜、裝盤這些步驟，此過程中沒辦法同時做其他事情，必須按順序執行每一個步驟。 Web Worker 賦予了 JS 分配任務的能力，在遇到復 閱讀全文
posted @ 2025-09-02 09:55
前端路引
閱讀(339)
評論(0)
推薦(0)
摘要：
在前端風風雨雨的混了多年，從沒在項目中實際使用過 IndexedDB 這個瀏覽器端的數據庫，所以今天就摸了下 MDN 的后門，寫一個簡單的入門示例。 頁面大概長這樣： 源碼： 以下代碼包含了一個數據庫所有的 CRUD （增刪改查）操作。 <div> <button id="js_add_btn">添 閱讀全文
posted @ 2025-08-28 10:27
前端路引
閱讀(316)
評論(0)
推薦(0)
摘要：
sessionStorage 與 localStorage 差不多可以算作一對兄弟，它倆的暴露的 API 方法一模一樣。 但兩者也有不同點： 1、sessionStorage 存入的數據在頁面關閉后，會自動清除。 2、相同 URL 的每個 tab 頁簽的 sessionStorage 會被隔離，互不 閱讀全文
posted @ 2025-08-20 09:06
前端路引
閱讀(242)
評論(0)
推薦(1)
摘要：
本地存儲除了 Cookie 外，還有 localStorage 和 sessionStorage，本文一探 localStorage。 localStorage 此 API 存入的數據會 永久 保存在瀏覽器中，除非用戶手動刪除。 localStorage 能用于同一瀏覽器同一域名跨標簽頁通信。 同一 閱讀全文
posted @ 2025-08-11 10:38
前端路引
閱(yue)讀(du)(593)
評論(2)
推薦(1)
摘要：
面試時候經常會被問及 Cookie 大小限制，但一直沒嘗試寫一些 demo 測試下溢出極限值會怎樣~~ 本文就來看看各種極限情況！ 英文 測試代碼： (() => { const maxSize = 4 * 1024; // 4KB const name = 'name' // 最大出入的 valu 閱讀全文
posted @ 2025-07-29 10:54
前端路引
閱(yue)讀(726)
評論(0)
推薦(0)
摘要：
前端的 cookie 讀寫在 2020 年之前一直不存在一個官方的接口，每次需要使用 cookie 的時候，要么是引入三方插件，要么就需要自己封裝一個公用的組件或函數。 npm 的 cookie 插件周下載量 6 千萬左右，可以想象一下此功能在前端的應用場景有多么廣泛~~ cookie 插件: ht 閱讀全文
posted @ 2025-07-23 10:07
前端路引
閱讀(605)
評論(0)
推薦(0)
摘要：
前端開發一直有種錯覺，好像異常捕獲都是后端的事，畢竟后端開發時如果不處理代碼中的異常，有些資源得不到釋放，極其容易導致內存泄漏。 前端由于 JS 的垃圾回收機制無需手動釋放資源，反而不會怎么使用異常捕獲代碼中的錯誤。實際上任何編程語言，要寫出一個健壯性的代碼，都需要考慮異常處理。 本文分析下哪些地方 閱讀全文
posted @ 2025-07-21 09:35
前端路引
閱讀(637)
評論(0)
推薦(jian)(0)