tag 前端

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

@前端 / 博客 RSS 訂閱

ailvyoudetiebanshao 頭像

溪抱魚 - 第十八章 獲得大量免費流量的核心：關鍵詞

獲得大量免費流量的核心：關鍵詞 每一次搜索背後，都隱藏着一個渴望被滿足的需求。 而搜索是由一段段關鍵詞構成的，掌握關鍵詞，就是掌握了用户心理的密碼、流量的源頭和轉化的關鍵。當你的競爭對手還在盲目堆砌內容時，你可以通過精準關鍵詞策略，以小博大，用20%的努力獲取80%的流量紅利。 在現在大家覺得關鍵詞科學是為了做SEO（搜索引擎優化），但實際上這個順序完全反了。 SEO只是關鍵詞的一種應用，不

seo , 前端

收藏 評論

libubai 頭像

李不白 - 猿大師中間件：2025 年 Chrome 網頁內嵌 Windows 桌面 EXE 應用程序方案

隨着Web技術的快速發展，將傳統桌面應用程序（EXE）集成到Chrome等網頁中的需求日益增多，但是Chrome瀏覽器本身不提供直接調用本地exe程序的功能，目前網絡上大部分網頁內嵌EXE的方式都已經失效，今天給大家介紹下目前主流網頁內嵌EXE程序的方式——猿大師中間件。 2025年猿大師發佈了EXE、OCX、COM三個通用組件，自此猿大師中間件可以直接把所有原生桌面端軟件（EXE程序）和控

chrome , exe程序 , exe , 前端 , Web

收藏 評論

yunduanderizi_5c7f6d367b5d0 頭像

雲端的日子 - 自定義頭部和左側的日期選擇組件 - 基於elementui的日期組件

代碼倉庫 https://gitee.com/wang-qianyuan/demo/tree/master/src/componen... 實戰效果 坑點resolve 使用node_module的elementui源碼的面板，報錯 內部用了一些webpack不能解析活轉化的內容， 問問ai， 更加具體， 我忘了~ 解決： 在vue.config.js中配置別名和轉化

vue.js , element-ui , 前端

收藏 評論

yunduanderizi_5c7f6d367b5d0 頭像

雲端的日子 - elementui的遠程搜索select反覆點擊，光標一直可輸入&可拖拽div

問題描述： 點擊一下，聚焦，有光標， 可輸入 點擊第二下， 失去焦點， 無光標， 不可輸入 期望 ld期望不管點擊多少下， 都有光標可輸入 解決方案： 找ai， 不斷調試 注意：如果是可清空的遠程搜索select， 清空會有問題， 自行造一個x圖標， 然後寫功能， 還要注意hover到x圖標的時候不斷閃爍問題， x就讓它一直顯示算了， 不做hoverselect的時候才展示 d

element-ui , 前端

收藏 評論

old_it 頭像

老IT人 - 本地部署 Dify，構建智能內容生成工作流

近期我們的技術小夥伴研究並部署了一個基於 Dify 工作流，融合 FLUX 生圖模型、多模態識別模塊以及語音合成與播放功能，構建了一個智能內容生成鏈路。 通過 Dify 工作流流程編排與低代碼擴展能力實現跨模態的任務（文本輸入-語義理解-圖像生成-語音輸出）。這個工作流同時可以本地化部署至贊奇AI一體機，形成一套安全可控、開箱即用的軟硬件一體交付方案。 完整工作流鏈路 下面我們會從硬件配置

segmentfault , dify , 程序員 , 前端

收藏 評論

user_nypdl4ki 頭像

逆風微笑的代碼狗 - Chrome Devtools 調試指南

本文詳細介紹了Chrome Devtools的高級調試功能，包括快捷指令面板、DOM斷點調試、黑盒腳本、事件監聽器斷點、本地覆蓋和遠程調試WebView。通過這些工具，開發者可以更有效地進行前端開發、後端調試、性能優化和測試。文中還講解了控制枱內置指令，如$(selector)、$$()、$x()以及各種花式console.log用法，幫助開發者提升調試效率。 1. Chrome Devtools

chrome , 前端

收藏 評論

jianqiangdepaobuxie 頭像

Zoho低代碼開發 - 前端領域有哪些好用的可視化開發工具？三類工具全面解析

在當今數字化時代，數據可視化已成為前端開發不可或缺的重要組成部分。優秀的可視化工具不僅能幫助開發者高效呈現複雜數據，更能提升用户體驗，增強數據洞察力。本文將為您全面盤點前端領域最優秀的可視化開發工具，詳細介紹這些工具如何幫助企業輕鬆實現數據可視化與業務自動化。 一、前端可視化工具的核心價值 數據可視化是將抽象數據轉化為直觀圖形呈現的過程，它通過視覺元素如圖表、圖形和地圖，幫助人們更容易理解

軟件開發 , 低代碼 , 前端構建 , 低代碼開發平台 , 前端

收藏 評論

opentiny 頭像

OpenTiny社區 - “Performance面板”一文通，解鎖前端性能優化工具基礎用法！

本文由體驗技術團隊董福俊原創。 一、背景 在做前端頁面性能優化時，Performance面板是一個必不可少的工具。這個工具比較強大，既可以從全局視角分析整個網頁加載情況，又可以從代碼細節，挖掘某個具體環節的性能情況。但這個工具的結果可能讓人看着感覺難以理解，因為它本質上是將各種運行信息呈現給我們，而不是直接告訴我們問題在哪兒。我們需要將各類信息：瀏覽器加載過程、框架打包(webpack)、代碼編譯

性能優化 , 前端

收藏 評論

shuihuyangpinga 頭像

hhffffggg - el-table在使用fixed固定列，表格錯亂問題

發現表格在初始值的時候，顯示正常，滑動到底部時，左側表格與固定列表高度不對齊，根據網上嘗試很多方法，修改css都不管用。 經過觀察發現，在初次加載時是正常的，只有在滑動到接近底部位置，不對齊。 解決思路：封裝全局指令（通過監聽table滾動到底部事件），避免重複邏輯，進行doLayout操作： el-table

element-ui , 前端

收藏 評論

opentiny 頭像

OpenTiny社區 - TinyVue表格重構5大關鍵幀一次曝光！內存節省 27%，JS 執行時間減少 43% ，FPS 提升 110%

本文由體驗技術團隊岑灌銘原創。 前言 表格作為組件庫高頻使用的組件，它作為承載、展示和交互數據的核心載體,每一次卡頓都可能意味着時間的浪費與耐心的消磨。 然而有小夥伴反饋説，表格組件樹表數據滾動場景卡頓，偶爾會出現白屏現象，甚至會出現表頭和表體滾動不同步的情況。 後來據瞭解是小夥伴的機器性能較為普通，加上表格樹表大數據虛擬滾動確實存在較大的性能瓶頸，存在大量的計算與dom操作。

性能優化 , vue.js , 開源 , 前端

收藏 評論

axui 頭像

AXUI - AXUI 發佈萬能網頁模版，包含 100+ 設計精美的模塊，複製可用，適合展示型網站

模板簡介 基於 AXUI 開發的前端萬能網頁模版，包含了list列表、banner通欄、form表單、accordion摺疊菜單、tab切換菜單、aside側邊板塊、card卡片圖文、map地圖板塊、marquee跑馬燈板塊、stats數字統計板塊、text正文板塊等常用模版。 模板特點 基於 AXUI 前端框架 基於 HTML5、CSS3 和 ES6 標準開發 CSS 和 JS 的

css3 , 模板 , typescript , 前端 , Javascript

收藏 評論

immerse 頭像

沉浸式趣談 - 這個Web新API讓任何內容都能畫中畫！

大家好，我是 Immerse，一名獨立開發者、內容創作者。 關注公眾號：#沉浸式趣談，獲取最新文章（更多內容只在公眾號更新） 個人網站：https://yaolifeng.com 也同步更新。 轉載請在文章開頭註明出處和版權信息。 我會在這裏分享關於編程、獨立開發、AI乾貨、開源、個人思考等內容。 如果本文對您有所幫助，歡迎動動小手指一鍵三連(點贊、評論、轉發)，給我一些支持和鼓勵，謝謝

chrome , 後端 , 前端

收藏 評論

opentiny 頭像

OpenTiny社區 - 實戰解析前端優化工具Performance面板！

一、背景 關於Performance面板的基礎用法介紹，可參考上一篇文章《“Performance面板”一文通，解鎖前端性能優化工具基礎用法！》。文章中還從一個HTTP請求的四階段的角度來介紹Performance圖的"觀看方式"，並重點介紹了worker線程跟主線程的協作關係 本篇文章中，我們將會以一個實際網頁 ——VPC列表頁為例，介紹Performance抓圖及分析的過程，並將上一篇文章中介

性能優化 , 前端

收藏 評論

xiaohe0601 頭像

xiaohe0601 - 👋 一起寫一個基於虛擬模塊的密鑰管理 Rollup 插件吧（一）

在現代 Web 應用開發中，密鑰的使用幾乎是不可避免的，無論是加解密本地敏感數據、調用第三方 SDK 還是網絡請求籤名等場景都需要用到密鑰。 如何相對安全、靈活地管理密鑰一直是一個令人頭疼的問題，我們既希望在開發環境可以方便地修改、調試和注入密鑰，又不希望這些密鑰在構建產物中被明文暴露，以免被有心之人輕鬆獲取。 通常情況，我們會先手動將密鑰通過特定的算法混淆拆分成多份放入源碼中，運行時再通過逆運算

插件 , vite , rollup , typescript , 前端

收藏 評論

fannaodeshafa 頭像

煩惱的沙發 - 8款高效開發工具，建議放進收藏夾

分享8款能實實在在提升你開發幸福感的好東西。它們有的能幫你一勞永逸地解決環境配置難題，有的能讓煩人的Bug報告變得清晰明瞭。一起來看看吧。 ServBay — 別再折騰本地環境了！ 還在為配置Python、Java、PHP、Node.js或者搞定SSL證書而頭疼嗎？ServBay就是來終結這一切的。它不像傳統的集成環境那樣笨重，而是一個清爽的macOS Windows應用，讓你像點菜一樣勾選所需

開發工具 , 開發環境 , 後端 , 前端

收藏 評論

ailvyoudetiebanshao 頭像

溪抱魚 - SEO 第二十章 產品經理也需要理解SEO

產品經理也需要理解SEO 產品經理一般來説負責的是產品的整體規劃、功能設計、用户體驗以及市場定位。他們需要理解用户需求，協調各部門資源，確保產品按時高質量地交付。 而SEO專家專注於提升產品在搜索引擎中的可見性，通過關鍵詞研究、內容優化、技術SEO等手段，幫助產品獲得更多的自然流量。 很多時候，SEO這件事情，是該由SEO專家負責，但根據我的經驗和本質上來看，一個懂SEO的產品絕對遠遠大於一個SE

seo , 前端

收藏 評論

yuhuashi_584a46acea21f 頭像

雨花石 - npm包的main字段

背景： 將前端項目中一些常用的代碼封裝成了一個單獨的npm包放在私服上，其他項目使用時通過install安裝後，webpack構建時提示找不到該npm包， This dependency was not found: * @b/sm2 in ./src/utils/js/common.js To install it, you can run: npm install --save @b/sm

npm , 前端 , Javascript

收藏 評論

reddish 頭像

reddish - 一種無需認證的微信訂閲號登錄方案：為已有訂閲號賦能用户體系

傳統微信登錄的侷限與現實需求 在現代 Web 應用開發中，第三方登錄已成為提升用户體驗的標準實踐。微信作為國內最普及的社交平台之一，其“微信掃碼登錄”功能被廣泛應用於各類網站和服務。 然而，標準的微信開放平台登錄（即掃碼登錄）存在幾個明顯的短板： 需要企業資質認證：接入微信開放平台並實現掃碼登錄，通常要求開發者完成企業級認證。 與公眾號脱節：掃碼登錄後，用户身份與公眾號之間並無直接關聯，無法

教程 , 知識 , restful , 後端 , 前端

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - vue3-onMounted和onActivated觸發問題

在Vue3中，當頁面第一次進入時，onMounted和onActivated這兩個生命週期鈎子都會觸發，導致初始化函數init()被執行兩次，我們希望只在初次進入時執行一次，而不是兩次。 其實最簡單的方法就是僅使用onActivated生命週期 如果同時使用兩個生命週期，就要在onMounted的時候做一個標記，然後在onActivated的時候改變這個標記 在keep

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

收藏 評論

xiaohe0601 頭像

xiaohe0601 - 👋 一起寫一個基於虛擬模塊的密鑰管理 Rollup 插件吧（二）

上一章 我們詳細介紹了為什麼需要一個自動化的密鑰管理方案，以及如何利用虛擬模塊機制設計並實現一個適用於 Rollup 的密鑰管理插件。 我們從需求出發，將核心的密鑰拆分還原算法獨立為 crypto-splitter 模塊，再通過 rollup-plugin-crypto-key 模塊將其接入 Rollup / Vite 的構建流程。用户只需簡單配置明文密鑰，就能實現在業務代碼中像導入普通模塊一樣獲

插件 , vite , rollup , typescript , 前端

收藏 評論

hightopo 頭像

hightopo - 儲能站運維管理一體化平台 | 圖撲數字孿生

全球能源轉型中，風電、光伏等可再生能源因間歇性給電網帶來挑戰，儲能系統成為關鍵支撐且需規模化應用。但傳統儲能運維模式效率低、響應慢、成本高，難以滿足需求，因此構建集實時監控、智能預警等功能於一體的儲能運維管理平台，是實現儲能精細化管理、提升效益、保障能源系統穩定的核心舉措。 效果展示 基於圖撲軟件自主研發的HT for Web產品搭建智慧儲能站運維管理平台，利用其強大的數據可視化和實時監控能力，實

無人機 , 可視化 , 前端 , html5 , Javascript

收藏 評論

htdaydayup_5da2d7a6d4888 頭像

圖撲軟件 - 3D 管道是如何流動的？

在3D場景中，管道是一種極為常見且重要的元素。它不僅能用於呈現工廠、發電站、地下設施等工業環境中的輸送系統，還可用來模擬數據的流動或處理過程，從而向用户直觀展示數據的流向。 在HT中，ht.Polyline是一個強大的工具，可以用來在3D場景中表示管道。它不僅支持貼圖，還能通過調整貼圖的UV偏移等屬性，生動地展示數據流的方向。ht.Polyline不僅限於簡單的管道表現，還可以使用它實現如流動、

管道 , 可視化 , 前端 , html5 , Javascript

收藏 評論

kinfuy 頭像

阿樂去買菜 - 當 AI 成為你的“結對編程夥伴”：現代前端開發的新常態

序 作為一名前端開發者，我的工作早已不再是“寫代碼”那麼簡單。 如今，每天早上打開電腦的第一件事，不是翻需求文檔，而是喚醒我的 AI 編程搭檔 —— GitHub Copilot 正在生成組件骨架，Cursor 的聊天面板裏堆滿了優化建議，而本地終端已經跑起了 Vite 服務。我還沒動手，項目進度條就已經走了 30%。 但這並不意味着更輕鬆。相反，AI 越聰明，我對“工作環境”的要求就越高。 因為

編輯器 , 教程 , 程序員 , 前端

收藏 評論

nihaoanihao 頭像

你好啊你好 - 邊緣吸附組件（vue)

效果Gif圖 使用方式 script lang="ts" setup import EdgeDockable from "***/EdgeDockable.vue"; /script template !-- localStorage 存儲位置時所需要的 key="AI" -- EdgeDockable localStorageKey="AI" template #collap

vue3 , 前端 , Javascript

收藏 評論