tag 前端

標籤
貢獻1,058
1386
06:37 AM · Oct 27 ,2025

@前端 / 博客 RSS 訂閱

可不簡單 - vue 甘特圖 vxe-gantt table 可視化依賴線的使用,可視化拖拽創建連接線的用法

vue 甘特圖 vxe-gantt table 可視化依賴線的使用,可視化拖拽創建連接線的用法 支持拖拽兩個任務之間創建連接線、支持雙擊線刪除 https://gantt.vxeui.com/ 類型説明 0 FinishToStart 結束後才開始,表示一個任務必須在另一個任務開始之前完成 1 StartToFinish 開始到結束,表示從某個過程的開始到結束的整個過程 2

前端

收藏 評論

王大山 - 我看underscore 源碼設計

先過濾掉underscore內部各個工具函數的具體邏輯,只看源碼庫本身有什麼內容。 構造函數 underscore有兩種調用方式: 風格對象 _.map([1, 2, 3], function(n){ return n * 2; }); 函數風格_([1, 2, 3]).map(function(n){ return n * 2; }); _是一個函數對象,api中的函數全都掛載到_上,實

underscore , 前端 , Javascript

收藏 評論

小謳 - 《javascript高級程序設計》學習筆記 | 8.1.理解對象

關注前端小謳,閲讀更多原創技術文章 理解對象 ECMAScript 定義對象:無序屬性的集合(一組沒有特定順序的值),其屬性可以包含基本值、對象、函數,整個對象可以想象成一個散列表 相關代碼 → 創建自定義對象的 2 種方法:Object 構造函數和對象字面量: 用構造函數創建一個 Object 實例,然後為它添加屬性和方法 var person = n

面向對象編程 , object , 前端 , Javascript

收藏 評論

微芒不朽 - vue3插槽的本質

引言 插槽(Slots)是 Vue 組件系統中一個強大而靈活的特性,它允許我們在組件之間傳遞模板內容。在 Vue3 中,插槽機制得到了進一步的優化和完善。本文將深入探討 Vue3 插槽的本質,幫助開發者更好地理解和使用這一重要特性。 什麼是插槽? 插槽本質上是一種內容分發機制。它允許父組件向子組件傳遞任意的模板片段,這些片段可以在子組件內部被渲染到指定的位置。 !-- 父組件 -- templat

vue.js , 前端 , Javascript

收藏 評論

倔強的鉛筆 - Django 整合 Swagger:實現快速 API 文檔生成

Django ,作為 Python 編寫的一個優秀的開源 Web 應用框架,特別適用於快速開發的團隊。對於很多場景來説,我們需要一份 API 文檔,好處實在太多了: 提高開發效率:開發者可以基於 API 文檔 快速學習和嘗試 API,同時 Swagger 文件也可以在許多不同的平台上從代碼註釋中自動生成,減少了手動編寫文檔的時間和精力。 方便接口測試:基於 API 文檔可以生成客户端 SDK

web開發 , django , 程序員 , swagger , 前端

收藏 評論

y_lucky - MAC-react項目cordova工程環境搭建及報錯解決辦法

本文主要目錄結構: 1. -前言 2. -什麼是Cordova 3. -**Cordova前期準備** 4. -真機設備調試:IOS調試+Android設備 5. -**安裝過程中的9個錯誤及解決方案** 一.前言 因為工作需要,第一次搭建Cordova項目環境,打包的過程中遇到了很多的問題,特記錄下來,希望可以幫助到有同樣困惑的小夥伴。也十分感謝同事的熱心指導,❤️❤️手動比心❤️❤️ 二.什

cordova , 前端

收藏 評論

雲綺棠兮 - JavaScript之對象篇

對象 是無序屬性的集合,其屬性可以包含基本值,對象,或者函數。可以將對象想象成散列表:鍵值對,其中值可以是數據或者函數。ECMAScript中的對象其實就是一組數據(屬性)和功能(方法)的集合。 題外話:睡了,明天再搞,中秋節快樂鴨!!!!! 對象是一個包含相關數據和方法的集合(通常由一些變量和函數組成,我們稱之為對象裏面的屬性和方法) 比如在現實生活中,每一個人都是一個對象。對象有它的屬性,如身

node.js , object , 前端 , Javascript

收藏 評論

意孤行 - vue3使用iconfont

1.首先登陸阿里雲矢量圖標庫,把需要的字體圖標加入到自己的項目中 2.將項目下載到本地,並解壓到項目中 3.在vue項目下的資源文件夾下新建iconfont文件夾,將下載後的文件解壓將一下文件拷貝到項目的iconfont文件夾下, 4.在main.ts中引入iconfont.css和iconfont.js,如果不使用多色圖標的話可以不用引入iconfont.js文件 import

iconfont , vue3 , 前端

收藏 評論

OpenTiny社區 - 使用開源技術快速上手 Web 前端開發(內含PPT課件)

11月29日 OpenTiny 參與了華為雲開源針對的高校學生在中國人民大學舉辦的 meetup 交流活動,本次活動演講主要圍繞數據庫、Web3、AI大模型、微服務治理、前端等領域展開討論。OpenTiny 主要為大家分享了 《使用開源技術快速上手Web前端開發》 ,與大家共同探討前端開發經驗。 本次分享主要分為三個環節展開: Web前端開發與核心技術簡介 實踐:使用開源上手前端開發 開

web開發 , 開源 , 前端

收藏 評論

野生程序猿江辰 - 微信小程序 web-view 問題

大家好,我是江辰,這篇文章記錄一次在真實的線上環境中,關於 web-view 的問題,大家可以跟隨作者一起看看心路歷程。 本文首發於微信公眾號:野生程序猿江辰 歡迎大家點贊,收藏,關注 問題背景 上半年最開始做的一版是展業大廳頁面和互動白板頁面(以下統稱 web-view)分離,後面由於騰訊那邊對交互方式不滿意,強調一定要展業大廳頁面和白板頁面在同一個頁面進行交互,最開始我們沒有思路,因為在小程序

微信 , 微信小程序 , webview , 前端

收藏 評論

codexu - 試試 NoteGen,它用 AI 讓記錄和寫作更高效!

為什麼選擇 NoteGen? 在眾多筆記應用中,NoteGen 脱穎而出,因為它兼顧了簡潔、實用和強大擴展性。傳統筆記工具往往 bloated(臃腫),用着累贅,但 NoteGen 設計初衷就是“輕快高效”,讓你專注於內容本身,而不是軟件本身。 極致輕量,免打擾體驗:NoteGen 的安裝包只有 10-20 MB,啓動瞬間即用。更重要的是,它完全免費、無廣告、無捆綁軟件。這意味着你下載後,就

編輯器 , next.js , 人工智能 , 程序員 , 前端

收藏 評論

得物技術 - Module Federation在客服工單業務中的最佳實踐

Module Federation: 是模塊聯邦的意思,在webpack 5中流行起來的,也屬於一種微前端方案。 一、背景 1、客服高頻工作場景 一線客服: 基於一站式工作台中的在線工作台及電話工作台,根據用户進線反饋的問題,查看當前用户相關的工單詳情或訂單詳情,並根據實際情況決定是否創建新的工單。 二線客服: 根據各種渠道反饋的工單(其中一個主要來源是一線客服的反饋),根據工單內容,聯繫用户或

module , 業務 , 實踐 , 微前端 , 前端

收藏 評論

Edward - 日拱一卒-如何實現請求轉發

今天在聯調的時候,由於後端的問題導致接口出現了跨域問題。 使用接口請求工具可以請求到數據,但是一旦把服務跑起來,就會報跨域的問題。 由於自己之前簡單學習了一下mock數據的方法,於是想着,那不如寫一個簡單的請求轉發的工具,這樣就能解決跨域問題了。 使用的工具是express和axios。 先根據express的官方文檔,安裝express generator: npm i

Axios , nodejs-express , 前端

收藏 評論

Addison - 深度覆盤 II: WebGL 工業級落地:混合渲染架構與 HMI 工程化實踐

🚀 前言 在上一篇《渲染架構篇》中,我們探討了基於 Three.js 的場景管理與 DrawCall 優化。然而,在實際交付的 工業數字孿生(Digital Twin) 項目中,決定系統能否長期穩定運行的,往往不僅僅是 3D 渲染效率,更是 2D UI 與 3D 場景的混合架構質量。 很多項目在 Demo 階段表現尚可,一上生產環境就暴露問題:DOM 更新導致 WebGL 掉幀、交互事件衝突、現

three.js , 數據可視化 , 數字孿生 , webgl , 前端

收藏 評論

前端路引 - 瀏覽器 15 個常見指紋特徵,使用插件 FingerprintJS 生成瀏覽器指紋

瀏覽器指紋是什麼? 像人類的指紋一樣,瀏覽器指紋也是用於唯一身份認證的一種標識。 這東東常被廣告商用於用户跟蹤,比如 A、B 網站都添加了一個廣告商,如果用户訪問了 A 網站,查看了些商品或文章,然後再訪問 B 網站,那麼廣告商就知道用户對哪些東西感興趣,就可以在 B 網站中投放一些感興趣的廣告。 瀏覽器指紋起的作用就是給用户打上唯一標識,用户每次訪問網頁都會被獲取到這個唯一標識符,這樣就實現了用

前端

收藏 評論

胡蘿蔔會飛 - vue響應式原理(底層)超詳細的解讀,手寫響應式原理

vue響應式原理 關於vue響應式原理(底層)原理,今天和大家一起探討研究,結尾附上手敲代碼以及git下載地址,如有不足或不準確請及時留言指正,期待共同進步~ 本文將採用webpack環境進行編寫,項目目錄如下。 index.js: 入口文件 arrar.js: 數組文件 def.js: 定義一個對象屬性 defineReactive.js: 給對象data的屬性key定

vue.js , 響應式 , 前端 , Javascript

收藏 評論

晨曦鑰匙扣 - 企業級CRM管理軟件核心能力橫向對比:從“功能覆蓋”到“場景適配”的專業解析

企業級CRM管理軟件核心能力橫向對比:從“功能覆蓋”到“場景適配”的專業解析 在數字化轉型浪潮中,企業選擇CRM/ERP等管理軟件的核心痛點已從“功能有無”轉向“是否匹配業務場景”。本文基於超兔一體雲、金蝶(含雲·星辰)、用友、Salesforce、Microsoft CRM、HubSpot CRM、Zoho CRM、悟空CRM等8款主流產品的公開能力素材,圍繞自動化流程 、智能分析/AI推薦、移

前端

收藏 評論

微芒不朽 - 基於 Three.js 的 3D 地圖可視化:核心原理與實現步驟

項目概述 這是一個基於Three.js的3D交互式地圖可視化系統,以廣東省地圖為展示對象,實現了豐富的3D視覺效果和交互功能。本文將對項目中的核心函數進行逐步驟、逐函數的詳細分析,幫助讀者深入理解系統的實現原理。 技術棧 前端框架:Vue 3 3D渲染引擎:Three.js 構建工具:Vite 動畫庫:Tween.js 輔助庫:Delaunator、geo-point-in-poly

three.js , 3d , 前端 , Javascript

收藏 評論

南城FE - Puppeteer實踐:複雜的問題簡單化

最近遇到一個需求需要將上千條的數據寫入到基於Wordpress搭建的系統中,但是對於底層數據錄的寫入邏輯不是很清楚,通過sql各種寫入也沒有完全達到效果。 後面想了想或許可以換一個方向,不能從底層邏輯寫入數據那就通過正常操作寫入。由於數據量大所以需要自動化處理,這時候就想到了之前用過的Puppeteer,這個庫可以模擬操作瀏覽器的各種行為,包括獲取數據和操作提交等。對於這個場景很適合,不用管底層的

puppeteer , node.js , 前端 , Javascript

收藏 評論

No8g攻城獅 - 【異常解決】Spring Boot 返回排序後的 Map 但前端接收順序不對的解決方案

博主介紹:✌全網粉絲22W+,博客專家、Java領域優質創作者華為雲/阿里雲/等平台優質作者、專注於Java技術領域✌ 技術範圍:SpringBoot、SpringCloud、Vue、SSM、HTML、Nodejs、Python、MySQL、PostgreSQL、大數據、物聯網、機器學習等設計與開發。 感興趣的可以先關注收藏起來

Spring Boot , 後端開發 , JAVA , harmonyos , 後端 , 前端 , Json

收藏 評論

Tingtr - 【問題合集】UEditor中的樣式和網站樣式相互干擾

背景 在使用UEditor編輯器編輯文本後,保存內容,再在前端頁面展示出來的時候,會發現保存的文本內容為html,與網站的樣式衝突,導致網頁顯示異常。又不能清除編輯器的樣式,所以現在只能將需要展示的文本內容和網站相互隔離開。 解決方案 利用iframe進行頁面嵌入。 iframe加載的頁面和當前頁無關,所以樣式就不會有衝突的情況。 html div class="article" if

vue.js , ueditor , 前端 , Javascript

收藏 評論

悲傷的煎雞蛋_cQXuXF - 大齡程序員失業!2026這咋開局?

2025 年的年底,對我來説,並不體面。 裁員的通知來得並不突然。大環境不好,這句話我們已經聽了三四年。從 2022 到 2025,互聯網不再增長,故事不再性感,資本不再慷慨。只是當那封郵件真正落在自己頭上時,才發現,所有“早有預期”的心理建設,幾乎沒有任何用處。 我今年三十多歲,程序員。 為幾個公司幹了快十年,最好的青春幾乎都交代在工位上。 大環境真的不好,不是不努力 這幾年

程序員 , 後端 , 前端

收藏 評論

雲綺棠兮 - html&css畫呼吸燈

搞不了視頻太難了。。。。 Animations是css3的一個模塊,使用keyframes定義如何隨着時間的移動改變CSS的屬性值,可以通過指定它們的持續時間,重複次數,如何重複來控制關鍵幀的行為。Animations由兩部分組成:css動畫的配置,以及一系列的keyframes(用來描述動畫的開始、過程、結束狀態) transform 屬性向元素應用從2D或3D轉換。該屬性允許我們對元素進行

animation , transform , Css , 前端

收藏 評論

DisLido - 在shadowRoot裏獲取光標(selection)信息

3大瀏覽器,3種不一樣的處理方式😅 getSelectionAndRange() { let selection = document.getSelection(); if (!selection) return null; // 規範 getComposedRanges, CH--FF--SF17 if ('getComposedRanges' in se

富文本編輯器 , webcomponents , HTML , 前端 , Javascript

收藏 評論