tag 前端

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

@前端 / 博客 RSS 訂閱

tengxunweizhifuwu 頭像

騰訊位置服務 - 基於騰訊地圖定位組件實現周邊公用廁所遠近排序分佈圖

前言 地圖應用非常廣泛，目前地圖服務，都提供地圖操作、標註、地點搜索、出行規劃、地址解析、街景等接口，功能非常豐富。在實際開發過程中，各有優劣。本次基於需求，使用騰訊位置服務作為一個公用廁所位置標註的H5頁面開發。 本次使用版本： JavaScript API 2.0版本。 項目需求 1、項目需求 基於騰訊位置服務，實現微信掃描二維碼後，在微信瀏覽器內，展示某縣城的公用廁所分佈圖，按照用户當前定位

地圖開發 , 地圖api , 騰訊地圖 , 地圖 , 前端

收藏 評論

thjjames 頭像

小皇帝James - 前端代碼規範彙總

前言 本文部分內容基於 Vue，大部分情況下都是前端通用的。 本文旨在規範lint不能解決的前端代碼，不與已有的 eslint、 stylelint、prettier 規則重複。 規範 HTML規範 語義化標籤 標題 h1 ~ h5 列表 ul + li 文字塊 p 佈局 header nav section article aside

規範化 , jsdoc , Css , HTML , 前端

收藏 評論

valleykid 頭像

valleykid - 手把手教你定製一套適合團隊的微前端體系

編者按：大家在使用目前市面上的微前端解決方案時，可能會有些顧慮。比如遇到框架自身的問題和坑點，影響了業務進度怎麼辦？現在有這麼一款框架 Satum，可以像 express/koa 框架一樣提供中間件機制，其只負責核心的功能(規則計算和微應用加載/卸載)。可以基於該框架定製一套適合團隊自身業務的微前端體系，另外該框架還有更多特性，如面向多實例集成、適配多終端等。 寫在前面 隨着前端工程複雜度逐漸增加

前端架構 , 微前端 , 前端

收藏 評論

delai 頭像

德來 - 預加載系列二：讓File Prefetching絲絲潤滑無痛無癢

所謂 File Prefetching 就是在一個頁面加載成功後，默默去預加載後續可能會被訪問到的頁面的資源。 前端資源預加載其實沒啥新鮮的，我們倒騰這個事情的過程卻是很有有意思也很有啓發性。 第一個版本，簡單粗暴有點痛 1、建一個獨立的頁面，裏面索引了各種需要預加載的css、js，代碼類似下面這樣。 html head link rel="stylesheet" hre

prefetch , web性能優化 , 緩存 , 前端

收藏 評論

meng_nn 頭像

孟繁勝遊 - 前端包管理Bower入門教程

Bower瞭解 bower是twitter的一個開源項目，使用nodejs開發，用於web包管理。如果越來越多得開源項目都託管在github上，bower只需要將github上項目加上一個配置文件既可以使用bower方式使用安裝包。作為包管理，bower能提供添加新web包，更新web包，刪除web包，發佈web包功能，管理包依賴。web包通常認為由html+css+javascript構成。 環

node.js , bower , 前端 , Git , html5

收藏 評論

u_16099345 頭像

智能開發先鋒 - 33、JAVA

文章目錄 多 Web 端子系統共享會話：原理與實踐 同主域名共享方案：Cookie + Session 集中存儲 原理 實現方案 1. Cookie 設置要點 2. 集中式 Session 管理 3. 單點登出機制 跨主

redis , 人工智能 , 深度學習 , .net , 跨域 , 前端

收藏 評論

codesteppe 頭像

CodeSteppe - JavaScript、CSS實現鼠標跟隨繁花效果

https://www.bilibili.com/vide... JavaScript and CSS animation showing flowers following the mouse pointer. 這個效果的靈感來自某些網站，當鼠標移動時，鼠標箭頭周圍出現氣泡、紅心或水波的擴散圖案，這種效果對網頁的訪問者有很強的視覺吸引力 我們用原生的 HTML，JavaScript 和 CSS

animation , Css , HTML , 前端 , Javascript

收藏 評論

junxiudetuoba 頭像

伊伊DK - 從源碼到上線：多端適配圈子系統（微信 H5 / 小程序）同步落地方案

在社羣經濟爆發的當下，圈子系統作為 “用户聚合、內容沉澱、互動轉化” 的核心載體，需同時覆蓋微信 H5（傳播便捷）與小程序（體驗輕量化）兩大場景。 **一、前期準備：明確需求與技術棧選型​ 圈子系統核心需求拆解​** 多端適配的圈子系統需滿足 “功能一致、數據同步、體驗適配” 三大核心目標，具體需求可分為四類： 2. 技術棧選型：兼顧多端適配與開發效率​

php , 前端

收藏 評論

nojsja 頭像

nojsja - 前端123：瀏覽器緩存的工作方式

瀏覽器緩存的工作流程 通過網絡獲取內容既速度緩慢又開銷巨大。較大的響應需要在客户端與服務器之間進行多次往返通信，這會延遲瀏覽器獲得和處理內容的時間，還會增加訪問者的流量費用。因此，緩存並重複利用之前獲取的資源的能力成為性能優化的一個關鍵方面。 這裏先看張大家最熟悉的Devtools網絡圖： 圖中青色、綠色和橙色圈出的部分分別是來自內存(memory緩存)、磁盤(disk緩存)和Http請求

網絡請求 , HTTP , http緩存 , javascript正則 , 前端

收藏 評論

guizimo 頭像

歸子莫 - 【JavaScript實用技巧（一）】循環遍歷與跳出循環遍歷

【JavaScript實用技巧（一）】循環遍歷與跳出循環遍歷 博客説明 文章所涉及的資料來自互聯網整理和個人總結，意在於個人學習和經驗彙總，如有什麼地方侵權，請聯繫本人刪除，謝謝！ 説明 一想到想到循環，順其自然就想到了for，while就在這裏先不講（因為本身它就有循環退出的條件），但其實Js的循環不止這個for，這裏來詳細講講Js的幾種類for循環。 一想到想到循環的跳出，立馬就會想到三個關鍵

數組 , 循環 , 遍歷 , 前端 , Javascript

收藏 評論

coder_64d08a0a77d68 頭像

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

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

Css , postcss , 前端

收藏 評論

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

收藏 評論