tag 前端

標籤
貢獻1,041
1016
06:37 AM · Oct 27 ,2025
tuzixiansen_63d4d65909d62 頭像 opentiny 頭像 qaz666 頭像 invalidnull 頭像 dirackeeko 頭像 junxiudetuoba 頭像 jdcdevloper 頭像 smileZAZ 頭像 yayu 頭像 icecreamlj 頭像 beishangdejianjidan_cqxuxf 頭像 xixindehongjiu 頭像

@前端 / 博客 RSS 訂閱

xiaolei_599661330c0cb 頭像

小磊 - 全棧崗位面試算法題 - 數字輸入框校驗

起因 最近面試web全棧開發工程師崗位，接觸到一個算法題，覺得很考驗分析能力並且在實際中是有一定作用的算法，因此分享出來跟大家探討。 題目 根據運營需求，你要為我們的數值發佈系統增加一項數字輸入框校驗功能。我們通常會對一些數字輸入進行大小限制。 比如要求輸入的值必須在300 - 347之間（包括300和347）。聰明的你發現，有時你可以不必等用户輸入完就知道他的輸入是否非法的了。 比如

全棧 , node.js , 全棧工程師 , 前端 , Javascript

收藏 評論

jdcdevloper 頭像

京東雲開發者 - 初探webAssembly | 京東物流技術團隊

1 WebAssembly是什麼？ 一種運行在現代網絡瀏覽器中的新型代碼，並且提供新的性能特性和效果 W3C WebAssembly Community Group開發的一項網絡標準，對於瀏覽器而言，WebAssembly 提供了一條途徑，讓各種語言編寫的代碼以接近原生的速度在 Web 中運行。在這種情況下，以前無法以此方式運行的客户端軟件等都將可以運行在 Web 中。 WebAssembl

webassembly , 前端 , html5 , Javascript

收藏 評論

momeak9 頭像

泯瀧 - 強緩存和協商緩存

為什麼有這個東西？ web緩存描述 ： Web 緩存是可以自動保存常見文檔副本的 HTTP 設備。當 Web 請求抵達緩存時， 如果本地有“已緩存的”副本，就可以從本地存儲設備而不是原始服務器中提取這 個文檔。（此結論來自http權威指南） 緩存的優缺點： 優點： 緩存減少了冗餘的數據傳輸，節省了你的網絡費用。 緩存緩解了網絡瓶頸的問題。不需要更多的帶寬就能夠更快地加載頁面。 緩存降低了對

瀏覽器 , 瀏覽器原理 , 網絡 , 網絡傳輸協議 , 前端

收藏 評論

opentiny 頭像

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

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

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

收藏 評論

mudeshu 頭像

木的樹 - Web地圖呈現原理

地圖投影 　　對於接觸互聯網地圖的同學來説，最開始接觸的恐怕就是座標轉換的過程了。由於地球是個近似橢球的形狀，有各種各樣的橢球模型來模擬地球，最著名的也就是GPS系統使用的WGS84橢球了。但是這些橢球體的座標使用的是經緯度，單位是角度。目前我們的地圖大多是二維平面上展示，使用角度為基礎來計算多有不便，所以有眾多數學家提出各種不同的轉換方式來將經緯度表示的位置轉換成平面座標，這個轉換過程地圖學上成

原理 , webgl , webgis , 地圖 , 前端

收藏 評論

yangzw 頭像

JowayYoung - Cmder&iTerm美化你的終端

作者：JowayYoung 倉庫：Github、CodePen 博客：官網、掘金、思否、知乎 公眾號：IQ前端 特別聲明：原創不易，未經授權不得轉載或抄襲，如需轉載可聯繫筆者授權 系列 CmderiTerm美化你的終端 請戳這裏，持續更新 前言 在npm的日益壯大下，開發項目時我們無法離開終端，但是如果你作為一名具備美感的前端，可能會吐槽為什麼系統自帶的終端會那

cmder , node.js , iterm2 , 前端 , Javascript

收藏 評論

kumendehuluobo 頭像

苦悶的胡蘿蔔 - 基於 Next.js 15 App Router 的企業級官網重構實錄：從 SSR 到極致 SSG

背景 最近接手了一個傳統家政公司——宜興雅茹家政 (Yaru Care) 的官網重構項目。 客户痛點非常明確： 舊站弊端：原本的 WordPress 站點加載慢，且經常面臨安全漏洞，維護成本高。 SEO 剛需：作為本地服務（Local Service），必須在“宜興保潔”、“月嫂”等地域性關鍵詞上獲得百度/Google 的優待。 部署環境：客户希望去除複雜的後端依賴（Node.js/PHP

前端

收藏 評論

beishangdejianjidan_cqxuxf 頭像

悲傷的煎雞蛋_cQXuXF - AI輔助編程後的一種情況，懵逼老闆，混子員工~

​AI輔助編程成了必備工具以後，對程序員提出了一個更高的要求，你不能只是會寫代碼邏輯或只會用提示詞不斷提示。使用AI的前提是把它當成效率提升的工具，而不是一個你可以當甩手掌櫃的“總包”。 傳統程序員被淘汰的原因是沒有從單機程序員，單語言程序員向全棧程序員，更貼近產品的架構師轉型。這個轉型最重要的就是從純粹的後端等着需求拆分喂到嘴裏，變成直接對接需求前置性的思考需求，通過你的智力轉化成一個具有系統結

人工智能 , 程序員 , 後端 , 前端

收藏 評論

zhongyuandaxia 頭像

中原大蝦 - Astro + Vercel 快速搭建自己的博客網站

Astro 和 Vercel 彼此相得益彰，前者提供出色的開發者體驗，用於構建現代靜態站點，而後者負責部署和託管代碼。 兩者結合我們就可以輕輕鬆鬆零成本搭建自己的博客網站。查看示例。 如果對原項目感興趣，可以查看源碼。 步驟 1，創建評論倉庫 在部署博客之前，我們先創建一個用於評論的 github 倉庫（實際上使用了 dicussions 功能）。 登錄 github ，點擊 new

astro , react , blog , vercel , 前端

收藏 評論

wensandaoshi 頭像

fx67ll - 前端性能優化的利器 ——— 淺談JavaScript中的防抖和節流

防抖和節流函數是工作中兩種常用的前端性能優化函數，今天我就來總結一下什麼是防抖和節流，並詳細説明一下如何在工作中應用防抖和節流函數 什麼是防抖和節流? 在 JavaScript 中，防抖（debounce）和節流（throttle）是用來限制函數執行頻率的兩種常見技術。 防抖（debounce） 是指在某個時間段內，只執行最後一次觸發的函數調用。如果在這個時間段內再次觸發該函數，會重新計時，直到等

性能優化 , 前端性能優化 , loadsh , 前端 , Javascript

收藏 評論

xuexishiwokuaile_612449e36bade 頭像

凌覽 - Linux服務器上運行Puppeteer的Docker部署指南

承接上一篇文章Puppeteer無頭瀏覽器：開啓自動化之門，掌握瀏覽器世界的無限可能。文章給大家介紹了什麼是Puppeter無頭瀏覽器，也提及到我在雲服務器Docker部署踩了硬骨頭，本文記錄分享我是如何解決的。 解決問題的過程 最初的Dockerfile： FROM node:18.12.0-slim RUN mkdir -p /yice WORKDIR /yice COPY ./package

puppeteer , node.js , 前端

收藏 評論

mark04 頭像

letier - Vue.js 的發展歷史（2013~2025）

Vue.js 的發展歷史：從個人項目到全球流行的漸進式前端框架 Vue.js（簡稱 Vue）是當今最流行的前端 JavaScript 框架之一，以其輕量、易用、靈活和漸進式設計著稱。它不僅在中國擁有龐大的開發者生態，在全球範圍內也廣受中小型團隊和初創公司的青睞。 本文將帶你全面回顧 Vue.js 的發展歷程，從一位工程師的個人項目起步，到如今成為 Web 前端三大主流框架之一的技術演進之路。 一

vue.js , 知識 , 前端

收藏 評論

u_16213567 頭像

數碼墨魚 - 簡單探索Rust Web開發

深入 Actix-web 源碼：解密 Rust Web 框架的高性能內核 目錄 深入 Actix-web 源碼：解密 Rust Web 框架的高性能內核 摘要 一、Actix-web 探索起點 1.1 宏觀架構：連接器、Acceptor 與 Worker 1.2 與 Tokio 的共生關係 二、核心抽象：Serv

中間件 , 開發語言 , rust , ActixWeb , Css , 前端開發 , HTML , 前端

收藏 評論

dirackeeko 頭像

DiracKeeko - [VScode] VScode浮窗顯示完整的ts類型定義

在vscode中寫ts項目時，當定義的type結構體很大(即key非常多)的時候 鼠標懸停在變量上，顯示的類型提示彈窗中，類型定義是被摺疊起來的。 (能看到 ... xxx more ...) 但是沒有一個可操作的交互能夠讓這個摺疊展開。 這是個2018年就被提出的issue，現在依然是open狀態 (Interactive Diagnostics) https://gi

visual-studio-code , 配置 , 類型檢測 , 前端

收藏 評論

qaz666 頭像

可不簡單 - 如何使用 vxe-gantt table 甘特圖來實現多個維度視圖展示，支持切換年視圖、月視圖、周視圖等

如何使用 vxe-gantt table 甘特圖來實現多個維度視圖展示，支持切換年視圖、月視圖、周視圖等，通過 task-view-config 來配置日期軸。 https://gantt.vxeui.com 效果 代碼 通過 task-view-config.scales 可以靈活的切換顯示模式 template div vxe-radio-group v-model="viewM

前端

收藏 評論

lulu_up 頭像

lulu_up - 技術人員第一次創業掏心掏肺級別攻略(建議收藏)

背景、    23年作者從大廠前端開發崗位裸辭後開始了ai方面的創業, 作為一個純粹的技術人員在這個過程中遇到諸多挑戰, 希望我的思考+實戰可以幫你創業路上少走一些彎路, 哪怕只想打工一輩子, 這篇文章也可以讓你看看創業者們的"樂子"。    技術人創業優勢: 創業肯定要花錢的, 但技術人員能將成本壓縮到極低(省錢), 可快速多次的試錯, 可更理性分析問題, 創業過程可擴展綜合能力, 提升等級上

react , 創業 , 人工智能 , 後端 , 前端

收藏 評論

yancy_5f300f5cc4004 頭像

yancy - JS中的第二世界--正則表達式

近期的繁忙讓我一直沒有空閒靜下心來好好寫一些文章。好在，所有的忙碌都已過去，願明天更美好。剛過完七夕，帶着歡樂的心情寫下這篇文章。希望讀者能夠喜歡喲~~ 你是不是經常遇到正則，卻不知它在説什麼，你是不是就算再項目中看到了，也會選擇一眼略過，你是不是整天忘記搜索什麼，卻不知道有的編輯器搜索支持正則的模糊搜索…… 熟悉的旋律縈繞在耳邊，卻早已不是當初的少年。 工作了很久之後，猛然發現之前自己忽略的正則

基礎 , javascript正則 , 正則表達式 , 前端

收藏 評論

user_ze46ouik 頭像

Sunshine_Lin - 新一代狀態管理工具，Pinia.js 上手指南

本文為轉載文 作者：小學生study 鏈接：https://juejin.cn/post/704919... 前言 Pinia.js 是新一代的狀態管理器，由 Vue.js團隊中成員所開發的，因此也被認為是下一代的 Vuex，即 Vuex5.x，在 Vue3.0 的項目中使用也是備受推崇。 Pinia.js 有如下特點： 完整的 typescript 的支持； 足夠輕量，壓

vue.js , vuex , 進階 , 前端

收藏 評論

u_16099253 頭像

數據解碼者 - 夸克瀏覽器禁用JavaScript

目錄 Day01 一、計算機基礎 1.1 計算機 1.2 軟件和硬件 1.3 軟件 1.4 應用軟件 1.5 服務端和客户端 1.6 C/S 結構和 B/S 結構 二、 代碼編輯器和瀏覽器介紹 2.1 代碼編輯器 2.2 瀏覽器 三、HTML概述 3.1 什麼是HTML？

夸克瀏覽器禁用JavaScript , 前端開發 , HTML , 前端 , html5 , Javascript

收藏 評論

mrqueue 頭像

隊列先生 - 前後端分離項目OAuth第三方登錄怎麼做（以Github舉例）

OAuth是一種授權機制。OAuth過程中，系統會詢問數據所有者，是否同意授權第三方應用進入系統獲取這些數據，同意，則系統將產生一個短期的進入令牌（token），用來代替密碼，供第三方應用使用。 # OAuth流程（假設你的站點是A網站） 1. 用户事件觸發（一般點擊事件）跳轉，到 Github 2. Github 要求用户登錄，並詢問用户是同意 Github 下放授權碼給 A 網站 3. 用户同

oauth , github , 後端 , 前端

收藏 評論

chenyob 頭像

碼農三少 - 160、相交鏈表 | 算法（leetcode，附思維導圖 + 全部解法）300題

零 標題：算法（leetcode，附思維導圖 + 全部解法）300題之（160）相交鏈表 一 題目描述 二 解法總覽（思維導圖） 三 全部解法 1 方案1 1)代碼： // 方案1 “自己。哈希法（JS裏的Map數據結構）”。 // 思路： // 1）狀態初始化：resMap = new Map(), resNode = null; 。 // 2）核心1：遍歷 鏈表A ，將每

leetcode , leetcode個人解題總結 , 筆試 , 前端 , Javascript

收藏 評論

software-Development 頭像

IT開發者筆記 - JavaScript圖表庫 DHTMLX Diagram 6.1 重磅發佈：全新PERT模式上線，項目可視化能力再升級！

近日，JavaScript圖表庫DHTMLX Diagram6.1 正式版本。本次版本更新帶來了全新的 PERT 可視化模式，並在無代碼/低代碼流程圖編輯體驗方面實現了更高的靈活性與可控性。同時，Diagram 編輯器在快捷鍵管理與圖形交互控制上也迎來了多項重要增強。 DHTMLX Diagram 最新版官方試用下載，請聯繫慧都科技 全新 PERT 模式：讓項目規劃更清晰 什麼是 PERT 模式

前端

收藏 評論

crstudio 頭像

CRStudio - React項目裏，Record<string, any>和{ [key: string]: any }有什麼區別？

在 React 項目中，Recordstring, any 和 { [key: string]: any } 在功能層面幾乎等價（都表示「鍵為字符串、值為任意類型的對象」），但在類型語義、語法靈活性、TS 內置特性上存在關鍵區別，以下是詳細拆解（結合 React 實戰場景説明）： 一、核心結論先明確 維度 Recordstring, any { [key: strin

react , typescript , 前端

收藏 評論

gracetangyi 頭像

Grace糖衣 - this 指向踩坑總結

一. vue 中使用回調函數使用 this 無效 踩坑場景：vue 實例中綁定 data 的 this 無效 解決方式： 使用箭頭函數解決 let self = this 二. react 中使用回調函數使用 this 無效 踩坑場景：react 內部組件調用時傳入函數參數時，this 指向不對導致函數執行時機不對 解決方式：在函數傳參時使用箭頭函數（也有別的方法，不過此種最方

this的用法 , this , 前端 , Javascript

收藏 評論