tag 前端

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

@前端 / 博客 RSS 訂閱

opentiny 頭像

OpenTiny社區 - TinyVue 智能組件庫：基於 MCP 協議，實現 AI 代替人操作 Web 組件

本文由體驗技術團隊 Kagol 原創。 2025年6月21日，我在華為開發者大會2025（HDC2025）開源論壇做了一場主題分享，給開發者們介紹我們 OpenTiny 團隊基於 MCP 協議實現 AI 代替人操作 Web 組件的技術。 傳統的 Web 應用都是由人來操作的，用户需要學習幫助文檔，操作成本相對較高，如果能讓 AI 來幫我們操作，我們只需要在關鍵節點進行確認的動作即可，是不是就非常

vue.js , 組件庫 , 前端

收藏 評論

beishangdejianjidan_cqxuxf 頭像

悲傷的煎雞蛋_cQXuXF - 30歲前端的十字路口！兄弟們，還有其他選擇嗎？

上個月，我剛過完30歲生日。 沒有辦派對，就和家人簡單吃了頓飯。但在吹蠟燭的那個瞬間，我還是恍惚了一下。 30歲，對於一個幹了8年的前端來説，到底意味着什麼？ 前幾天，我在做團隊下半年的規劃，看着表格裏的一個個名字，再看看鏡子裏的自己，一個問題在我腦子裏變得無比清晰： 我職業生涯的下一站，到底在哪？ 28歲之前 在28歲之前，我的人生是就行直線。 我的目標非常純粹：成為一個技術大神。我的快樂，來

程序員 , 前端

收藏 評論

mingtian_62fef71159161 頭像

明天 - nvm安裝下載使用教程-node的版本管理工具

nvm是什麼 nvm是一個node的版本管理工具，可以簡單操作node版本的切換、安裝、查看。。。等等，與npm不同的是，npm是依賴包的管理工具。 nvm特點 node：是一個基於 Chrome V8 引擎的 JS 運行環境。 npm：是 node.js 默認的包管理系統（用 JavaScript 編寫的），在安裝的 node 的時候，npm 也會跟着一起安裝，管理 node 中的第三方

nvm-windows , nvm , 前端

收藏 評論

u_12196 頭像

footballboy - vue2 自定義指令中使用createElement

在 Vue 中，自定義指令可以讓你在模板中使用 v-directiveName 這樣的語法來調用自己定義的指令。自定義指令可以用來操作 DOM 元素，給元素綁定事件監聽器，或者進行其他自定義操作。 Vue.directive 函數來註冊一個指令。該函數接受兩個參數，第一個參數是指令的名稱，第二個參數是一個對象，用來定義指令的行為。 下面是一個自定義指令的例子：

鈎子函數 , 機器學習 , vue.js , 自定義指令 , 人工智能 , 前端 , Javascript

收藏 評論

huobaodejianpan 頭像

火爆的鍵盤 - 如何在 Postman 中有效使用 Mock Server

Postman作為一個功能強大的 API 開發工具，憑藉 Mock Servers 功能，使得開發者能夠輕鬆而高效地模擬服務器環境，加快開發與測試進程。 啓動 Mock Servers 服務 當你在 Postman 中創建一個新的項目時，系統默認並不會顯示 Mock Server 選項。你需要手動激活這一功能。首先，點擊界面左側工具欄中的+號按鈕。這一動作會在右側顯示出可供激活的功能列表，請在其中

mock , mockserver , postman , 程序員 , 前端

收藏 評論

banshee 頭像

Banshee - mpvue+網易雲短信接口實現小程序短信登錄

上一篇簡單介紹了mpvue實現快遞單號查詢,慢慢發現mpvue真的和vue很像,但它有幾乎十分的吻合小程序的語法規範,剛開始用起來會覺得特點的爽,但涉及到細節卻是有很多采坑的地方.今天利用網上的網易雲接口,再結合mpvue簡單寫一寫小程序短信驗證登錄. //簡單封裝的一個網絡請求文件,網易雲接口網上大佬們GitHub上還是比較的多而且開源 const baseURL = "https://****

小程序 , 網易雲音樂 , mpvue , 前端

收藏 評論

flymon 頭像

不是酸檸檬 - 前端深入之js篇丨Array數組操作從入門到成神Up Up Up，持續更新中

寫在前面 隨着前端深入的不斷學習，發現數組這個數據結構在前端中有着相當大的存在感，由於我初學前端的時候並沒有系統性的學習數組，所以我將通過這篇文章同你一起學習數組，希望我們能一起進步，學會熟練操作數組。 數組基本操作 創建數組 var arr1 = []; //通過字面量的方式創建一個沒有元素的空數組 var arr2 = new Array(); //通過構造函數的方式創建一個空數組 var

javascript專題系列 , javascript數組 , 前端 , html5 , Javascript

收藏 評論

lpicker 頭像

lpicker - Object.toString.call()、Object.prototype.toString.call()？傻傻分不清楚

平常我們判斷某個變量類型的時候，會這樣寫： var foo; Object.prototype.toString.call(foo); // "[object Undefined]" 今天手誤，錯寫成了這樣： var foo; Object.toString.call(foo); // VM40:1 Uncaught TypeError: // Function.prototype.toStr

call , tostring , 原型鏈 , 前端 , Javascript

收藏 評論

icecreamlj 頭像

一顆冰淇淋 - PC首頁資源加載速度由8s降到2s的優化實踐

隨着需求的不斷開發，前端項目不斷膨脹，業務提出：你們的首頁加載也太慢啦，我都需要7、8秒才能看到內容，於是乎主管就讓我聯合後端開啓優化專項，目標是3s內展示完全首頁的內容。 性能指標 開啓優化時，我們要清晰的知道現狀和目標，以及我們採用什麼樣的手段，通過檢測什麼指標來查看到優化的過程。 結果指標 根據這個目標，我們可以選擇一些性能指標，google 提供了基於用户體驗的性能指標，如FCP、LCP、

性能優化 , 性能分析 , lodash , 前端 , Javascript

收藏 評論

aixiaodeshuye_cwrkd6 頭像

拆技 - 高精度低頻模擬前端設計方案：從傳感器到 24 位 ADC 的完整鏈路優化

高精度低頻模擬前端設計方案 從傳感器到 24 位 ADC 的完整鏈路優化 一、引言 在醫療成像設備中，系統常需要對温度、壓力等低頻緩變傳感信號進行高精度採集，例如： 探頭温度監控 冷卻系統壓力監測 環境狀態監控 這類信號通常具有如下特點： 幅度微弱：微伏～毫伏級 頻帶極窄：DC～幾十 Hz 極易受干擾：工頻、電源紋波、數字噪聲、地迴流等 要在這些場景下真正發揮 24 位 Δ-

嵌入式 , 前端

收藏 評論

xixindehongjiu 頭像

細心的紅酒 - 內網國密證書：築牢企業數字安全的自主防線

在數字化浪潮席捲各行各業的今天，企業內部網絡承載着核心數據、業務流程和商業秘密。為這片“數字疆域”構築堅實可靠的安全防線，已成為企業生存發展的生命線。而國密證書，正是這道防線上至關重要且日益凸顯的自主可控核心組件。它並非簡單的技術替代，而是從底層架構出發，為內網安全賦予了符合中國標準、自主可控的信任基石。 一、核心價值：為什麼內網需要國密證書？ 內網環境看似封閉，實則面臨着內部越權訪問、數

後端 , 前端

收藏 評論

jianrendechaomian_czry72 頭像

億元程序員 - 給大家分享一波遊戲設計開發書籍，大家快點贊關注加收藏

引言 互聯網為我們提供了廣泛的信息和學習資源，但閲讀書籍仍然是獲取深度知識、培養批判性思維和享受文化體驗的重要途徑之一。儘管互聯網時代提供了豐富的信息資源和學習工具，但閲讀書籍仍然具有重要的價值和意義。下面筆者為大家分享一波遊戲設計和開發的書籍。絕對靠譜。 喜歡的小夥伴可以點贊關注加收藏，把文章分享給有需要的人。 遊戲設計類書籍分享(策劃) 1.《遊戲設計藝術》 《遊戲設計藝術》（"The Art

遊戲開發 , 書單 , 書籍 , 前端

收藏 評論

b2proxy 頭像

675173ff-65c2-413a-b556-576966012357 - MCP 爬蟲為什麼離不開B2Proxy？

對於任何爬蟲系統來説，IP 是最基本的身份標記。當一個進程持續從同一出口訪問網站，或當大量併發流量集中在同一個 IP 時，系統幾乎瞬間就能判斷出異常行為。尤其是國際電商網站、社媒平台、內容平台和廣告系統，它們的風控模型會基於 IP 地域、ISP 分類、IP 信譽度、頻率波動等因素進行判定。 這意味着 MCP 雖然能啓動大量進程，但若缺乏合適的代理 IP，就相當於讓幾十個“工人”共用一扇門進出

typescript , 前端 , Javascript

收藏 評論

invalidnull 頭像

註銷 - 通過在操作系統中實際操作，學習和理解 Unicode 編碼相關知識

我們通過在操作系統裏進行一些簡單的聯繫，可以加深對 Unicode 編碼這些基礎知識的理解和記憶。 Windows10 操作系統下，新建一個記事本文件，輸入 123ABCabc 默認的 encoding 格式為 UTF8： 使用 winhex 這款 16進制文件編輯器打開該記事本文件： 看到正文區域的 31 32 33 41 42 43 61 62 63。這些數字代表什麼含義？ UTF8 (

node.js , unicode , 前端 , html5 , Javascript

收藏 評論

refanbanzhang 頭像

熱飯班長 - 異常處理策略

const api = { getData: () = { return new Promise((resolve) = { resolve(undefined); }); }, }; 沒有異常處理，會導致程序崩潰 const getLogo = async () = { const res = await api.getData() return re

react , vue.js , 異常處理 , 前端 , Javascript

收藏 評論

laomao_5902e12974409 頭像

來了老弟 - 前端base64圖片下載報錯(已解決！！！)

前端下載base64格式圖片時，報錯：Not allowed to navigate top frame to data URL，代碼如下： a href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAIUlEQVQ4jWMUXfH6PwOVABO1DBo1bNSwUcNGDRs1DAcAAJNsAs1

base64 , 前端

收藏 評論

yangyaya 頭像

陽呀呀 - “寒冬”三年經驗前端面試總結（含頭條、百度、餓了麼、滴滴等）之手寫題（一）

前言 不論是寒冬還是暖冬，找工作之前都需要做好充足的準備，面試的時候才能做到遊刃有餘。此文是把我最近找工作準備的以及筆試面試中涉及到的手寫題做一個總結。給自己，也給需要的同學。 手寫題是比較好準備的一個環節，大部分公司考察的題也就那麼多，大都不會超出範圍。 往期 "寒冬"三年經驗前端面試總結（含頭條、百度、餓了麼、滴滴等） "寒冬"三年經驗前端面試總結（含頭條、百度、餓了麼、滴滴等）

面試 , 筆試 , 前端 , Javascript

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - vue3使用mitt事件管理

註冊mitt main.ts註冊 import { createApp } from 'vue'; import App from './App.vue'; // 導入mitt import mitt from 'mitt'; const app = createApp(App); app.config.globalProperties.$mitt = mitt(); app.mount('

react , vue.js , HTML , 前端 , Javascript

收藏 評論

limingcan562 頭像

limingcan - 帶着這種思想，我快速高效的學會了webpack“開發環境配置”

前言 我們在使用webpack時，經常會看到類似以下結構： build ├── webpack.common.js └── webpack.dev.js └── webpack.prod.js 很多時候，webpack的配置我們基本複製粘貼過來的，沒有想過為什麼我們要把配置文件拆解成這麼多。因此，當我們自己去學習配置webpack時，我們經常會出現以下等問題： 開發環境構建速度慢 打包後頁面

構建工具 , webpack5 , 架構 , webpack , 前端

收藏 評論

wanzuqiudeshangba 頭像

玩足球的傷疤 - Yarn 如何優化依賴安裝的速度？

引言 在前端開發中，包管理器是必不可少的工具，用於管理項目的依賴包。Yarn 是由 Facebook 推出的一個包管理器，作為 npm 的替代方案，它在性能、可靠性和安全性方面提供了顯著提升。一個常見的問題是：Yarn 如何優化依賴安裝的速度？ 本文將專注於這個問題，深入分析 Yarn 的核心機制和優化策略。 傳統 npm 安裝的瓶頸 在理解 Yarn 的優化之前，先來看一下傳統 npm 安裝依

yarn , go , 後端 , 前端 , Javascript

收藏 評論

grapecity 頭像

葡萄城技術團隊 - 前端路由&框架選型避坑：Next.js vs React Router vs TanStack Router

在前端項目開發中，選框架和路由工具就像選老婆（或者老公）——選對了，日子省心，選錯了，天天吵架。 最近，隨着 Next.js、React Router v7 和 TanStack Router 的更新，不少團隊開始糾結： 是直接上大而全的 Next.js？ 還是老牌穩妥的 React Router？ 抑或嚐鮮新鋭的 TanStack Router？ React Summit 2025 上

路由 , 前端

收藏 評論

fatdoge1217 頭像

大狗 - Dva 5分鐘上手指南

該篇文章適合的閲讀人羣：剛接手公司項目，技術棧為react，狀態管理直接用的dva，但是不太瞭解redux、redux-saga、react-redux的人員，想要快速上手業務開發，看這篇就對了！ 1. Dva是什麼？ dva 首先是一個基於 redux 和 redux-saga 的數據流方案，然後為了簡化開發體驗，dva 還額外內置了 react-router 和 fetch，所以也可以理解為一

react , dva.js , 前端 , Javascript

收藏 評論

qianniandanshendepingguo 頭像

千年單身的蘋果 - 2025年開發者指南：三款高價值免費AI編程助手深度評測

在2025年的軟件開發生態中，AI編程助手已從單一的代碼補全工具演變為全流程研發效能平台。根據國際數據公司（IDC）發佈的《中國市場代碼生成產品評估，1H25》報告顯示，AI代碼生成市場正迎來爆發期，使用AI編程助手的開發者平均生產力提升了35%，其中超過20%的受訪者表示效率提升超過50%。 對於獨立開發者、開源貢獻者及初創團隊而言，市場上現有的免費工具在性能上已足以覆蓋大部分核心開發場景。本文

教程 , 知識 , 程序員 , 後端 , 前端

收藏 評論