贡献者508
粉丝0
"ngsw-bypass-true" 這個參數是與 Angular Service Worker (ngsw) 相關的一個選項，用於控制在 Service Worker 中是否繞過緩存，直接請求網絡資源。在 Angular 應用中，Service Worker 主要負責緩存應用的靜態資源，以提高應用的性能和用户體驗。 首先，讓我們瞭解一下 Angular Service Worker 的基本概念。
昵称 註銷
在PWA（Progressive Web App）體系架構下，文件 hash 起着非常關鍵的作用，它主要用於緩存管理、版本控制以及確保 Web 應用程序的可靠性。在前端開發中，文件 hash 是文件的唯一標識符，通常是文件內容的哈希值，例如 MD5 或 SHA-256。以下是文件 hash 在 PWA 中的幾個關鍵作用： 1. 緩存管理： 文件 hash 在 PWA 中用於實現緩存策略，確保在更新
昵称 註銷
Progressive Web Apps (PWA) 的離線優先策略是通過Service Worker和Cache API實現的，它允許在沒有網絡連接時仍然可以訪問網站的部分或全部內容。 1. 創建Service Worker註冊文件（service-worker.js）： self.addEventListener('install', (event) = { event.waitUntil
昵称 天涯學館
PWA基礎 PWA應用是什麼樣子的？ 在主屏幕、應用啓動器、啓動板或開始菜單上都有**圖標**。 當您在設備上搜索應用時，此圖標會顯示。 會在一個獨立的窗口中打開，該窗口完全**獨立**於瀏覽器的界面。 可以與操作系統進行更高級別的集成，例如網址處理或標題欄自定義。 **離線**時也能使用。 應用內自定義安裝 需要滿足的條件 安裝相關API兼容性表格 不兼容系統的交互處理？： 點擊安裝按鈕 -
昵称 有李
1、PWA應用介紹 PWA 是一種通過現代 Web 技術提供類似原生應用體驗的 Web 應用。它的核心特性包括： 可離線訪問：通過 Service Worker 實現離線緩存快速加載 利用緩存策略加速資源加載可安裝 用户可以將 PWA 添加到主屏幕，像原生應用一樣使用響應式設計 適配各種設備屏幕 PWA 的核心技術包括： Service Worker：用於攔截網絡請求、管理緩存
昵称 PatWu16
上篇文章整理了PWA離線應用的技術脈絡和注意事項，本篇文章將記錄使用Vue + Workbox + localforage 實現離線應用的實踐過程。 一、Vue工程改造 Vue CLI 提供了一個官方的 PWA 插件，可以快速為 Vue 項目添加 PWA 支持。運行以下命令安裝插件： // 在vue工程目錄下執行如下命令 vue add pwa 安裝完成後，插件會自動生成以下文件： src/
昵称 PatWu16
簡介 這是一款功能全面，用户交互良好的程序，兼容安卓蘋果端，H5網頁，微信小程序等。同時是集成數據本地緩存，郵箱驗證，在線投稿，（內置Mardown編輯器），社會化登錄，點贊打賞，積分商城，付費閲讀，VIP會員等一系列功能的自媒體博客資訊APP。 APP和接口後端都是開源的，沒有任何收費項目，放心下載研究。 項目基於國產開源程序Typecho數據庫開發，所以可以對接任意Typecho網
昵称 buxia97
POST請求 之 對數據進行編碼處理 !-- TOC -- URLSearchParams URLSearchParams 的讀取和轉換操作 url.searchParams 讓 URLSearchParams 作為Fetch的請求體(body) FormData 讓 FormData 作為Fetch的請求體(body) 轉換為
昵称 前端學長Joshua
開發中同事問了我一個問題 Q: GET請求能不能用request body來傳遞數據？ 這個問題的場景是，他們的前後端溝通需要攜帶複雜的參數，用POST方法的request body(key value)的形式傳參會更加明瞭，但又覺得不夠語義化，所以想到了GET + request body。 A: HTTP規範rfc2616中是沒有對GET方法的使用body做限制（ HTTP 規範並
昵称 DiracKeeko
Post 請求和 Get 請求是 HTTP 協議中兩種最常用的請求方法。它們有一些相似之處,但也存在一些重要的區別。 Get 請求 Get 請求是 HTTP 協議中的一種請求方法,通常用於從服務器獲取資源。使用 Get 請求時,參數會附加在 URL 的末尾,多個參數之間用 符號分隔。 Get 請求的一些特點: 可以從服務器獲取資源。 參數暴露在 URL 中,存在安全隱患。 受到 URL
昵称 Apifox
在我們日常工作中有很多場景需要使用代理服務，比如説前端開發環境的 proxy 正向代理，比如説常見的 nginx 反向代理，比如常見的 cdn 等等。但是還有很多場景也可以使用代理服務。 今天我給大家介紹一下不同類型的 IP 代理服務適用於何種場景，最好可以教會大家如何使用 IP 代理服務。 請注意，雖然 IP 代理功能強大，我們應始終秉持合法、合規的原則使用，尊重網絡規則，不濫用技術侵犯他人
昵称 linong
我們都知道，API（應用程序編程接口）是一個至關重要的概念，它允許不同軟件系統之間進行通信和數據交換。無論是移動應用與服務器的通信、Web 應用後端與前端的交互，還是複雜後台服務之間的協同工作，API 都是基礎。然而，在 API 的使用過程中，安全性是必須考慮的重要方面。為了實現這一點，我們需要一種機制來驗證和授權每個 API 請求的合法性，API Token 就在此扮演了關鍵角色。 API To
昵称 Apifox
谷歌瀏覽器Chrome是目前最受歡迎的瀏覽器之一，而瀏覽器擴展則是為了提升用户體驗和功能而開發的插件。 2023年穀歌公佈了12款最受歡迎的Chrome瀏覽器擴展。每個都提供獨特的功能來增強您的瀏覽體驗。以下是它們的詳細介紹： Speechify：將Google文檔、PDF、網頁或書籍轉換成語音，擁有30多種語言的自然發音聲音。 QuillBot：一套AI驅動的寫作工具，包括語法檢查
昵称 南城FE
本文參與了SegmentFault 思否 2023 年度有獎徵文活動，歡迎正在閲讀的你也加入。 一、權限（Permissions） 再使用拓展程序的 API 時，大多數的時候，需要在 manifest.json 文件中聲明 permissions 字段。 一、權限類型 在 V3 版本中可以聲明以下類別的權限： permissions： 包含下面 permissions 權限列
昵称 月恆
本文參與了SegmentFault 思否 2023 年度有獎徵文活動，歡迎正在閲讀的你也加入。 一、Manifest V2 支持時間表 Chrome 瀏覽器官方已經給出確定的時間來棄用 V2 版本的插件了。 最早從 2024 年 6 月的 Chrome 127 開始，我們將開始停用 Chrome 的不穩定版本（開發者版、Canary 版和 Beta 版）中的 Manifest V2 擴展程序。
昵称 月恆
本文參與了SegmentFault 思否 2023 年度有獎徵文活動，歡迎正在閲讀的你也加入。 Chrome 瀏覽器插件 V3 版本 Manifest.json 文件全字段解析 Manifest.json 文件格式 每個擴展程序的根目錄中都必須有一個 manifest.json 文件，其中列出了有關該擴展程序的結構和行為的重要信息。 1、Demo 展示 1. 最小文件 { "manife
昵称 月恆
前言 閲讀本文，可以自己寫一個簡單的瀏覽器插件 以及前端瀏覽器插件相關東西 附上github源碼：https://github.com/shuirongshuifu/browser-plugin 接下來學學這個不常用的知識點吧... 效果圖 我們先看一下，自己手寫的簡單插件的操作效果圖（點擊彈出時間） 拓展程序部分 或者地址欄輸入：chrome://extensions/ 回
昵称 水冗水孚
背景是這樣，最近被優化了，這家公司幹了六七年了，突如其來的遭遇，讓我不知所措。面試邀約遲遲未到。想想先自己寫點東西可以有東西可以説。這不離開倒計時還有一個月，靈光一閃，寫個倒計時Chrome插件吧，送給自己作為禮物。哈哈哈~ 我的chrome插件隊列裏有一個叫“utctime”的插件，樣式簡約看了代碼 tailwind ，於是我拿來參考了下 對了，忘記介紹下我用的Chrome開發套件了,我用的P
昵称 paul2015
背景 今天在寫一個某網站限流檢測的chrome插件，需要捕獲頁面的某個請求結果。那麼問題就來了，我們該如何捕獲頁面的請求結果呢？我們來捋捋都有哪些方案。 我開發的時候的配置為manifest_version: 3，下文內容也是在這個基礎上展開的。 本文只列舉方案，一些需同步在manifest_version進行配置地方並未提及，請自行配置。 可行的方案 一、chrome.webReques
昵称 aqiongbei
1 修改manifast.json manifest_version必須為3，因為這個declarativeNetRequest是3中新增的api { "manifest_version": 3, "permissions": ["declarativeNetRequest"], "host_permissions": ["all_urls"] } 2 在background.j
昵称 熱飯班長
Hi，我是 itchao 我自己工作有 2 兩年多的前端開發經驗，但是數據結構與算法一直不好，基本就是一個算法小白的水平。 聽説大公司面試都要手寫算法題，最近為了以後能去更好的公司，然後其實心裏比較着急，打算在 LeetCode 刷題，到現在刷了差不多一週，也一直在掘金髮博客分享刷題經歷，其實也就 6 道題，而且都是數組簡單類型的題目。 自己做題目的時候，感覺思路不太清晰，一般情況下我只能想到暴力
昵称 itchao
文章首發博客，你可以前往 閲讀原文 ARP（Address Resolution Protocol，地址解析協議）是一種在計算機網絡中用於將IP地址映射到MAC地址的協議。ARP協議通常在局域網中使用，它允許主機查找目標主機的MAC地址，以便在網絡中發送數據包 當一個主機需要向另一個主機發送數據包時，它需要知道目標主機的MAC地址，因為MAC地址是在數據鏈路層使用的地址。如果目標主機的IP地址已知
昵称 大衞talk
今天我們開始閲讀pnpm的源碼，深入瞭解pnpm安裝原理，先上圖，pnpm安裝的整體的核心流程如下： 下面我們開始逐步分析。 一、從哪裏開始 每次説到源碼，不太熟悉的人總會有種無從下手的感覺，而pnpm又與我們的框架源碼比如vue又有所不同，因為它是全局安裝的。 前端的小夥伴都知道，全局安裝的依賴不在項目中，那如何找到全局安裝目錄呢？可以通過下面的命令查看： npm confi
昵称 花伊濃
校園圈子系統的功能進化與生態構建：跑腿、社交、陪玩與源碼二次開發的融合創新 一、核心服務模塊的多元化整合 當前校園圈子系統已從單一功能向“服務+社交+娛樂”生態閉環轉型，其核心模塊設計呈現以下趨勢： 跑腿服務的智能化升級 跑腿功能不再侷限於代取快遞、代買餐食，而是通過智能匹配算法優化訂單分配效率。例如，狐友平台的“跑腿任務”模塊支持實時需求發佈與搶單，結合LBS（基於位置的服務）技術
昵称 duokeli
