tag 前端

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

@前端 / 博客 RSS 訂閱

software-Development 頭像

IT開發者筆記 - 高性能表格組件AG Grid 35 全新發布：支持單元格公式、分組拖拽、絕對排序、列選擇等

作為全球知名的企業級數據網格控件，AG Grid以強大的性能、靈活的 API 設計與成熟的企業組件生態而聞名，廣泛應用於金融、製造、能源、電商等高數據密度行業。此次發佈的AG Grid 35是一次重量級更新，帶來了諸多提升用户交互體驗與數據處理效率的全新特性，包括：單元格公式、行分組拖拽、絕對排序、列選擇，以及全新的過濾與導出覆蓋層。 AG Grid最新版下載，請聯繫AG Grid中國區夥伴慧都

前端

收藏 評論

chengxuyuanyouyage 頭像

程序員優雅哥 - 分享一個實用的 vite + vue3 組件庫腳手架工具，提升開發效率

無論是 vue2 全家桶還是 vue3 + vite + TypeScript，組件庫的使用幾乎大家都會，但自己開發一個獨立組件庫就不是每個人都掌握的，因為搭建組件庫的基礎開發環境，就會讓很多同學望而卻步。一個組件庫應該至少要包括三個方面： 組件庫的開發和打包； 組件庫文檔的開發和打包； 命令行工具 cli 快速創建新組件。 這幾天 程序員優雅哥 搭建了一個組件庫的基礎腳手架： vue3

腳手架cli , 組件庫 , vue-cli3 , vue3 , 前端

收藏 評論

huzilachadeyuechikou 頭像

晨曦鑰匙扣 - CRM/ERP數字化整合，深化訂單關聯的採購 / 生產 / 委外協同，構建業務增長閉環

五大CRM/ERP品牌核心能力橫評：從全場景整合到增長閉環的深度對比 在數字化轉型進入深水區的今天，企業對“從獲客到售後的全鏈路打通”“訂單與供應鏈的實時協同”“數據驅動的可持續增長”的需求愈發迫切。本文選取超兔、Salesforce、用友、銷售易、 SAP五大主流品牌，圍繞覆蓋獲客到售後全場景的數字化整合、深化訂單關聯的採購/生產/委外協同、構建業務增長閉環三大核心維度展開深度對比，結合功能細節

人工智能 , 前端

收藏 評論

qaz666 頭像

可不簡單 - vue 甘特圖 vxe-gantt 任務里程碑和依賴線的使用

vue 甘特圖 vxe-gantt 任務里程碑和依賴線的使用 https://gantt.vxeui.com/ 通過設置 task-bar-milestone-config 和 type=moveable 啓用里程碑類型，當設置為里程碑類型時，只需要設置 start 開始日期就可以，無需設置 end 結束日期，設置 links 定義連接線,from 對應源任務的行主鍵,tom 對應目標任務的行主

前端

收藏 評論

mulander 頭像

Mulander - 2019年度總結

9102成長小記 成長以及誘惑，這兩個關鍵詞將被用來詮釋我的9102年。因為這一年是我正式入職的一年（實習入職18年10月），在工作上有幸能有所成長。而在生活中，也不可避免的出現了一些誘惑因子使得我的生活變得些許頹廢。 今年的年終總結在敍事結構上還是會延續去年，以清單的方式列出。 工作 一年內經手公司或大或小五個項目，引用並改造輪子若干個，參與項目從需求到設計，開發，測試，預生產，發版的整個流程。

2019總結 , 前端

收藏 評論

joker_fenye 頭像

jenna - 從零搭建自己的js工具庫 typescript+rollup+karma+mocha+coverage

前言 隨着公司產品線的增多，開發維護的項目也越來越多，在業務開發過程中，就會發現經常用到的cookie處理，數組處理，節流防抖函數等工具函數，這些工具函數在很多的項目中會使用到，為了避免一份代碼多次複製粘貼使用的low操作，筆者嘗試從零搭建JavaScript工具庫typescript+rollup+karma+mocha+coverage , 寫這篇文章主要是分享給有同樣需求的朋友提供參考，希望

rollup , karma , typescript , 前端 , Javascript

收藏 評論

xiaojian_5a653efb23f1e 頭像

小健 - 騰訊地圖api，根據路線畫自定義箭頭

我遇到的情況： 1、使用騰訊地圖畫出路徑，並在地圖上表示方向（也就是箭頭指向） 我查了很多的資料，並沒有詳細的結論，我按照api給的方法，我自定義做出的效果 vue+element+騰訊地圖API，（僅供參考） 效果圖如下： 思路 1、首先看是否跟我使用的方法聲明Map一致的方法，騰訊地圖的JavaScript API GL的api（如有不同，可以看邏輯，邏輯是一樣的，但是需要

vue.js , 騰訊地圖 , 前端 , html5

收藏 評論

funky_tiger 頭像

Funky_Tiger - 前端工程師必懂知識點之HTTP緩存

為什麼要使用 HTTP 緩存 對於資源: 假如每次請求的請求頭和響應頭分別都是1k，請求文件大小是10k。那麼一次請求就是12k大小，n次就是(12 * n)k。 對於前端: 前端每次請求完畢都要重新渲染 影響用户體驗 對於後端: 沒有緩存機制的話前端會頻繁的請求後端的接口。後端每次都要提供查找和下載等功能。如果請求基數比較大，服務器就會存在較大的壓力。 為了減少網絡帶寬消

HTTP , cache-control , 緩存 , 前端

收藏 評論

reeli 頭像

橘子小睿 - 通過 Swagger 定義自動生成 Mock 數據

我最近的在做的項目是一個前後端分離的項目，前後端由不同的團隊分別開發，並且前端的進度經常領先後端。這就意味着，當前端在開發一個新功能時，API 可能還沒有準備好。不過，我們會先和後端先商議好 API Schema，然後使用 Mock 數據進行開發。 但問題也隨之而來，定義 Mock 數據並配置 mock server 真的太浪費時間了！我真的非常討厭這種沒有任何技術含量的「苦力活」。所以，只好想辦

mock , 前端工具 , swagger , 前端

收藏 評論

jyeontu 頭像

JYeontu - vue配置文件自動生成路由和菜單

寫在前面 每次重複寫路由的時候是不是會覺得很煩，特別是項目大的時候，路由會有特別多，看都看不過來，所以這裏我是有了一個router.json的配置文件來對路由做一些簡單的配置，然後讓路由和左側菜單欄可以同時自動生成。 router.json 主要配置項如下： { "name": "routerConfig", "menu": [{ "id": "1", //路由id

vue.js , route , 路由 , 前端

收藏 評論

opentiny 頭像

OpenTiny社區 - Vue2/Vue3 遷移頭禿？Renderless 架構讓組件 “無縫穿梭”

本文由體驗技術團隊劉坤原創。 "一次編寫，到處運行" —— 這不是 Java 的專利，也是 Renderless 架構的座右銘！ 開篇：什麼是 Renderless 架構？ 🤔 傳統組件的困境 想象一下，你寫了一個超棒的 Vue 3 組件： !-- MyAwesomeComponent.vue -- template div button @click="handleClick

vue.js , 開源 , 前端 , Javascript

收藏 評論

fengliudeshanghen 頭像

風流倜儻的傷痕 - 使用 nuxi preview 命令預覽 Nuxt 應用

title: 使用 nuxi preview 命令預覽 Nuxt 應用 date: 2024/9/8 updated: 2024/9/8 author: cmdragon excerpt: 摘要：本文介紹瞭如何使用nuxi preview命令預覽Nuxt.js應用，包括安裝和準備環境、啓動預覽服務器的步驟，以及如何指定根目錄和使用自定義.env文件等高級用法。通過nux

react , vue.js , angular , webkit , 前端

收藏 評論

yjdmx 頭像

鹽焗代碼蝦 - 小程序開發實戰案例之二｜如何實現小程序支付

上一章講完如何獲取用户信息授權 後，下一步就可以進行小程序支付了。 本期就來介紹下支付寶小程序支付如何實現。 PS：接入前的準備工作可以參考：接入準備；接入指南可參考：接入指南～ 獲取小程序支付權限 獲取權限分為三步：分別是 賬號開通 JSAPI 支付、賬號與小程序賬號綁定 以及 小程序綁定 JSAPI 產品 賬號開通 JSAPI 支付 需要用收款主體賬號去簽約，賬號要求必須是企業或者是個體工

支付 , 小程序 , 支付寶 , 前端

收藏 評論

jueqiangqingtongsan 頭像

倔強青銅三 - vscode插件開發中文文檔教程(3)——擴展結構

vscode插件開發中文文檔教程(3)——擴展結構 原文鏈接：Extension Anatomy 作者：Microsoft 譯者：倔強青銅三 前言 大家好，我是倔強青銅三。是一名熱情的軟件工程師，我熱衷於分享和傳播IT技術，致力於通過我的知識和技能推動技術交流與創新，歡迎關注我，微信公眾號：倔強青銅三。歡迎點贊、收藏、關注，一鍵三連！！！ 擴展結構 在上一個主題中，您已經能夠運行一個基

vscode插件 , typescript , 前端 , Javascript

收藏 評論

invalidnull 頭像

註銷 - 如何給 SAP Spartacus Storefront 創建新的頁面

Creating New Pages and Components Spartacus 是一個單頁面的應用程序，但它仍然使用頁面的概念來區分應用程序內的不同視圖。 Spartacus 頁面來自 CMS，由插槽和組件構成。 頁面包含插槽，插槽包含組件。 為了組織公共插槽和組件，Spartacus 支持頁面模板。 頁面模板包含佈局以及可全局使用的組件，例如頁眉和頁腳部分。 Spartacus 從 CM

頁面佈局 , saprfc , 前端 , Javascript

收藏 評論

w20101310 頭像

一顆小行星 - 命令行操作生產svg動圖

代碼片段生成帶高亮效果的漂亮圖片我們可以使用carbon 但是如果想製作命令行操作的動圖一般是錄屏來轉換成GIF圖，其實還有另一種方式，我們可以使用asciinema + svg-term 生成SVG圖片 示例圖片 優點 操作過程簡單 更小的文件體積 矢量 可以手動修改速度和文案 文字可以複製 跨平台 首先需要安裝asciinema和svg-term 安裝asciinema sv

svg動畫 , 前端

收藏 評論

haixiang6123 頭像

寫代碼的海怪 - 前端測試常見的 3 個誤區

前言 哈嘍，大家好，我是海怪。 在做前端測試時，選用合適的測試策略遠比一通猛狂測試更重要，所謂 “方向 努力”。 如果選擇了錯誤的測試策略，很容易寫出維護性差和不穩定的測試用例。一旦業務出現變化，用例就全崩了。可能這也是大家討厭寫測試的原因之一吧。 Kent C. Dodds 在這篇文章 [《Common Testing Mistakes 》](https://kentcdodds.com

測試 , 單元測試 , jest , 前端

收藏 評論

renxingdeniuroumian 頭像

東奔西走的小喇叭 - 在快節奏體育時代，為什麼實時數據決定產品上限？

在當今數字化體育行業，實時、精準、穩定的賽事數據，已經成為體育應用能否成功的核心基礎。 無論是賽事直播平台、體育數據分析工具，還是體育資訊媒體，如果沒有毫秒級更新的數據支持，用户體驗很難真正做到“沉浸式”。 在這一背景下，越來越多開發者選擇使用專業體育數據服務商提供的 API，來構建自己的數據能力底座。 下面，從技術和產品角度，系統梳理一套成熟體育數據服務應具備的核心能力。 一、毫秒級實時數

JAVA , 後端 , 前端

收藏 評論

camille_5f9b7f6b8693f 頭像

牛仔碼農 - Ajax基礎原理及使用教程（來自動力節點）

首先，我們來回顧下ajax是什麼? Ajax = 異步 JavaScript 和XML。 Ajax是一種用於創建快速動態網頁的技術。 通過在後台與服務器進行少量數據交換，Ajax可以使網頁實現異步更新。這意味着可以在不重新加載整個網頁的情況下，對網頁的某部分進行更新。 傳統的網頁(不使用 Ajax)如果需要更新內容，必須重載整個網頁面 前面談到ajax是什麼，其主要也就是異步提交，大家是否知道同步

Ajax , JAVA , ajax跨域 , 後端 , 前端

收藏 評論

daimaxieshen 頭像

瓏墨 - JavaScript 引擎如何工作？💭

😘前言：要了解 JavaScript 引擎，你必須瞭解當我們編譯和執行代碼時它的內容。一旦你完全閲讀了這篇文章，你就可以寫出一段優秀的代碼。這篇文章是關於JavaScript引擎的，它將幫助你瞭解JavaScript引擎的性能及其最有價值的功能，嘎嘎嘎，看下面😍。 一、什麼是 JavaScript 引擎？🧐 JavaScript引擎是一個程序，有助於將JavaScript代碼轉換為較低級別的

瀏覽器原理 , challenge , 前端 , html5 , Javascript

收藏 評論

li1076629390 頭像

leexiaoran - 桃翁的2019個人總結

又一年過去了，2018 年寫年終總結的場景還歷歷在目，寫這篇文章之前還專門去看了下 2018 年的年度總結，主要是看自己在 2018 學的東西自己還能記得啥。 印象最深刻的應該是還是函數式編程相關的東西，因為確實在我深入的去接觸它過後，我的很多編程思維都被它所影響。雖然在項目中不會去用很多函數式的方式去寫，但是函數式的那些特點深深的指導着我如何去設計一個更容易維護的函數，其中一些思維可以見我去年的

2019總結 , 程序員 , 前端

收藏 評論

yinzhixiaxue 頭像

銀之夏雪 - 深入剖析為什麼順序調用對 React Hooks 很重要？

在享受 React Hooks 帶來的便捷性的同時，我們必須嚴格遵循順序調用的規則，這一規則的重要性遠超我們的想象。本文將深入探討順序調用對 React Hooks 的重要性，並結合常見的缺陷，通過具體的代碼案例進行詳細闡述，揭示其背後深層次的原理。 一、React Hooks 工作原理 理解 React Hooks 的工作原理是掌握順序調用重要性的關鍵。React 內部維護着一個 Hooks 鏈

react , react-hooks , 前端 , Javascript

收藏 評論

13592899917 頭像

浪跡天涯小king - taro小程的ScrollView，完美解決動態高度問題

廢話不多説，直接上代碼 import { ScrollView } from "@tarojs/components"; import Taro, { useReady } from "@tarojs/taro"; const [scrollHeight, setScrollHeight] = useState('84vh'); useReady(() = { // 設置ScrollV

react , taro , 前端

收藏 評論

icecreamlj 頭像

一顆冰淇淋 - 為React組件庫引入自動化測試：從零到完善的實踐之路

為什麼我們需要測試？ 我們的 React+TypeScript 業務組件庫已經穩定運行了一段時間，主要承載各類UI展示組件，如卡片、通知等。項目初期，迫於緊張的開發週期，我們暫時擱置了自動化測試的引入。當時團隊成員對組件邏輯瞭如指掌，即便沒有測試也能遊刃有餘。 然而隨着時間推移，問題逐漸顯現。當新成員加入或老組件需要迭代時，我們常常陷入兩難：修改代碼可能破壞原有功能，但不修改又無法滿足新需求。特別

react , 自動化測試 , typescript , 前端 , Javascript

收藏 評論