收藏 / 列表

amejimaobari-ollornwi 頭像

Amejimaobari Ollornwi - Generating Unique Random Numbers In JavaScript Using Sets

JavaScript comes with a lot of built-in functions that allow you to carry out so many different operations. One of these built-in functions is the Math.random() method, which generates a random floa

Techniques , coding , Javascript

linx 頭像

前端路引 - Web前端入門第 86 問：JavaScript 中的 Web Worker 為什麼能提升代碼性能？

最初的 JS 執行代碼都是一條線執行到底，當遇到比較耗時的操作時，比如大數組循環運算，就會導致頁面卡着，就像假死一樣。就像一個人在廚房燒菜一樣，需要依次完成切菜、炒菜、裝盤這些步驟，此過程中沒辦法同時做其他事情，必須按順序執行每一個步驟。 Web Worker 賦予了 JS 分配任務的能力，在遇到複雜的計算型任務時，比如 canvas 圖形圖像處理（添加濾鏡、矩陣變換等），此類不依賴 DOM 操作

前端 , Javascript

hsr2022 頭像

後山人 - 迎接下一個繁榮浪潮：程序員在經濟下行期應做的“三層準備”

迎接下一個繁榮浪潮：程序員在經濟下行期應做的“三層準備” 摘要 面對持續的經濟下行壓力和日漸萎縮的信息化市場，程序員羣體正經歷前所未有的挑戰。然而，歷史經驗表明，每一次經濟低谷都是技術和人才結構重塑的關鍵時期。為了在下一個繁榮浪潮到來時佔據先機，程序員不能僅憑技術能力，更需要進行技術、商業、個人三個層面的系統性準備。 本文將詳細闡述這“三層準備”，指導程序員如何從“代碼執行者”轉型為“價值創造者”

vue.js , php , Javascript

kestrel_task 頭像

微芒不朽 - 【nodejs進階之旅(2)】:使用koa2+mysql 實現列表數據分頁

1.展示效果（分頁） 2.分頁主要字段 分頁主要字段包括 pageSize 每頁條數、pageNum 第幾頁、startRow 當前開始頁編號、endRow 當前結束頁編號、total 總數量。主要是根據前端分頁的參數，進行處理後，返回前端正確的數據，其實是一個很常見且簡單的功能。但是是非常也是非常重要的。 pageSize 每頁條數 pageNum 第幾頁 startRow 當前開始頁編號

vue.js , koa2 , node.js , 前端 , Javascript

beckyyyy 頭像

beckyyyy - 單頁應用的優缺點

上月面試海康威視的一道面試題。 單頁應用，即常説的SPA，Single Page Application，從名稱上就可以看出它最大的特點，就是單頁面，即只有一個頁面；相對的就是多頁面，即MPA，Multi-Page Application。 在多頁面的情況下，我們在切換不同頁面時，需要向服務器發送多次請求來獲取不同頁面內容，在獲取到內容後，整個瀏覽器視口需要被重新渲染，而等待服務器的響應需要一定的

單頁應用 , 面試問題 , spa , 前端 , Javascript

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 , 前端

linong 頭像

linong - 前端培訓-中級階段（10）- 同源策略（2019-08-15期）

前端最基礎的就是 HTML+CSS+Javascript。掌握了這三門技術就算入門，但也僅僅是入門，現在前端開發的定義已經遠遠不止這些。前端小課堂（HTML/CSS/JS），本着提升技術水平，打牢基礎知識的中心思想，我們開課啦（每週四）。 同源策略是什麼？ 同源策略是瀏覽器的一個安全功能，不同源的數據禁止訪問。 所以 lilnong.top 下的 ajax 訪問 51vv.com 數據是會報

script , xmlhttprequest , 同源策略 , Ajax , Javascript

_607c00baa52ff 頭像

懟懟 - 【vue】虛擬DOM與Diff算法

虛擬DOM與Diff算法 虛擬DOM snabbdom Vue中的Diff算法 1 虛擬DOM 概述 VNode 1.1 概述 原生DOM為我們提供了一些獲取DOM元素以及操作DOM元素的API，可以對DOM元素進行增刪改查。 複雜的頁面狀態維護需要提前寫好大量的DOM操作，會造成狀態很難維護，代碼的邏輯也很混亂。 所以我們會使用數據驅動的方式進行視圖更新 - 數據與

vue.js , 虛擬dom , virtual-dom , diff

u_17072679 頭像

前端小巷子 - Vue嵌套路由

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

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

u_17141077 頭像

g天命風流 - 併發編程之Java 對象頭的詳細解析

Java 對象頭 以 32 位虛擬機為例 普通對象 |--------------------------------------------------------------| | Object Header (64 bits) | |------------------------------------|-------------------------|

word , 項目代碼 , JAVA , 前端開發 , Javascript

grewer 頭像

Grewer - V8 入門記錄一：初識

關於 V8 我想前端從業人員或多或少會聽説過這個詞，但是他具體是什麼， 怎麼入門， 怎麼學習是一個較高的門檻，本文就 V8 入門，來做一個記錄，也方便大家的學習。 V8 是 Google 用 C++ 編寫的開源高性能 JavaScript 和 WebAssembly 引擎。它被用於 Chrome 瀏覽器和 Node.js 等。它實現了 ECMAScript 和 WebAssembly，可在 Win

v8 , v8js , 瀏覽器 , 前端框架 , 前端

zhuifengdekukafei 頭像

追風的苦咖啡 - 加密0延遲，敏感信息秒穿防火牆

加密0延遲，敏感信息秒穿防火牆 在數字經濟時代，數據就是企業的血脈。當業務流轉、遠程協作成為常態，如何在保障數據安全的前提下，實現高效無阻的信息通道，成為了困擾無數企業的核心難題。傳統的安全觀念似乎總在“安全”與“效率”之間劃上等號，讓企業在加密傳輸面前，不得不忍受延遲和卡頓的代價。 然而，技術的進步正在顛覆這一固有認知。以SSL/TLS證書為核心的新一代加密解決方案，已經能夠實現“零感知”的即時

safari , 資訊 , tailwind-css , 教程 , 知識

shimiandeshatanku 頭像

李遊Leo - JavaScript閉包深入剖析：性能剖析與優化技巧

一、引言 在 JavaScript 的奇妙世界裏，閉包無疑是一個既強大又迷人的特性。它就像是一把萬能鑰匙，為開發者打開了實現各種高級功能的大門。從數據封裝與保護，到函數的記憶化，再到模塊化開發，閉包都發揮着舉足輕重的作用。在實際開發中，我們常常利用閉包來創建私有變量和方法，避免全局變量的污染，提高代碼的可維護性和安全性。例如，在一個大型的 Web 應用中，我們可以使用閉包來封裝一些只在特定模塊內部

閉包 , Javascript

minnanitkong 頭像

王大冶 - 如何複製由自定義元素組成的網頁的 HTML 代碼

React Hook 深入淺出 CSS技巧與案例詳解 vue2與vue3技巧合集 VueUse源碼解讀 有時我們需要獲取某個網頁HTML的本地副本,例如作為測試的輸入。 但複製網頁或元素的HTML並不總是直截了當的。現代網站往往由自定義元素構建。自定義元素通常是影子宿主。影子宿主的 innerHTML 或 outerHTML 屬性只返回直接子元素的HTML,而忽略了包含的影子DOM的

ecmascript-6 , typescript , 前端 , Javascript

nanchengfe 頭像

南城FE - CSS螢火蟲按鈕特效

如圖所示，這是一個很炫酷的按鈕懸浮特效，鼠標懸停時，按鈕呈現發光的效果，周邊還出現類型螢火蟲的效果。本文將解析如何實現這個按鈕特效，基於這個動圖可以分析出需要實現的要點： 有一個跟隨鼠標移動的圓點 按鈕懸停時有高亮發光的效果 懸停時按鈕周邊的螢火中效果 實現過程 跟隨鼠標移動的圓點 這個部分需要基於JS實現，但不是最主要的實現代碼 如果單純做一個跟隨鼠標移動的點很簡單，只需要監聽鼠標事

css3 , 動畫 , 前端

gqkmiss 頭像

月恆 - JS 中 structuredClone 和 JSON.parse(JSON.stringify()) 克隆對象的區別

JavaScript 中 structuredClone 和 JSON.parse(JSON.stringify()) 克隆對象的異同點 一、什麼是 structuredClone？ 1. structuredClone 的發展 structuredClone 是在 ECMAScript 2021（ES12）標準中引入的，ECMAScript 2021 規範正式發佈於 2021 年 6 月 自 2

ecmascript-6 , clone , 前端 , Javascript