收藏 / 列表

amejimaobari-ollornwi 頭像

Amejimaobari Ollornwi - Building An Offline-Friendly Image Upload System

So, you’re filling out an online form, and it asks you to upload a file. You click the input, select a file from your desktop, and are good to go. But something happens. The network drops, the file

User Experience , serverless , Javascript

linx 頭像

前端路引 - Web前端入門第 84 問：JavaScript sessionStorage 那些容易踩坑的地方

sessionStorage 與 localStorage 差不多可以算作一對兄弟，它倆的暴露的 API 方法一模一樣。 但兩者也有不同點： 1、sessionStorage 存入的數據在頁面關閉後，會自動清除。 2、相同 URL 的每個 tab 頁籤的 sessionStorage 會被隔離，互不影響。也就是説相同的鏈接，在 A 標籤頁打開和在 B 標籤打開，A 寫入的 sessionSt

前端 , Javascript

hsr2022 頭像

後山人 - 告別重複勞動：鋭智後台（RaiseAdmin）如何用“懶人”代碼生成器重塑開發體驗

告別重複勞動：鋭智後台（RaiseAdmin）如何用“懶人”代碼生成器重塑開發體驗 在企業級應用開發中，後台管理系統是不可或缺的一環。然而，重複的CRUD（創建、讀取、更新、刪除）工作常常佔據了開發者大量寶貴時間。今天，我們聚焦一個優秀的開源項目——鋭智後台（RaiseAdmin）快速開發平台，它正以其現代化技術棧和創新的“懶人”代碼生成器，為開發者帶來一場效率革命。 一、現代化技術棧：性能與體驗

vue.js , MySQL , php , Javascript

kestrel_task 頭像

微芒不朽 - 3 分鐘搞定 Linux 磁盤清理：實用命令 + 自動腳本，新手也會

在Linux系統中，隨着時間推移，磁盤空間會被各種日誌文件、緩存文件、臨時文件等佔滿。本文將詳細介紹哪些類型的文件和目錄可以安全刪除以釋放磁盤空間。 1. 系統日誌文件 1.1 日誌文件清理 # 查看日誌文件大小 du -sh /var/log/* # 清理舊的日誌文件（保留最近7天） find /var/log -name "*.log" -mtime +7 -delete # 清理系統

Linux

dirackeeko 頭像

DiracKeeko - [axios] 實現頁面級批量取消請求

在請求發送階段(未取得返回結果時)，前端(瀏覽器)取消請求，捕獲該狀態，並做異常攔截處理。 思路: 1、記錄每個請求的cancelToken。 2、在頁面路由更新時(從頁面A進入頁面B時)取消A頁面未完成的請求。 3、把"取消請求"的異常狀態做一個特殊的異常標記。 4、全局請求攔截器對這種特殊的異常標記做靜默處理。 代碼實現: 1、全局的請求實例攔截器中，增加配置，通

Axios , 前端

apifox 頭像

Apifox - 從零開始學習 GraphQL：入門指南和教程

認識 GraphQL 前段時間，GraphQL 出現並掀起了一陣熱潮。但是 GraphQL 跟 REST 是兩種不同的東西，所以也需要一定的學習成本，導致大部分人都沒有選擇去學習它，今天就帶大家簡單過一遍 GraphQL 吧，希望大家能有所收穫。 知識擴展：GraphQL 和 REST 對比 GraphQL 好在哪？ 首先來説説 GraphQL 到底好在哪： GraphQL 速度快並且穩定

graphql-tools , grpc , graphql , graphql-js , graphql-java

yinzhixiaxue 頭像

銀之夏雪 - 從底層到實踐：深度解析 Vue Composition API 與 React Hooks 的異同

一、設計哲學與底層原理差異 1.1 響應式系統的基因差異 Vue3 的 Composition API 建立在 Proxy-based 響應式系統之上，通過劫持對象的 getter/setter 實現依賴收集。當訪問響應式對象時，Vue 會自動建立組件與數據的依賴關係。 // Vue 響應式原理簡版實現 function reactive(obj) { return new Proxy(obj

react , vue.js , react-hooks , vue3 , 前端

opentiny 頭像

OpenTiny社區 - TinyEditor v4.0 alpha：表格更強大，表情更豐富，上傳體驗超乎想象！

本文由體驗技術團隊Kagol原創，個人公眾號：前端開源星球。 TinyEditor 是一個基於 Quill 2.0 的富文本編輯器，在 Quill 基礎上擴展了豐富的模塊和格式，框架無關、功能強大、開箱即用。 源碼：https://github.com/opentiny/tiny-editor 官網：https://opentiny.github.io/tiny-editor 對於富文本編

富文本編輯器 , 開源 , 前端

momeak9 頭像

泯瀧 - 「譯」2024 年的 5 個 JavaScript 安全最佳實踐

鏈接：https://thenewstack.io/5-javascript-security-best-practices-f... 作者：Alexander T. Williams 原標題：5 JavaScript Security Best Practices for 2024 網絡安全已成為一個瞬息萬變的戰場，JavaScript 應用程序的安全性也不例外。Web 應用程序已成為

chrome , webkit , typescript , 前端 , Javascript

_607c00baa52ff 頭像

懟懟 - 【js】迭代器與生成器

迭代器(Iterator) 有時也稱為遍歷器 - 迭代器對象 作用 為各種數據結構提供統一的訪問接口 使數據結構的成員按照某種次序排列 統一的迭代方式for...of循環 1.可迭代(iterable) iterable：擁有Symbol.iterator屬性的數據結構是可迭代的 Symbol.iterator：值為迭代器生成函數 原生可迭代的數據結構： Array

iterator , generator , 前端 , Javascript

zisrfs 頭像

zsirfs - 深入一點 - 使用bind的時候發生了什麼呢？

從規範來看，Function.prototype.bind 是如何工作，以及如何來模擬bind操作。 簡單示例 如下簡單示例，普通對象 testObj 內部有一個b函數，接受一個普通參數，若參數為空則輸出 this.a。 const testObj = { a: 3, b: function(args) { console.log(args || this.a); }, };

javascript原型 , javascript專題系列 , Javascript

webinfoq 頭像

破曉L - HTTP 緩存最佳實踐和 max-age 帶來的陷阱

正確使用緩存可以帶來巨大的性能優勢，節省寬帶，並降低服務器成本，但許多網站並不重視緩存，造成競爭條件，導致相互依賴的資源不同步。 絕大多數最佳實踐緩存屬於以下兩種模式之一： 模式一：不可變（immutable）內容 + 長 max-age 模式二：可變（mutable）內容，始終由服務器驗證 模式一：不可變內容 + 長 max-age Cache-Control：max-age=31536

http緩存 , Css , 瀏覽器緩存 , 前端 , Javascript

mecode 頭像

賀公子 - Rokid vs Nreal 虛擬拍照開發實現

Rokid vs Nreal 虛擬拍照開發實現 本文將對 Rokid Glasses 與 Nreal Glasses 在虛擬拍照應用開發中的實現方案進行對比與總結，涵蓋硬件配置、開發環境、FOV 場景搭建、拍照實現核心步驟、性能優化、異常處理，以及 Glasses的SDK實現。文末提供一份對比表，幫助開發者快速選擇與兼容。 一、硬件與連接配置 設備參數對比 多平台配對

JAVA

hai2007 頭像

你好2007 - 關於CSS中設置overflow屬性的值為hidden的相關理解

包裹元素剪裁條件 是不是包裹元素overflow設置為hidden以後，內部元素如果超過包裹元素的話就會被剪裁？答案是不一定，這要看此刻的CSS環境。 根據對CSS2.1規範的理解，可以這樣表述：如果一個元素的包含塊的overflow屬性設置為hidden，那麼超過這個包含塊部分的內容就會被剪裁。 因此我們需要學會尋找一個元素的包含塊，不過在這之前，讓我們先簡單的知道如果一個元素的overflow

overflow , bfc , hidden , Css

zhuifengdekukafei 頭像

追風的苦咖啡 - 信創產業核心組件：國密 SSL 證書如何支撐自主安全生態？

國密 SSL 證書作為信創產業的核心安全組件，通過國產算法自主可控、全棧技術適配、跨域信任貫通、合規體系支撐四大維度，構建起覆蓋 “芯片 - 操作系統 - 瀏覽器 - 雲平台” 的自主安全生態，成為我國網絡空間主權的重要技術基石。 一、國產算法自主可控：從底層打破技術依賴 國密 SSL 證書採用我國自主研發的SM2/SM3/SM4 算法體系，從根本上擺脱對 RSA/ECC 等國際算法的依賴

ssl證書 , 服務器 , 微服務 , HTTPS , Linux

shimiandeshatanku 頭像

李遊Leo - 深入理解 ECMAScript 2024 新特性：Map.groupBy() 分組操作

ECMAScript 2024 (ES15) 引入了一個極具潛力的新特性：Map.groupBy()，它大大簡化了數據分組的操作。無論是在處理數組、對象，還是更復雜的業務邏輯中，分組操作都是開發中常見的需求。本文將通過詳細的技術案例和代碼展示，為你剖析 Map.groupBy() 的強大之處。 什麼是 Map.groupBy()？ Map.groupBy() 是 JavaScript 新增的靜態

ecmascript , 前端 , Javascript

nanchengfe 頭像

南城FE - 純CSS實現海浪文字效果

如圖所示，這是一個很炫酷的文字波動效果，文字呈現出一個海浪波動的效果，這樣的動畫效果可以顯著加強文案本身的含義。本文將解析如何使用純CSS實現這個特效，基於這個動圖可以分析出實現這個效果的主要功能要點： 整體呈現出3D文案效果 文案呈現波動狀態動畫 文案有漸變顏色的變化 文案在變化過程中有傾斜分層的效果 1. 基礎樣式 首先我們從佈局和基礎樣式開始。 通過上面的圖片可以看出動畫中的

css3 , 動畫 , Css , 前端

beckyyyy 頭像

beckyyyy - 可視化學習：如何生成簡單動畫讓圖形動起來

大家好，本文分享的是如何生成簡單動畫讓圖形動起來。 在可視化展現中，動畫它是強化數據表達，吸引用户的重要技術手段。 在具體實現動畫之前，我們先來了解一下動畫的三種形式，分別是固定幀動畫、增量動畫和時序動畫。 graph LR A[動畫的三種形式] -- B[固定幀動畫] A -- D[增量動畫] A -- E[時序動畫] B -- F[使用已生成的靜態圖像，將圖像依次播放] D -- C[動態繪製

shader , css3 , 動畫 , webgl , 前端

ning_643b67be37ac3 頭像

麒寧 - 3分鐘搞定：獲取 URL 查詢參數值

3分鐘搞定：獲取 URL 查詢參數值 在前端開發工作中，利用 URL 進行參數傳遞是一項十分常見的方法。在頁面跳轉時，通過 URL 攜帶某些信息，如狀態、id、區分頁面來源的字段值等。因此，學習瞭解如何獲取 URL 查詢參數值是很重要的。 js 代碼手擼 利用 JavaScript 代碼手擼一個函數，對 URL 查詢參數進行解析。這是方式靈活度高，可以進行更多個性化的操作。 const getSe

前端 , Javascript , url

cloudyttt 頭像

雲魚 - 19年前端筆試題小結（一）

什麼是web標準？ WEB標準不是某一個標準，而是一系列標準的集合。網頁主要由三部分組成：結構（Structure）、表現（Presentation）和行為 （Behavior）。 對應的標準也分三方面：結構化標準語言主要包括XHTML和XML，表現標準語言主要包括CSS，行為標準主要包括對象模型（如 W3C DOM）、ECMAScript等。這些標準大部分由W3C起草和發佈

筆試 , Css , 前端 , html5 , Javascript

u_17350491 頭像

轉角處的湯姆 - 前端代碼檢查工具：提升開發效率與代碼質量

在前端開發中，隨着項目的日益複雜和團隊的擴大，代碼質量變得越來越重要。為了確保代碼的可維護性、可讀性以及可擴展性，前端開發者往往需要藉助各種工具來幫助他們檢查和優化代碼。這些工具被統稱為“前端代碼檢查工具”。本文將帶你瞭解前端代碼檢查工具的核心概念，並介紹一些常見的工具及其使用方法。 為什麼需要前端代碼檢查工具？ 隨着前端開發的不斷髮展，項目的複雜性逐漸增加。前端代碼

代碼檢查 , Css , 開發者 , 前端開發 , Javascript

gqkmiss 頭像

月恆 - Electron 客户端項目自啓動

app.setLoginItemSettings 與 auto-launch 對比分析 一、穩定性對比 1. app.setLoginItemSettings 優點：作為Electron官方API，有官方維護和支持 缺點： 在某些Windows版本上存在已知問題 部分Windows 10/11更新後可能失效 在macOS權限更嚴格的版本上可能需要額外授權

electron-builder , electron , 前端 , Javascript

u_17072679 頭像

前端小巷子 - Vue嵌套路由

Vue嵌套路由 在單頁應用裏，“頁面”不再是整屏刷新，而是由路由驅動的組件樹。當業務複雜到「用户中心 → 個人資料 / 收貨地址 / 賬號安全 / 好友列表」這種層級時，嵌套路由（Nested Routes）是唯一能把深度與可維護性同時保留下來的方案。 一、嵌套路由到底在解決什麼問題 想象一個用户中心： /user 用户中心外殼（Layou

用户中心 , 嵌套 , 前端開發 , Layout , Javascript

grewer 頭像

Grewer - 淺析微前端框架 qiankun 的實現

微前端簡介 Techniques, strategies and recipes for building a modern web app with multiple teams that can ship features independently. -- Micro Frontends 前端是一種多個團隊通過獨立發佈功能的方式來共同構建現代化 web 應用的技術手段及方法策略。 在

qiankun , 微前端 , 前端 , Javascript