tag 前端

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

@前端 / 博客 RSS 訂閱

coder_64d08a0a77d68 頭像

Coder - 設計小姐姐説文字在安卓手機上沒加粗，搞個 PostCSS 插件自動處理

問題：設計稿復現中的字體難題 開發 H5 項目時，設計同學給出的設計稿中全部使用 PingFang 字體。但當我們按照設計稿完成開發並進行驗收時，遇到了一個問題：在 iOS 上，一切按照期望進行，但在 Android 手機上，需要加粗的文本卻不如期望那樣顯示了。 原因分析：PingFang 字體在 Android 手機上的兼容問題 不加粗的文本，其對應的 CSS 如下： .foo { fo

Css , postcss , 前端

收藏 評論

grewer 頭像

Grewer - 2025微前端框架全景對比

1. 綜合對比總覽 框架 開發團隊 技術基礎 核心特點 構建性能 成熟度 推薦指數 Module Federation 生態 @module-federation/enhanced Webpack 官方 Webpack 5 原生 官方增強版，類型支持完善 ⭐⭐⭐ ⭐⭐⭐⭐

qiankun , 微前端 , 前端 , Javascript

收藏 評論

leapfe 頭像

LeapFE - mobx源碼解讀—— autorun 與 observable

第一次閲讀源碼，可能有理解的不太正確的地方希望大佬們能幫我糾正。開始看的是6，後來看到observable發現和5的差距還是有一點的，所以在所以“autorun”的部分可能會有6的源碼，但差距並不大。 1.mobx的基本概念 Observable 被觀察者 Observer 觀察 Reaction 響應 var student = mobx.observable({ name: '張三',

mobx , 前端 , Javascript

收藏 評論

dvqlfbwm 頭像

愛吃雞蛋餅 - 知識訂正：瀏覽器工作原理與事件循環

  現代瀏覽器的複雜程度如同操作系統，只有日益完善的機制才能應對現今越來越複雜的網頁交互。筆者前文曾述JS單線程引起的思考，如今看來錯漏百出，知識內容早已過時。基於現在的知識積累，如今再發一文作為勘誤，希望能加深印象，有所收貨。   如同上文的“JS單線程”，筆者之前所學還是片面的知識，JS的單線程在哪個進程之內，交互操作，代碼執行瀏覽器線程更側重誰都是一知半解。現在重新系統學習了一遍知識後

瀏覽器原理 , 前端 , Javascript

收藏 評論

u_15365254 頭像

子醉 - html5 input[type=date]如何讓日期中的年/月/日改成英文

結論 兄弟，十分不好意思。input控件在Google瀏覽器裏是優先跟着Google瀏覽器的默認語言走的，我們無法改變瀏覽器的默認語言。並且不同瀏覽器對input控件的處理也不一樣，所以我們無法保證能將input控件在不同瀏覽器裏都變成統一的英文版本。所以，還是用插件吧…（或者你自己寫一套控件也行） 可供參考的示例分享 !DO

控件 , oracle , 數據庫 , HTML , 前端 , html5

收藏 評論

lio_zero 頭像

lio_zero - 如何在 JavaScript 中判斷一個對象是否為空？

本文已整理到 Github，地址 👉blog。 如果我的內容幫助到了您，歡迎點個Star🎉🎉🎉 鼓勵鼓勵 :) ~~ 我希望我的內容可以幫助你。現在我專注於前端領域，但我也將分享我在有限的時間內看到和感受到的東西。 我們想要判斷對象是否為空，像基本類型那樣比較是不可以的 const obj = {} console.log(obj === {}) // false 可以看到，兩個都是空對

ecmascript-6 , object , 對象 , 前端 , Javascript

收藏 評論

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 , 創業 , 人工智能 , 後端 , 前端

收藏 評論

liweihao_5f8e96c308646 頭像

李偉豪 - 這應該是前端轉後端最簡單的辦法了，不買服務器、不配 Nginx，也能寫服務端接口，騰訊云云函數全棧實踐

前言：後端開發真的太累了 作為一個想做獨立開發的前端或全棧工程師，每當你想寫個小項目（比如工具箱、記賬本、個人博客）時，熱情往往在配置後端的瞬間熄滅： 買服務器：幾百塊一年，性能還一般。 配環境：SSH 連上去，裝 Node、PM2、Nginx，防火牆配置。 搞域名：買域名、備案（最勸退的一步）、配置 HTTPS 證書。 寫接口：糾結 RESTful 規範，/api/v1/add 還是

全棧 , node.js , serverless , 前端 , Javascript

收藏 評論

yancy_5f300f5cc4004 頭像

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

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

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

收藏 評論