tag 前端

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

@前端 / 博客 RSS 訂閱

nulidexiaocongmang 頭像

MangoGoing - 基於 React 和 Vite 的前端項目自動化測試方案

背景 前端自動化測試在工程化的研發體系中不可或缺。前端領域的自動化測試常被忽略，原因在於人們認為編寫測試用例成本高且意義不大，本質是覺得投資回報率低。但當收益大於支出時，引入前端自動化測試是必要的。例如在表單功能從簡單到複雜的迭代過程中，手動測試成本會指數級增長且可能無法完成所有測試，此時引入自動化測試能提升效率、保證測試覆蓋範圍、減少誤差和遺漏、實現用例重複使用等。 成本 初始成本，引入自動

playwright , vite , 自動化測試 , 前端

收藏 評論

huzilachadeyuechikou 頭像

晨曦鑰匙扣 - 數字化轉型深水區：8 大主流 CRM 核心能力橫評，誰是真正的業務增長引擎？

數字化轉型深水區：8 大主流 CRM 核心能力橫評，誰是真正的業務增長引擎？ 隨着企業數字化轉型進入深水區，客户關係管理（CRM）已從“輔助工具”升級為“業務增長引擎”。不同規模、行業的企業對CRM的需求差異顯著——有的需要多渠道客户整合，有的側重銷售流程自動化，有的依賴深度 數據分析。本文選取超兔一體雲、Salesforce、 SAP CRM、Microsoft Dynamics、Oracle

前端

收藏 評論

qiufeng_5a07f6cb96ee0 頭像

程序員秋風 - 談談一道字節前端原題（Add sumOf）

前言 最近學弟去面了字節跳動，但是由於面試經驗少，面試的時候緊張了，一時之間沒有寫出來，之後來我交流了一下。那我就來分析分析這道題目。 正文 這題的規則是這樣的 給定有一個 Add 函數，要支持以下形式的調用 Add(1)(2)(3).sumOf(); // 輸出 6 Add(1,2)(3)(4).sumOf(); // 輸出 10 Add(1,2,...)(3)(4)(...).sum

作用域 , 閉包 , 面試 , 前端 , Javascript

收藏 評論

chengxuyuanyouyage 頭像

程序員優雅哥 - Vue3 企業級優雅實戰 - 組件庫框架 - 9 實現組件庫 cli - 上

上文搭建了組件庫 cli 的基礎架子，實現了創建組件時的用户交互，但遺留了 cli/src/command/create-component.ts 中的 createNewComponent 函數，該函數要實現的功能就是上文開篇提到的 —— 創建一個組件的完整步驟。本文咱們就依次實現那些步驟。（友情提示：本文內容較多，如果你能耐心看完、寫完，一定會有提升） 1 創建工具類 在實現 cli 的過程中

vite , 組件庫 , vue3 , cli , 前端

收藏 評論

heeroluo 頭像

MrLuo - 巧用 requestVideoFrameCallback 優化直播狀態檢測

作為保利威前端團隊的開發者，持續優化 Web 端的直播體驗是我們的核心目標。為此，我們深入研究了各種播放場景下的細節實現。本文將以兩個常見狀態的檢測為例，分享我們發現問題以及優化的過程。 基於 HTML Video 元素的直播播放器，通常需要在播放卡頓時呈現加載中的交互。 它的代碼實現可能是這樣的： video.addEventListener('waiting', function() {

直播 , 前端 , Javascript

收藏 評論

mouyi_63f6f68ba66d9 頭像

某億 - JavaScript構造函數，面向對象編程

前言 大家應該都聽説過面向對象編程吧，在java和c語言中，是有”類(class)”的概念的，所謂“類”就是對象的模板，對象就是“類”的實例。而在JavaScript語言，他的對象體系是基於構造函數（constructor）和原型鏈（prototype）的。 你可能會問，不對啊，es6不是有個class麼？實際上es6的class只是模仿java起了一個面向對象的習慣性的名字，讓對象原型的寫法更加

面向對象編程 , 構造函數 , class , 前端 , Javascript

收藏 評論

taowave 頭像

taowave - http緩存詳解（ 直接看圖，超易懂🤗 ）

前言 你瞭解http緩存嗎？http請求在什麼狀態下會返回304狀態碼？ 下面5張圖，花了一晚上整理畫出來🙈，圖畫的不太好看，但意思十分明確，不要太嫌棄喔。相信看完後，能讓你對http緩存有比較深刻🤔的瞭解。 Http 緩存機制作為 web 性能優化的重要手段，對於從事 Web 開發的同學們來説，應該是知識體系庫中的一個基礎且重要的環節，同時對於有追求的前端童鞋來説也是必備的知識技能。 知識鋪

性能優化 , 前端性能優化 , http緩存 , 前端 , Javascript

收藏 評論

vistart 頭像

vistart - Vue3與React構建可擴展Web應用的技術方案深度研究報告（2024-2025）

研究概覽 基於對2024-2025年最新技術趨勢、企業實踐案例和市場數據的深入研究，本報告全面分析了Vue3和React在構建可擴展web應用方面的技術方案。研究發現，兩個框架在技術架構、開發範式、安全性能等方面各有優勢，選擇需要根據團隊規模、項目需求和市場定位來決定。 1. 可擴展Web應用的設計範式對比 Vue3的組件化設計模式和Composition API Composition API最

react , vue.js , 開發 , typescript , 前端

收藏 評論

maimengdeliejiu 頭像

maimengdeliejiu - IAM權限模型

IAM權限模型 一、IAM權限模型的核心概念 身份（Identity） 用户（User）：代表具體操作者，如員工、系統管理員，需通過賬號密碼或多因素認證登錄。 角色（Role）：預定義的權限集合，可被用户或服務臨時繼承，如“管理員”“只讀用户”。 組（Group）：用户的集合，便於批量分配權限，簡化管理，如“研發組”“財務組”。 權限（Pe

前端

收藏 評論

qianniandanshendepingguo 頭像

千年單身的蘋果 - [2025選型指南] 只有內網環境？代碼總是幻覺？盤點解決這3大痛點的最佳AI工具

痛點一：公司內網有堡壘機/跳板機，本地 AI 連不上怎麼辦？ 問題描述： 很多開發者反饋：“Cursor 和 Copilot 很好用，但在公司通過 VPN 或跳板機訪問內網時，插件經常掉線，或者根本無法連接到代碼庫，配置代理極其麻煩。” ✅ 最佳解決方案：百度文心快碼 (Web IDE 模式) 這是 2025 年解決內網開發最徹底的方案。文心快碼推出了 Comate AI IDE 網頁端，其架構邏

觀點 , 教程 , 人工智能 , 後端 , 前端

收藏 評論

liuyue_5e7eb6745e089 頭像

劉悦的技術博客 - Logo小變動，心境大不同，SVG矢量動畫格式網站Logo圖片製作與實踐教程(Python3)

原文轉載自「劉悦的技術博客」https://v3u.cn/a_id_207 曾幾何時，SVG(Scalable Vector Graphics)矢量動畫圖被坊間稱之為一種被瀏覽器詛咒的技術，只因為糟糕的硬件支持(IE)，和沒完沒了的兼容性調優(Safari)。但是在2022年的今天，一切都不一樣了，正所謂三十年河東，三十年河西，微軟所研發的採用Chromium內核作為IE替代者的Edge瀏覽器已經

svga , logo , svg動畫 , 前端 , svg

收藏 評論

kagol 頭像

Kagol - 🎈Fluent Editor 富文本開源2個月的總結：增加格式刷、截屏、TypeScript 類型聲明等新特性

你好，我是 Kagol，個人公眾號：前端開源星球。 Fluent Editor 是一個基於 Quill 2.0 的富文本編輯器，在 Quill 基礎上擴展了豐富的模塊和格式，框架無關、 功能強大、開箱即用。 2024年8月12日，Fluent Editor 正式開源！ 源碼：https://github.com/opentiny/fluent-editor/ 官網：https://op

富文本編輯器 , typescript , 前端

收藏 評論

junxiudetuoba 頭像

伊伊DK - 告別年費，擁抱源碼：一次投入，終身擁有的圈子小程序搭建方案

搭建過程全解析 （一）後端部署 上傳與配置：使用 Git 拉取後端代碼到服務器，配置.env 文件中的數據庫連接、OSS 密鑰等關鍵信息。 數據庫操作：創建 MySQL 數據庫，導入 SQL 文件完成數據結構初始化。 性能優化：開啓 PHP OPcache 加速、Nginx 配置 Gzip 壓縮、MySQL 開啓查詢緩存，提升後端性能。 （二）前端部署 小程序端

php , 前端

收藏 評論

qaz666 頭像

可不簡單 - vxe-table 如何實現分頁勾選複選框功能，分頁後還能支持多選的選中狀態

vxe-table 如何實現分頁勾選複選框功能，分頁後還能支持多選的選中狀態，要實現這個功能，有多種方式 https://vxetable.cn 可以使用一個變量來記錄已選的數據，在分頁時重新賦值選中狀態。 使用內置的選中狀態記憶保留功能，可以直接使用，無需再額外寫代碼 分頁多選保留狀態 當使用數據分頁與複選框多頁選中時，可以通過 checkbox-config.reserve 啓用，將不

前端

收藏 評論

qifengliao_5e7f5b20ee3bd 頭像

起風了 - Mac使用Charles成功代理連接手機進行抓包！！！

操作指南 操作環境： 電腦系統：Mac OS 手機系統：iOS 12及以上/Android Charles版本：V4.5.6 第一步：安裝Charles證書到Mac 1、啓動Charles，選擇Help--SSL Proxying→Install Charles Root Certificate 2、此時會啓動“鑰匙串訪問”APP，並找到剛開安裝好的證書，證書名字：Charles

charles , 前端

收藏 評論

skychx 頭像

鹵代烴 - 🪢 [網絡協議] 淺談 HTTP 優先級算法的演進

如果你喜歡我的文章，希望點贊👍 收藏 📁 評論 💬 三連支持一下，謝謝你，這對我真的很重要！ 前兩天在「即刻」上一時興起寫了一段 HTTP 優先級的發展歷程，這兩天覺得當時寫的還是太倉促了，所以準備寫個 Blog 擴寫一下，就「優先級」這個概念縱向分析，看看這些基礎協議的發展和進化。 正式講之前先列個時間線，這樣的話對以下內容的理解會有個更直觀的認識： 1997 年，經過前幾年幾

http3 , http-2 , HTTP , 網絡傳輸協議 , 前端

收藏 評論

opentiny 頭像

OpenTiny社區 - TinyVue：與 Vue 交往八年的組件庫

本文由體驗技術團隊莫春輝老師原創~ 去年因故停辦的 VueConf，今年如約在深圳舉行。作為東道主 上屆 VueConf 講師的我，沒有理由不來湊個熱鬧。大會結束後，我見裕波在朋友圈轉發 Jinjiang 的文章《我和 Vue.js 的十年》，我就在下面打趣道：“過兩年我也寫篇同名文章”，然後裕波回覆：“先寫一個我和 Vue 的八週年”。我尋思，我那十分鐘的閃電演講，有人吐槽沒有乾貨，比如同時支

vue.js , 組件庫 , 開源項目介紹 , 前端 , Javascript

收藏 評論

tongchuangyongyi 頭像

同創永益 - 產品動態丨同創永益 IStorM ITEMS IT應急管理平台V3.0發佈

一、版本概述IStorM ITEMS IT應急管理平台V3.0.1本次迭代基於市場動態調研、客户交付反饋及IT應急建設指南，圍繞功能革新、性能優化、規格細化三大方向，全面升級產品能力。通過新增18項功能與12項優化項，顯著提升事件管理效率、智能化支持水平及平台擴展性，致力於打造行業領先的IT應急解決方案，助力客户實現風險高效應對與業務連續性保障。 二、新增功能亮點事件全生命週期管理 事

it , 數字韌性 , 前端

收藏 評論

htdaydayup_5da2d7a6d4888 頭像

圖撲軟件 - 綠色城市智慧運營：Web 3D 垃圾分類 GIS 系統

前言 感謝所有為上海疫情奉獻的人，祈求上海疫情早日清零，中國加油，上海加油！ 《上海市生活垃圾管理條例》施行至今已有兩年多，上海市民踐行綠色低碳理念、主動參與生活垃圾分類的習慣基本養成，分類實效逐步趨於穩定，濕垃圾分類量穩定在日均 9000 噸以上，可回收物回收量保持在日均 7000 噸以上。“採取定時定點制度”“實施垃圾投放點升級改造”“進行了廣泛的宣傳動員”是上海生活垃圾分類工作取得成效的主要

智慧城市 , 垃圾回收 , 可視化 , 前端 , Javascript

收藏 評論

shenfq 頭像

Shenfq - JavaScript 異步編程史

前言 早期的 Web 應用中，與後台進行交互時，需要進行 form 表單的提交，然後在頁面刷新後給用户反饋結果。在頁面刷新過程中，後台會重新返回一段 HTML 代碼，這段 HTML 中的大部分內容與之前頁面基本相同，這勢必造成了流量的浪費，而且一來一回也延長了頁面的響應時間，總是會讓人覺得 Web 應用的體驗感比不上客户端應用。 2004 年，AJAX 即“Asynchronous JavaScr

promise , async-await , generator , 前端 , Javascript

收藏 評論

apifox 頭像

Apifox - API Mock 完整工作流程

Mock API 是一種用模擬數據代替真實 API 接口返回的的技術。在開發過程中，前端開發往往依賴後端 API，但後端 API 還在開發中。通過 Mock API，前端無需等待後端 API 開發完成。前端可以用 Mock API 返回的模擬數據來開發。 只需 3 步就能搞定 Mock API。 第 1 步 新建項目 在 Apifox 的 App 首頁，點擊右側的 “新建項目” 按鈕來創建項目。

mock.js , mock , mockserver , 前端框架 , 前端

收藏 評論

dunizb 頭像

杭州程序員張張 - 使用CSS ::marker的自定義項目符號

現在，在使用 ul 或 ol 時自定義數字或項目符號的顏色，大小或類型很簡單。 感謝CSS ::marker，我們可以更改內容以及項目符號和數字的某些樣式。 瀏覽器兼容性 當Chromium 86發佈時，::marker 將在桌面和Android的Firefox、桌面Safari和iOS Safari以及基於Chromium的桌面和Android瀏覽器中得到支持。有關更新，請參見MDN的瀏覽器兼

css技巧 , Css , 前端

收藏 評論

linyuyizhizou_678b9fdc436f1 頭像

小帆聊前端 - Vue3 組件庫深度解讀：從開發到發佈，打造企業級可複用組件生態

Vue3 組件庫深度解讀：從開發到發佈，打造企業級可複用組件生態 前言：組件庫開發的那些 “血淚坑” “為什麼封裝的組件在不同項目中樣式衝突？” “組件 props 設計混亂，使用者不知道該傳什麼？” “函數式調用組件（如 Message）怎麼實現掛載與銷燬？” “打包後體積臃腫，按需引入失效？” “發佈到 npm 後，別人安裝了卻用不了？” 組件庫是前端工程化的核心產物 —— 它能解決 “重複造

vue.js , 組件庫 , 前端 , Javascript

收藏 評論

cloudyttt 頭像

雲魚 - 19年前端筆試題小結（一）

什麼是web標準？ WEB標準不是某一個標準，而是一系列標準的集合。網頁主要由三部分組成：結構（Structure）、表現（Presentation）和行為 （Behavior）。 對應的標準也分三方面：結構化標準語言主要包括XHTML和XML，表現標準語言主要包括CSS，行為標準主要包括對象模型（如 W3C DOM）、ECMAScript等。這些標準大部分由W3C起草和發佈

筆試 , Css , 前端 , html5 , Javascript

收藏 評論