隨記

摘要： 為什么會(huì)跨域？跨域是誰附加的限制？為什么 APP 不會(huì)有跨域問題？ 首先跨域問題是由于瀏覽器的同源策略（Same-Origin Policy）導(dǎo)致的，基本上所有瀏覽器都有限制，默認(rèn)情況是不允許跨域訪問的！！ APP 的請(qǐng)求不受瀏覽器的同源策略限制，所以不存在跨域。類似一個(gè)服務(wù)器像另一個(gè)服務(wù)器發(fā)起請(qǐng)求 閱讀全文

摘要： HTML 版本不停的更新迭代，也導(dǎo)致瀏覽器支持的寫法眼花繚亂，就拿 script 標(biāo)簽來說，剛剛?cè)胄械哪菚?huì)兒就只知道用來寫內(nèi)聯(lián)的 js 代碼，后來又學(xué)到了引入 js 文件，ES 模塊規(guī)范化之后又知道能用來引入模塊化的 js 代碼，可這就是它的全部了嗎？？ 然而...并不是！！！ 各種用法 看看 sc 閱讀全文

摘要： setInterval 和 setTimeout 兩者都是用于控制 JS 函數(shù)延遲執(zhí)行，但是在執(zhí)行機(jī)制和用途上還是有點(diǎn)兒差異。 雖然說兩者功能上有區(qū)別，但在使用上卻可以相互模擬各自的功能，大膽的猜測(cè)下：也許瀏覽器內(nèi)核底層都是同一個(gè)方法，只是上層封裝出的兩個(gè)語法糖而已。 語法 兩者在語法上極其相似，除 閱讀全文

摘要： 最初的 JS 執(zhí)行代碼都是一條線執(zhí)行到底，當(dāng)遇到比較耗時(shí)的操作時(shí)，比如大數(shù)組循環(huán)運(yùn)算，就會(huì)導(dǎo)致頁面卡著，就像假死一樣。就像一個(gè)人在廚房燒菜一樣，需要依次完成切菜、炒菜、裝盤這些步驟，此過程中沒辦法同時(shí)做其他事情，必須按順序執(zhí)行每一個(gè)步驟。 Web Worker 賦予了 JS 分配任務(wù)的能力，在遇到復(fù) 閱讀全文

摘要： 在前端風(fēng)風(fēng)雨雨的混了多年，從沒在項(xiàng)目中實(shí)際使用過 IndexedDB 這個(gè)瀏覽器端的數(shù)據(jù)庫，所以今天就摸了下 MDN 的后門，寫一個(gè)簡(jiǎn)單的入門示例。 頁面大概長(zhǎng)這樣： 源碼： 以下代碼包含了一個(gè)數(shù)據(jù)庫所有的 CRUD （增刪改查）操作。 <div> <button id="js_add_btn">添 閱讀全文

摘要： sessionStorage 與 localStorage 差不多可以算作一對(duì)兄弟，它倆的暴露的 API 方法一模一樣。 但兩者也有不同點(diǎn)： 1、sessionStorage 存入的數(shù)據(jù)在頁面關(guān)閉后，會(huì)自動(dòng)清除。 2、相同 URL 的每個(gè) tab 頁簽的 sessionStorage 會(huì)被隔離，互不 閱讀全文

摘要： 本地存儲(chǔ)除了 Cookie 外，還有 localStorage 和 sessionStorage，本文一探 localStorage。 localStorage 此 API 存入的數(shù)據(jù)會(huì) 永久 保存在瀏覽器中，除非用戶手動(dòng)刪除。 localStorage 能用于同一瀏覽器同一域名跨標(biāo)簽頁通信。 同一 閱讀全文

摘要： 面試時(shí)候經(jīng)常會(huì)被問及 Cookie 大小限制，但一直沒嘗試寫一些 demo 測(cè)試下溢出極限值會(huì)怎樣~~ 本文就來看看各種極限情況！ 英文 測(cè)試代碼： (() => { const maxSize = 4 * 1024; // 4KB const name = 'name' // 最大出入的 valu 閱讀全文

摘要： 前端的 cookie 讀寫在 2020 年之前一直不存在一個(gè)官方的接口，每次需要使用 cookie 的時(shí)候，要么是引入三方插件，要么就需要自己封裝一個(gè)公用的組件或函數(shù)。 npm 的 cookie 插件周下載量 6 千萬左右，可以想象一下此功能在前端的應(yīng)用場(chǎng)景有多么廣泛~~ cookie 插件: ht 閱讀全文

摘要： 前端開發(fā)一直有種錯(cuò)覺，好像異常捕獲都是后端的事，畢竟后端開發(fā)時(shí)如果不處理代碼中的異常，有些資源得不到釋放，極其容易導(dǎo)致內(nèi)存泄漏。 前端由于 JS 的垃圾回收機(jī)制無需手動(dòng)釋放資源，反而不會(huì)怎么使用異常捕獲代碼中的錯(cuò)誤。實(shí)際上任何編程語言，要寫出一個(gè)健壯性的代碼，都需要考慮異常處理。 本文分析下哪些地方 閱讀全文