收藏 / 列表

atila-fassina 頭像

Atila Fassina - Remix Routes Demystified

Around six months ago, Remix became open source. It brings a lovely developer experience and approximates web development to the web platform in a refreshing way. It’s a known tale that naming is th

react , Frameworks , Tools , Apps

wanzuqiudeshangba 頭像

玩足球的傷疤 - Yarn 如何優化依賴安裝的速度？

引言 在前端開發中，包管理器是必不可少的工具，用於管理項目的依賴包。Yarn 是由 Facebook 推出的一個包管理器，作為 npm 的替代方案，它在性能、可靠性和安全性方面提供了顯著提升。一個常見的問題是：Yarn 如何優化依賴安裝的速度？ 本文將專注於這個問題，深入分析 Yarn 的核心機制和優化策略。 傳統 npm 安裝的瓶頸 在理解 Yarn 的優化之前，先來看一下傳統 npm 安裝依

yarn , go , 後端 , 前端 , Javascript

u_17350491 頭像

轉角處的湯姆 - 深入理解 JSS：現代化的 CSS-in-JS 解決方案

引言 在現代前端開發中，CSS-in-JS 是一個越來越流行的概念。隨着 React 和其他前端框架的崛起，傳統的 CSS 方法逐漸顯得不夠靈活和高效。JSS（JavaScript Style Sheets）作為一種 CSS-in-JS 解決方案，提供了更靈活、更強大的方式來管理組件樣式。本文將深入探討 JSS，介紹其工作原理、優勢，以及如何在項目中有效使用它。 什麼

類名 , Css , 開發者 , 前端開發 , Javascript

powerful_simon 頭像

小謳 - 解決 mpvue 經典 bug：同路由切換時，上次的數據會保留

關注前端小謳，閲讀更多原創技術文章 由於一直在用vue技術棧，因此初次開發小程序嘗試使用【mpvue】。儘管聽聞框架已停止維護，為了上手迅速，不顧可能存在的眾多bug，毅然用起來。 果不其然，一個大bug出現了：同一路由切換時，上一次的頁面數據會保留 項目實戰bug：mpvue重構cnode社區 github用户已在mpvue的issues給出相關原因： 參考眾多答案後，用“

vue.js , 小程序 , mpvue , 前端 , Javascript

yinguangyao 頭像

尹光耀 - underscore數組遍歷函數分析（一）

這是underscore源碼剖析系列第三篇文章，主要介紹underscore中each、map、filter、every、reduce等我們常用的一些遍歷數組的方法。 each 在underscore中我們最常用的就是each和map兩個方法了，這兩個方法一般接收三個參數，分別是數組/對象、函數、上下文。 // iteratee函數有三個參數，分別是item、index、array或者value、

underscore , 前端 , Javascript

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前端入門第 85 問：JavaScript 一個簡單的 IndexedDB 數據庫入門示例

在前端風風雨雨的混了多年，從沒在項目中實際使用過 IndexedDB 這個瀏覽器端的數據庫，所以今天就摸了下 MDN 的後門，寫一個簡單的入門示例。 頁面大概長這樣： 源碼： 以下代碼包含了一個數據庫所有的 CRUD （增刪改查）操作。 div button id="js_add_btn"添加書籍/button /div div input type="text" name="" id=

前端 , Javascript

hsr2022 頭像

後山人 - 穿越週期：堅持使用 PHP 的感悟與選擇的哲學

穿越週期：堅持使用 PHP 的感悟與選擇的哲學 摘要 在技術世界，PHP 似乎每年都要經歷一次“死亡”的預言，但它始終以驚人的韌性存活並持續進化。對於那些選擇堅持使用 PHP 的開發者而言，這不僅僅是一種技術選擇，更是一種對務實、效率與持續進化的深刻理解。 本文將分享堅持使用 PHP 的三大感悟，並結合 鋭智後台（RaiseAdmin）快速開發平台 的實踐，闡述 PHP 如何在現代化浪潮中，憑藉其

vue.js , MySQL , 小程序 , php , 教程

kestrel_task 頭像

微芒不朽 - Node.js REST 升級 MCP 服務器，讓 AI 代理成為你的開發助手

隨着大型語言模型（LLM）和代理 AI 的快速發展，應用程序展示其功能的方式亟待從根本上變革。傳統的 REST API 專為軟件與軟件之間的通信設計，開發人員需閲讀大量文檔並編寫自定義集成代碼才能使用。而模型上下文協議（MCP） 作為一種開放標準，通過創建統一的、機器可讀的界面，讓 AI 代理能夠動態發現並與之交互，成功解決了這一痛點。 本文將提供一份全面指南，介紹如何使用官方 TypeScrip

前端

beckyyyy 頭像

beckyyyy - cookie、session、web storage

cookie與session的區別 首先，使用cookie和session的目的都是為了跟蹤記錄用户狀態，因為http協議是無狀態的協議，而某些場景服務端需要記錄用户的狀態，如購物車，需要來識別具體的用户，服務端就為特定的用户創建特定的session，用於標識並跟蹤用户； 其次，cookie和session都是會話技術，session保存在服務端，cookie保存在客户端，服務端無法知道請求對應哪

sessionstorage , localstorage , cookie , 前端 , Javascript

yinzhixiaxue 頭像

銀之夏雪 - this你瞭解多少呢

執行上下文 js在執行代碼之前，需要經過一系列的“準備”，這被稱為執行上下文 ，其包含詞法環境 和this 。所有的 js 代碼在運行時都是在執行上下文中進行的，每創建一個執行上下文，就會將當前執行上下文放到一個棧頂，這就就是我們常説的執行棧 。 執行上下文的創建 何時創建執行上下文 JavaScript 中有三種情形會創建新的執行上下文： 全局執行上下文 ，進入去全局代碼的時候。任何不在函數

面試 , this , 前端 , Javascript

linong 頭像

linong - 通過 AST 實現組件庫替換升級

年初接到一個任務將 semi-ui 替換到 antd，但是能人力預算不太夠，所以基於工作量和效率選擇了基於 AST 的替換方案。 項目技術棧是 React + tsx 為什麼要使用 AST？ AST（Abstract Syntax Tree，抽象語法樹）是一種在計算機科學中表示源代碼語法結構的樹狀數據結構。 通過 AST，可以理解代碼的結構和含義，實現代碼分析、轉換和操作。 基於 AS

ast , typescript , babel , 前端 , Javascript

ruochuan12 頭像

若川 - Taro 源碼揭秘：9. Taro 是如何生成 webpack 配置進行構建小程序的？

1. 前言 大家好，我是若川，歡迎關注我的公眾號：若川視野。從 2021 年 8 月起，我持續組織了好幾年的每週大家一起學習 200 行左右的源碼共讀活動，感興趣的可以點此掃碼加我微信 ruochuan02 參與。另外，想學源碼，極力推薦關注我寫的專欄《學習源碼整體架構系列》，目前是掘金關注人數（6k+人）第一的專欄，寫有幾十篇源碼文章。 截至目前（2024-11-22），目前最新是 4.0.7，

react , 小程序 , webpack , 前端 , Javascript

_607c00baa52ff 頭像

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

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

iterator , generator , 前端 , Javascript

u_17072679 頭像

前端小巷子 - 前端虛擬長列表

前端虛擬長列表 當一次性渲染十萬條 DOM 節點時，瀏覽器會瞬間陷入「卡頓—白屏—崩潰」三連擊。虛擬長列表（Virtual Scroller）把「按需渲染」做到極致：只繪製可見區域並加少量緩衝，讓巨量數據在低端設備也能保持 60 FPS。 一、問題本質：渲染成本與滾動成本的矛盾 渲染成本等於節點數量乘以單個節點複雜度，滾動成本等於佈局重排乘以樣式重繪。瀏覽器單幀預算約 16

複雜度 , 重繪 , Math , 前端開發 , Javascript

u_17141077 頭像

g天命風流 - 併發編程之常見線程安全類以及一些示例的詳細解析

常見線程安全類 String Integer StringBuffer Random Vector Hashtable java.util.concurrent 包下的類 這裏説它們是線程安全的是指，多個線程調用它們同一個實例的某個方法時，是線程安全的。也可以理解為 Hashtable table = new Hashtable()

項目代碼 , 線程安全 , JAVA , 前端開發 , Javascript

grewer 頭像

Grewer - qiankun 中遇見的問題集合

本文中的微前端基於 qiankun 框架 多個子應用共存 如果需要多個子應用同時共存，在管理就有很多例子： https://qiankun.umijs.org/zh/faq#%E5%A6%82%E4%BD%95%E5%90%8C%... registerMicroApps([ // 自定義 activeRule { name: 'reactApp', entry: '//localhost

qiankun , 微前端 , 前端 , Javascript

zhuifengdekukafei 頭像

追風的苦咖啡 - 《國家安全法》新規下的SSL證書對企業的核心影響

新《網絡安全法》通過強化數據傳輸安全與主體責任，使 SSL 證書從 “可選工具” 變為企業的 “合規剛需”，直接影響企業的合法運營、數據安全與用户信任。 一、新《網絡安全法》的核心要求：SSL 證書的法律依據 新《網絡安全法》圍繞 “數據安全” 和 “個人信息保護” 增設了多項強制性條款，而 SSL 證書的核心功能（加密傳輸、身份驗證）正是滿足這些條款的關鍵技術手段，具體對應以下核心要求：

vue.js , ssl證書 , node.js , chrome-devtools , Javascript

shimiandeshatanku 頭像

李遊Leo - 你可能不敢想象，2025 年，jQuery要更新到 4.0 了

讓人難以置信的是，jQuery，這個曾經幫助無數開發者簡化 DOM 操作、事件處理和動畫效果的 JavaScript 庫，至今仍在更新。自從 2006 年 8 月震撼亮相以來，它已走過了長達 19 年的路程。還記得麼？他的作者是：John Resig，這個年輕的小夥子也變成老大叔了。 而現在，即便在 React、Vue 這樣的現代框架盛行的今天，或者AI都滿天飛的今天jQuery 仍

jquery , Javascript

minnanitkong 頭像

王大冶 - [Next.js14] NextAuth v5 (3) - Google 登錄

React Hook 深入淺出 CSS技巧與案例詳解 vue2與vue3技巧合集 VueUse源碼解讀 Google Cloud 設置 訪問 https://console.cloud.google.com/apis 如果你是第一次使用Google Cloud，請確保同意服務條款。 按照以下步驟繼續： 根據你的喜好編輯項目名稱，然後點擊"CREATE" 你將被重定向到這個界

ecmascript-6 , 前端 , Javascript

nanchengfe 頭像

南城FE - 純 CSS 實現計時器效果

本文翻譯自 How to Make a CSS Timer，作者：PREETHI SAM， 略有刪改。 有時候我們需要再網站中使用計時器。比如下單購物成功後增加倒計時回到首頁；或者一些時間管理工具（番茄工作法），當遇到這些情況時，我會毫不猶豫地使用JavaScript，因為它可能是處理這類事情的更強大的工具。 然而在某些場景下 CSS 替代品也同樣有趣和高效。現在的電子郵件客户端具有很強的 CSS

動畫 , Css , 前端

gqkmiss 頭像

月恆 - Web 頁面性能衡量指標-以用户為中心的性能指標

Web 頁面性能衡量指標-以用户為中心的性能指標 以用户為中心的性能指標是理解和改進站點體驗的關鍵點 一、以用户為中心的性能指標 1. 指標是用來幹啥的？ 指標是用來衡量性能和用户體驗的 2. 指標類型 感知加載速度：網頁可以多快地加載網頁中的所有視覺元素並將其渲染到屏幕上 加載響應速度：頁面加載和執行組件快速響應用户互動所需的 JavaScript 代碼的速度 運行時響應速度：網頁在加載

性能優化 , 性能分析 , 性能 , 前端 , Javascript

jrue 頭像

前端小菜 - js合併數組的方法

1，方法一 concat() 實例：arrayA.concat(arrayB) 會生成新的數組。 let arrayA = ['ja', 'va']; let arrayB = ['scr', 'ipt']; // 合併數組A和B arrayA = arrayA .concat(arrayB); // 查看合併後的結果 console.log(arrayA); // ['ja',

ecmascript-6 , es7 , es5 , Javascript