tag 前端

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

@前端 / 博客 RSS 訂閱

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

收藏 評論

nihaoanihao 頭像

你好啊你好 - 摩天輪（vue）

效果圖 使用示例 script lang="ts" setup import FerrisWheel from "**/FerrisWheel.vue"; import { ref } from "vue"; const defaultUrls = [ "https://naive-ui.oss-cn-beijing.aliyuncs.com/carousel-img/carousel1.

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

收藏 評論

yinuo112 頭像

程序員一諾python - 【Django開發】django美多商城項目完整開發4.0第8篇：登錄,綁定用户身份接口【附代碼文檔】

! 🏆🏆🏆教程全知識點簡介：1.郵件驗證系統包括Django發送郵件、保存郵箱併發送驗證郵件、Celery使用Django配置文件設置。2. 地址管理涵蓋收貨地址、省市區地址查詢、數據庫建表、後端接口設計、前端實現、緩存使用（安裝、使用方法、省市區視圖緩存、緩存數據保存位置和有效期設置）、用户地址管理。3. 數據庫設計包括用户部分、商品部分、數據庫表設計、表結構、數據庫模型類。4. 容器化部

django , 後端 , 前端 , Python

收藏 評論

hightopo 頭像

hightopo - 場景切換 × 流暢過渡動畫實現方案 | 圖撲軟件

在圖撲HT項目中，尤其是複雜應用裏，單一場景或圖紙通常難以承載所有需求，因此在多個圖紙或場景之間進行切換是一種常見的實現方式。本文將深入解析圖撲HT項目中場景/圖紙切換的核心實現方法，並詳細介紹如何為切換過程添加流暢自然的過渡效果，以提升用户體驗。 場景 / 圖紙核心切換步驟 圖撲HT項目中，實現圖紙或場景的無縫切換需嚴格遵循以下關鍵步驟，以避免潛在問題並確保切換過程穩定可靠： 清除當前的數

過渡效果 , 可視化 , 前端 , html5 , Javascript

收藏 評論

htdaydayup_5da2d7a6d4888 頭像

圖撲軟件 - 圖撲智慧工廠 | 光纜生產車間數字孿生監控

光纜製造工藝複雜離散、產品多樣，全流程高效化的關鍵在於車間任務調度能實時高效反饋信息。隨着生產數據激增與系統複雜度提升，傳統數據管理和監控手段漸顯不足，亟需引入具備實時反饋能力的現代化作業調度系統，以優化工藝、提升效率、把控質量。 效果展示 基於自研 HT for Web 構建的光纜生產車間輕量化監控系統，集控制、監視與管理功能於一體，可助力企業實現生產過程的數字化、智能化與自動化轉型，顯著提升

定位 , 可視化 , 前端 , html5 , Javascript

收藏 評論

fannaodeshafa 頭像

煩惱的沙發 - 都2025年了，還有人用Python 2嗎

Python 的程序員應該都遇到一個問題，Python 2 和 3 的兼容問題該怎麼辦？Python 2 發佈於 2000 年，Python 3 發佈於 2008 年，但 Python 開發者都知道，兩者並不兼容。都2025年了，Python 2 和 Python 3 該怎麼選，還用説嗎？當然是選Python 3，且聽我細細道來。 Python 2 早就斷氣了 Python 2 已於 2020

觀點 , 開發工具 , 後端 , 前端 , Python

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - vue3路由跳轉，普通路由和動態路由

vue3路由跳轉分兩種： 1、普通路由 2、動態路由 普通路由 無需在路由配置中聲明，可以隨意添加任意參數 參數以鍵值對的形式出現在 URL 的 ? 之後，用 分隔 例如：/user?id=123name=John，其中 id=123 和 name=John 是 query 參數 參數是可選的非必填項，可以自由傳遞 跳轉方式 const router = useRoute

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

收藏 評論

kobe_fans_zxc 頭像

高級BUG開發 - vue3 上傳插件vue-file-agent-next

一、安裝插件 pnpm add @boindil/vue-file-agent-next 二、基本使用 /* main.ts */ import VueFileAgentNext from "@boindil/vue-file-agent-next"; import "@boindil/vue-file-agent-next/dist/vue-file-agent-next.css"; cons

上傳 , vue3 , 前端

收藏 評論

vivo_tech 頭像

vivo互聯網技術 - 微信小程序端智能項目工程化實踐

作者： vivo 互聯網大前端團隊- You Chen 本文介紹可以在微信小程序上應用的端智能技術方案，聚焦TensorFlow.js推理和微信原生推理，詳細講解這兩種方案在項目中的應用過程，為小程序開發者提供可複用的端智能技術選型策略與工程化解決方案。 1分鐘看圖掌握核心觀點👇 本文提供配套演示代碼，可下載體驗： Github |weixin-mini-ai 一、背景 隨着AI浪潮的

微信小程序 , 人工智能 , 前端

收藏 評論

yinuo112 頭像

程序員一諾python - 【Django開發】django美多商某城項目完整開發4.0第9篇：郵件與驗證,使用Django發送郵件【附代碼文檔】

🏆🏆🏆教程全知識點簡介：1.郵件驗證系統包括Django發送郵件、保存郵箱併發送驗證郵件、Celery使用Django配置文件設置。2. 地址管理涵蓋shou貨地址、省市區地址查詢、數據庫建表、後端接口設計、前端實現、緩存使用（安裝、使用方法、省市區視圖緩存、緩存數據保存位置和有效期設置）、用户地址管理。3. 數據庫設計包括用户部分、產品部分、數據庫表設計、表結構、數據庫模型類。4. 容器

django , 後端 , 前端 , Python

收藏 評論

razyliang 頭像

良山有風來 - 只會npm install？這5個隱藏技巧讓你效率翻倍！

原文鏈接：https://mp.weixin.qq.com/s/nijxVWj-E5U08DX2fl3vgg 最近有個剛學前端的小夥伴問我：“為什麼我的node_modules這麼大？為什麼別人裝依賴那麼快？npx到底是啥玩意兒？” 相信不少人都跟他一樣，對npm的認知還停留在“npm install”階段。今天我就來分享幾個超級實用的npm技巧，幫你擺脱依賴安裝的噩夢！ 一、package.js

node.js , npm , 前端

收藏 評論

gomi 頭像

Gomi - Chrome 138 beta Summarizer API 嚐鮮

前言 之前一直想把視頻AI總結的功能集成到Video Roll中，但是由於調用各廠商的AI接口基本上無法實現完全免費，即使免費額度也是有限制的，所以想免費提供給用户使用就捉襟見肘。另一種方式就是讓用户自己填各個廠商的key來做一箇中間件而已。於是覺得沒太大必要，一直擱置了這個功能。但是最近Chrome宣佈138版本將正式內置AI接口，比如Summarizer, Translater等。於是我趕緊下

chrome , gemini-pro , 人工智能 , 前端 , Javascript

收藏 評論

weirdo_5f6c401c6cc86 頭像

Weirdo - vue2項目同時引用了element ui的Dialog組件和iview ui的Model組件，Dialog遮擋Model內容

今天調試頁面效果的時候遇到這樣一個問題，就是項目中同時引用了element ui的Dialog彈窗組件和iview ui的Model彈窗組件，點擊Dialog彈窗中的某個輸入框需要彈出使用Model組件製作的地圖彈窗，發現如圖Model彈窗被Dialog彈窗遮擋，後面是在element ui的Dialog彈窗組件上加了句z-index:999解決了該問題，彈窗層級默認是自增的，但是使用不同

dialog , iview , element-ui , 前端 , Javascript

收藏 評論

bukenengdeshi 頭像

不可能的是 - 深度解析：Sass-loader Legacy API 警告的前世今生與完美解決方案

📖 文章概述 當你在前端項目中看到 Deprecation Warning [legacy-js-api]: The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0 這個警告時，是否感到困惑？本文將帶你深入探索這個警告背後的技術原理，從源碼層面分析調用鏈路，對比不同版本的功能差異，並提供多種實用的解決方案。 你

css3 , Css , typescript , 前端 , Javascript

收藏 評論

dewujishu 頭像

得物技術 - 前端日誌回撈系統的性能優化實踐｜得物技術

一、前言 在現代前端應用中，日誌回撈系統是排查線上問題的重要工具。然而，傳統的日誌系統往往面臨着包體積過大、存儲無限膨脹、性能影響用户體驗等問題。本文將深入分析我們在@dw/log和@dw/log-upload兩個庫中實施的關鍵性能優化，以及改造過程中遇到的技術難點和解決方案。 核心優化策略概覽： 我們的優化策略主要圍繞三個核心問題： 存儲膨脹問題 - 通過智能清理策略控制本地存儲大小 包體

性能優化 , 大前端 , 前端工程化 , 前端架構 , 前端

收藏 評論

codesheep_pro 頭像

CodeSheep - 稚暉君又開始搖人了，有點猛啊！

最近，稚暉君創業的智元機器人公司又開始各種“搖人”了，除了 2026 屆校園招聘正式啓動之外，最引人矚目的當屬新發布的「優才計劃」。 怎麼樣？這個名字是不是看起來就不一般？ 沒錯，這個屬於智元的高端人才招聘計劃，面向全球頂尖技術人才的公開招聘。 並且智元的這次優才計劃主要聚焦在兩個重點核心研發部門，分別是： 「智元 X-Lab」 和 「智元具身研究中心」。 其中「X-Lab」是智元 CTO-Of

機器學習 , 人工智能 , typescript , 前端 , Javascript

收藏 評論

xiangninglvcha 頭像

香檸綠茶 - Flutter應用架構設計：基於Riverpod的狀態管理最佳實踐

Flutter應用架構設計：基於Riverpod的狀態管理最佳實踐 本文基於BeeCount(蜜蜂記賬)項目的實際開發經驗，深入探討如何使用Riverpod構建可維護、可擴展的Flutter應用架構。 項目背景 BeeCount(蜜蜂記賬)是一款開源、簡潔、無廣告的個人記賬應用。所有財務數據完全由用户掌控，支持本地存儲和可選的雲端同步，確保數據絕對安全。 引言 在現代Flutter應用開發中，狀態

flutter , 前端

收藏 評論

yinuo112 頭像

程序員一諾python - 【Django開發】django美多商某城項目完整開發4.0第10篇：shou貨地址,省市區地址查詢【附代碼文檔】

🏆🏆🏆教程全知識點簡介：1.郵件驗證系統包括Django發送郵件、保存郵箱併發送驗證郵件、Celery使用Django配置文件設置。2. 地址管理涵蓋shou貨地址、省市區地址查詢、數據庫建表、後端接口設計、前端實現、緩存使用（安裝、使用方法、省市區視圖緩存、緩存數據保存位置和有效期設置）、用户地址管理。3. 數據庫設計包括用户部分、產品部分、數據庫表設計、表結構、數據庫模型類。4. 容器

django , 後端 , 前端 , Python

收藏 評論

liuyuedekele 頭像

六月的可樂🥤 - Vue3項目中集成AI對話功能的實戰經驗分享

前言 最近在項目中需要集成AI對話功能，經過調研後選擇了ai-suspended-ball-chat這個Vue3組件庫。使用了一段時間後，想從技術使用者的角度分享一下真實的體驗和踩過的坑，希望對有類似需求的開發者有所幫助。 項目背景與選擇理由 我們的項目是一個企業級的管理後台，需要為用户提供智能客服和代碼助手功能。在選擇方案時，主要考慮了以下幾個因素： 開發效率：不想從頭開發聊天UI和

vue.js , 人工智能 , 前端 , html5 , Javascript

收藏 評論