tag 前端

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

@前端 / 博客 RSS 訂閱

chenxiang_594a1cea112c2 頭像

阿古達木 - 給lodash的memoize 增加expire過期功能

需求場景：對同一時間發起的大量重複參數相同的請求做緩存，但是在過了幾秒鐘之後就不需要緩存了，需要重新向服務器請求最新的數據 lodash.memoize方法會在整個頁面的生命週期。需要增加一個超時功能 思路：類似於防抖函數，每次判斷是否超過設置時間，超過就清空緩存列表 const myMemoize = (fn, duration = 2000) = { let t = new Date().

lodash , 緩存 , typescript , 前端 , Javascript

收藏 評論

dewujishu 頭像

得物技術 - 得物技術在搭建會場下的頁面性能優化

得物App內h5的項目都是通過webview打開。對於webview的性能大家普遍的印象就是打開速度比native慢。 對於SPA應用，一個用户打開webveiw訪問h5需要經過如下過程： 點擊App入口（例如banner等） 到達新頁面，頁面白屏。 頁面基本框架出現（骨架屏），但是沒有數據，頁面處於loading狀態。 出現所有數據，頁面完全呈現。 從程序執行的角度，我們來看一個沒有

頁面佈局 , 性能 , 搭建 , 優化 , 前端

收藏 評論

wenhaoliu 頭像

不羈的風 - 正則表達式應用之：身份證號識別

今天項目中遇到了身份證號識別的問題，需要識別15或18位的居民身份證，網上查了一下，感覺很有意思，這裏跟大家分享下我的理解過程，希望能幫助大家更好的學習正則表達式。 18位身份證號識別 /^([1-6][1-9]|50)\d{4}(18|19|20)\d{2}((0[1-9])|10|11|12)(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/ 這是一個比較完善的識

計算機基礎 , 正則表達式 , 字符串處理 , 前端

收藏 評論

jhcan333 頭像

JHCan333 - 代碼優化方法記錄

每次代碼 review 之後，對 review 的情況進行總結記錄，產出實際經驗，方便組內學習、分享。 1、提取公共內容 公共內容要提取，避免重複編寫； 2、css 色值使用變量 css 中的色值、字體，都換成組件庫中的變量、class； 3、v-if、v-show要用對時機 如果就是不加載對應組件可以用 v-if，否則，儘量用 v-show。比如多tab切換的時候，可以保存客户的使用狀態； 4、

規範化 , 前端

收藏 評論

jizaodebangbangtang 頭像

文心快碼 - Comate Spec模式實測：讓AI編程更精準可靠

作為一名長期關注AI編程工具的開發者，最近深度體驗了百度Comate的Spec模式，這種“先規劃後執行”的新穎工作流讓我眼前一亮。 與傳統AI編程助手直接生成代碼不同，Spec模式要求AI先輸出實現文檔和任務拆解，經過用户確認後才開始編碼，從根本上提升了代碼生成的準確性和可控性。 Comate Spec流程的六大核心視圖 Comate Spec流程是百度Comate智能編碼助手推出的規格化開發流

觀點 , 教程 , 知識 , 後端 , 前端

收藏 評論

sysu_xuejia 頭像

陳學家_6174 - 精益 React 學習指南 （Lean React）- 2.2 webpack

書籍完整目錄 2.2 webpack 這一節中我們將系統的講解 webpack ，包括： webpack 介紹 webpack 是什麼 為什麼引入新的打包工具 webpack 核心思想 webpack 安裝 webpack 使用 命令行調用

react , 前端工程化 , leanreact , 前端

收藏 評論

dianliangxiaocheng_19854189632 頭像

點量實時雲渲染 - 點量雲流單機版安裝指南：3步上手，輕鬆開啓雲渲染

點量雲流系統作為一套專業的實時渲染軟件系統，為不同系統和應用場景提供了靈活部署方式：包括Windows系統下的單機版與集羣版，以及面向Linux和國產信創操作系統的版本。 本文將為您詳細介紹Windows系統下單機版的完整使用流程。 版本選擇：為什麼從單機版開始？ 單機版專為一台服務器並支持少量併發的使用場景設計，只需在執行渲染的服務器上安裝部署，即可通過手機號註冊快速啓用。操作簡單、易於

服務器 , 教程 , 知識 , 後端 , 前端

收藏 評論

codesheep_pro 頭像

CodeSheep - 這個知名編程軟件，正式宣佈停運了！

提到 Fleet 這個編程軟件，不知道大家有沒有用過。 就在這兩天，JetBrains 官方博客突然更新了一個令人唏噓的消息，那就是： 正式宣佈終止 Fleet 這個軟件的分發與更新。 同時自 2025 年 12 月 22 日起，Fleet 將不再提供下載服務（包括 Toolbox App 等渠道）。 而對於那些已經下載和使用的用户該怎麼辦呢？ 這個官方也明確説了： 已下載用户可繼續使用本地功

編輯器 , JAVA , 後端 , 前端 , Javascript

收藏 評論

opentiny 頭像

OpenTiny社區 - 讓我們一起來建設 Fluent Editor 開源富文本編輯器吧！

本文由體驗技術團隊Kagol原創。 Fluent Editor是一個基於 Quill 2.0 的富文本編輯器，在 Quill 基礎上擴展了豐富的模塊和格式，框架無關、功能強大、開箱即用。 2024年8月12日，Fluent Editor 正式開源！ 源碼：https://github.com/opentiny/fluent-editor/ 官網：https://opentiny.git

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

收藏 評論

map-3d-vis 頭像

map_3d_vis - JSAPIThree 加載天地圖學習筆記：使用天地圖影像服務

作為一個剛開始學習 mapvthree 的小白，今天要學習加載天地圖了！聽説這個功能可以加載天地圖的影像服務，作為場景的底圖！想想就期待！ 第一次聽説天地圖加載 今天在文檔裏看到了"天地圖"這個詞，一開始我還以為是某個地圖庫，結果查了一下才知道，原來這是國家基礎地理信息中心提供的地圖服務！ 文檔説天地圖加載可以： 加載天地圖影像服務 需要配置 token 可以作為場景的底圖 我的理

前端

收藏 評論

yunuo_5f87fbee283af 頭像

禹諾 - 源碼分享vue3+ts開發類似語雀的文檔編輯器可擴展插件可以自定義工具欄及工具欄與編輯器分離源碼可二開修改

前言 項目開發中總遇到發個文章，編輯文本信息，需要有個使用簡單交互感好的富文本編輯器，編輯器一般後期交付給客户使用所以滿足功能以外還要使用簡單界面漂亮，不然有被客户説了。而且編輯器要根據業務需求還能修改，也就是源碼可修改。居於這些需求我今天給開發者朋友分享乾貨，拿去就能用的編輯器源碼。 代碼目錄介紹 圖1 - 代碼目錄 如圖1在components下的gfeditor就是編輯器代碼包，其中

vue.js , 富文本編輯器 , 前端

收藏 評論

smileZAZ 頭像

林恆 - uni-app 無法實現全局 Toast？這個方法做到了！

🧑‍💻 寫在開頭 點贊 + 收藏 === 學會🤣🤣🤣 大家好，我是不如摸魚去，wot-ui的主要維護者，歡迎來到我的 uni-app 分享專欄。 在 uni-app 開發中，我們經常遇到需要在任何地方（如網絡請求攔截器、路由守衞等）顯示 Toast 提示的需求。然而，uni-app 的組件化架構使得全局 Toast 的實現變得複雜。本文將介紹一套完整的解決方案，讓你輕鬆實現

前端

收藏 評論

snowwolfarden 頭像

SnowWolfArden - Day 81/100 關於構建前端知識體系的思考

（一）為什麼要構建前端知識體系？ 1、沒有體系，知識是零散的 這些知識，技術點，就像一個個的貝殼和珍珠，散落在沙灘上。 組織起來，就可以是一串精美的項鍊。 2、找問題，定位會比較快 遇到技術問題需要解決，幾乎是每一個程序猿的必修課。 新技術，需要學習。 老框架，出了Bug(問題)需要修復。 常會有各種各樣的技術問題，出現，除了百度搜索，查書籍，問人等等方案。 自己大腦當中，通過知識體系，來排查，

讀書 , 知識體系 , 前端 , Javascript

收藏 評論

codechen8848 頭像

codechen8848 - 一鍵部署！一款開源自託管的照片畫廊神器！

大家好，我是 Java陳序員。 在這個數字時代，我們的手機和相機裏存滿了無數珍貴的照片 —— 家人的笑臉、旅行的風景、生活的點滴瞬間。但這些回憶往往被淹沒在雜亂的相冊裏，要麼受制於雲存儲的隱私風險，要麼因格式兼容問題難以完整呈現。 這時候，我們可以搭建一個完全屬於自己、能按時間和地點梳理回憶的照片畫廊。 今天，給大家推薦一款專注於流暢體驗的自託管個人畫廊神器，支持一鍵部署！ 關注微信公眾號：【

前端

收藏 評論

buddhad666 頭像

buddha - Replace Autoprefixer browsers option to Browserslist config.

出現這個報錯的原因是引用的postcss版本過高導致，解決方法就是按照給出的提示替換成overrideBrowserslist

vue.js , postcss , 前端

收藏 評論

map-3d-vis 頭像

map_3d_vis - JSAPIThree 加載 WMS、WMTS 和通用柵格圖學習筆記：標準地圖服務與切圖規則

在實際項目中，我們經常需要加載各種標準地圖服務，比如 WMS、WMTS，或者自定義的 XYZ 格式瓦片。今天就來學習一下如何在 mapvthree 中使用這些服務，以及理解不同的瓦片切圖規則。 瞭解標準地圖服務 在 GIS 領域，有幾種常見的地圖服務標準： WMS（Web Map Service）：Web 地圖服務，通過 HTTP 請求獲取地圖圖片 WMTS（Web Map Tile

前端

收藏 評論

micherwa 頭像

micherwa - 「乾貨」細説 call、apply 以及 bind 的區別和用法

前言 上一篇文章 《「前端面試題系列4」this 的原理以及用法》 中，提到了 call 和 apply。 它們最主要的作用，是改變 this 的指向。在平時的工作中，除了在寫一些基礎類，或者公用庫方法的時候會用到它們，其他時候 call 和 apply 的應用場景並不多。 不過，突然遇到的時候，需要想一下才能轉過彎來。所以今天，就讓我們好好地探究一下，這兩個方法的區別以及一些妙用。最後，還會介紹

call , apply , bind , 前端 , Javascript

收藏 評論

jdcdevloper 頭像

京東雲開發者 - 一文了解電商大促系統的高可用保障思路 | 京東雲技術團隊

本文面向受眾可以是運營、可以是產品、也可以是研發、測試人員，作者希望通過如下思路（知歷史-清家底-明目標-定戰略-做戰術-促成長）幫助大家能夠了解電商大促系統的高可用保障，減少哪些高深莫測的黑話和高大尚的論調，而是希望有個體系化的知識讓讀者有所得。 一、【知歷史】電商大促的簡介 1.1、什麼是電商大促 電商大促是電商平台組織的一種大型銷售推廣活動，目的是通過提供各種優惠、折扣等方法，提高商品銷售額

電商 , 高可用 , 安全 , 後端 , 前端

收藏 評論

linyuyizhizou_678b9fdc436f1 頭像

小帆聊前端 - 深度解讀虛擬列表：從原理到實戰，解決長列表渲染性能難題

深度解讀虛擬列表：從原理到實戰，解決長列表渲染性能難題 前言：被長列表 “卡崩” 的前端日常 “萬級數據加載後，頁面滾動像幻燈片？” “列表項含圖片時，滾動到一半突然‘跳位’？” “DOM 數量破萬後，瀏覽器直接提示‘頁面無響應’？” 做前端開發的你，大概率遇到過這些場景。這不是代碼能力的問題 —— 瀏覽器的渲染瓶頸擺在那裏：每新增一個 DOM 元素，都會增加重排重繪的計算成本，當 D

前端 , Javascript

收藏 評論

ruochuan12 頭像

若川 - 學習 underscore 源碼整體架構，打造屬於自己的函數式編程類庫

前言 你好，我是若川。這是學習源碼整體架構系列第二篇。整體架構這詞語好像有點大，姑且就算是源碼整體結構吧，主要就是學習是代碼整體結構，不深究其他不是主線的具體函數的實現。文章學習的是打包整合後的代碼，不是實際倉庫中的拆分的代碼。 要是有人説到怎麼讀源碼，正在讀文章的你能推薦我的源碼系列文章，那真是太好了。 學習源碼整體架構系列文章如下： 1.學習 jQuery 源碼整體架構，打造屬於自

函數式編程 , 源碼分析 , underscore , 前端 , Javascript

收藏 評論

dianliangxiaocheng_19854189632 頭像

點量實時雲渲染 - 點量雲流突破技術邊界，實現2D應用與3D內容的無縫雲渲染融合

隨着應用場景的不斷擴展，將傳統2D程序與沉浸式3D內容有機結合，已成為眾多行業的關鍵需求。例如，醫院普遍採用的電子病歷系統通常基於MFC、QT等傳統界面技術開發，而在調用PACS 3D AI仿真時，可自動啓動3D進程，實現立體化仿真展示。 另一個典型場景是物聯網數據的加載與展示。通常通過多個MFC程序完成數據準備，並在3D可視化場景中實時呈現傳感器數據。用户往往需要在2D界面與3D應用之間頻繁切

資訊 , 服務器 , 負載均衡 , 後端 , 前端

收藏 評論

icecreamlj 頭像

一顆冰淇淋 - 全面掌握 Jest：從零開始的測試指南（上篇）

隨着JavaScript在前後端開發中的廣泛應用，測試已成為保證代碼質量的關鍵環節。 為什麼需要單元測試 在我們的開發過程中，經常需要定義一些算法函數，例如將接口返回的數據轉換成UI組件所需的格式。為了校驗這些算法函數的健壯性，部分開發同學可能會手動定義幾個輸入樣本進行初步校驗，一旦校驗通過便不再深究。 然而，這樣的做法可能會帶來一些潛在的問題。首先，邊界值的情況往往容易被忽視，導致校驗不夠全面，

自動化測試 , jest , 前端 , Javascript

收藏 評論

user_ze46ouik 頭像

Sunshine_Lin - 看似簡單的題，席捲幾十個前端羣，王紅元老師都親自出面解答

前言 大家好，我是林三心，用最通俗易懂的話講最難的知識點是我的座右銘，基礎是進階的前提是我的初心。 首先説明這不是標題黨，是真的，這道題席捲了幾十個羣，能回答出來的人是微乎其微，最後連王紅元老師都親自出面解答了這道題。 題目 先來看看這道題長什麼樣吧 var x = 1; function f(x, y = function () { x = 3; console.log(x); }) {

ecmascript-6 , 作用域 , 面試 , 前端 , Javascript

收藏 評論

powerful_simon 頭像

小謳 - 《javascript高級程序設計》學習筆記 | 11.1.異步編程

關注前端小謳，閲讀更多原創技術文章 異步編程 ES6 新增了正式的Promise引用類型，支持更優雅地定義和組織異步邏輯 接下來的幾個版本，使用async和await關鍵字定義異步函數的機制 相關代碼 → 同步與異步 同步行為在內存中順序執行處理器指令 每條指令都在單個線程中按出現順序執行 每條指令執行後，都可以推斷出程序的狀態，並立即獲得存儲在系統本地（

settimeout , 異步編程 , 前端 , Javascript

收藏 評論