tag 前端

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

@前端 / 博客 RSS 訂閱

wangji_5d01acdfdd139 頭像

望記 - html2canvas生成海報白邊以及文字被遮擋問題

1. 如何在vue3中使用html2canvas npm install --save html2canvas 生成海報： template div class="poster-box" ref="posterBox" div class="thumb"img src="@assets/goods.jpg" alt=""/div div class="

html2canvas , vue3 , 前端

收藏 評論

wangjintao 頭像

王金濤 - 不夠“坦誠”的 Zustand：我們是否為了函數式而函數式？

引言 Zustand 是目前 React 生態中最流行的狀態管理庫之一。它以極簡著稱，也是我個人非常喜歡的庫。 但在長期的使用中，我常常產生一種違和感：我們在一個名為“函數式”的庫裏，費力地模擬着面向對象。 那個無處不在的 get() 來看看經典的 Zustand 寫法： const useStore = create((set, get) = ({ count: 0, inc: () = s

觀點 , react , typescript , 前端 , Javascript

收藏 評論

powerful_simon 頭像

小謳 - 手寫一個Virtual DOM及源碼解析

關注前端小謳，閲讀更多原創技術文章 Virtual DOM是當今主流框架普遍採用的提高 web 頁面性能的方案，其原理是： 1.把真實的 DOM 樹轉換成 js 對象（虛擬 DOM） 2.數據更新時生成新的 js 對象（新的虛擬 DOM） 3.二者比對後僅對發生變化的數據進行更新 完整代碼參考 → js 對象模擬 DOM 樹 假設有如下 ht

vue.js , 虛擬dom , virtual-dom , 前端 , Javascript

收藏 評論

opentiny 頭像

OpenTiny社區 - 揭秘！TinyEngine低代碼源碼如何玩轉雙向轉換？

本文由TinyEngine低代碼源碼轉換功能貢獻者張珈瑜原創。 背景 當前主流低代碼平台普遍採用“單向出碼”模式，僅支持將 DSL（Domain Specific Language，領域特定語言）轉換為 Vue 或 React 源代碼。一旦開發者在生成代碼後手動修改了源碼，平台通常無法將這些修改同步回可視化編輯器，導致代碼與可視化配置割裂，嚴重影響開發效率與協同維護。本項目旨在構建低代碼 Vue/

vue.js , 低代碼 , 前端

收藏 評論

codechen8848 頭像

codechen8848 - 年會抽獎不用愁！這款開源 3D 抽獎工具，顏值與實用雙在線！

大家好，我是 Java陳序員。 臨近年底，又到了喜聞樂見的年會活動。但對於策劃部門來説，每年都會為年會抽獎環節用什麼工具發愁？用 Excel 隨機抽獎太枯燥，花錢買商業軟件又不划算。 今天，給大家安利一款免費開源的 3D 抽獎神器，炫酷球體抽獎效果直接拉滿活動氛圍，自定義配置更是精準適配各類年會、團建場景！ 關注微信公眾號：【Java陳序員】，獲取開源項目分享、AI副業分享、超200本經典計算

前端

收藏 評論

yaha_5f66c6f02983e 頭像

Yaha - 如何寫簡歷-學習如何在 2023 年撰寫簡歷所需的所有技巧、工具、模板和示例

學習如何在 2023 年撰寫簡歷所需的所有技巧、工具、模板和示例擁有一份經過精心打磨和精心撰寫的簡歷就像在求職過程中擁有超能力一樣。當大多數人走上招聘階梯時，你卻披上了深紅色的斗篷，以超音速的速度向上翱翔。本關於如何撰寫簡歷的指南概述了創建此類令人驚歎的簡歷的最重要的構建塊。我們將在本博客中介紹 10 個重要的簡歷撰寫步驟： 如何寫簡歷——寫簡歷的10個重要步驟關於作者的説明：芊芊簡

編輯器 , 簡歷 , 程序員 , 後端 , 前端

收藏 評論

wmuhua 頭像

沐華 - Vue3的7種和Vue2的12種組件通信，值得收藏

本文原文首發掘金：https://juejin.cn/post/699968... 如有不對的或者遺漏的，歡迎指正，你的一讚一評都是我前行最大的動力，感謝 Vue2.x組件通信12種方式寫在後面了，先來 Vue3 的 奧力給！ Vue3 組件通信方式 props $emit expose / ref $attrs v-model provide / inject Vuex Vue

vue.js , 組件通信 , vue3 , 前端

收藏 評論

jackzhoumine 頭像

JackZhouMine - 地圖投影

地圖投影 為了更好地展示地球上的數據，需要將地球投影到一個平面上。地圖投影是一個數學問題，按照一定的幾何關係，將地球上的經緯度座標映射到一個平面上的座標。地球投影有很多種，每種投影都有自己的優缺點。本文介紹一些常用的地球投影。 什麼是地圖投影 投影，在數學上的含義是建立兩個面之間點與點、線與線的對應關係。同樣地，地圖投影的定義是：建立地球橢球面(或球體表面)與地圖平面之間點與點或線與線的一一對應關

地圖開發 , webgis , 地圖 , gis , 前端

收藏 評論

dirackeeko 頭像

DiracKeeko - [highcharts] 01_dataGrouping 和xDateFormat失效

前言、基礎、約定 一般我們會用這種方式來使用highcharts，所需的配置都在stockOptions裏 （注：這裏命名不一定要用stockOptions，它只是一個對象） stockOptions是一個對象如下圖所示 下文我們用對象語法來介紹配置，圖中箭頭指向的”type”記作 stockOptions.chart.type （也就是 stockOptions.ch

highcharts , tooltip , 可視化 , 前端

收藏 評論

edonsoft 頭像

access開發 - Access可視化進階：散點圖的底層邏輯與實現

hi，大家好！ 今天我接着來聊access的新圖表。在數據分析的語境下，當我們想要探究兩個數值型變量之間是否存在某種關聯（例如：廣告投入與銷售額的關係、設備運行温度與故障率的關係）時，散點圖（Scatter Plot）是無可替代的工具。 雖然 Access 的強項在於數據管理，但作為全棧開發者，我們經常需要在窗體或報表中直接呈現這種分析結果，而不是每次都將數據導出到 Excel。

excel , vba , access , 圖表 , 前端

收藏 評論

daoshanghundesijidou 頭像

用户bPdeG32 - Yarn：如何優化依賴管理和加速構建過程

在現代JavaScript開發中，包管理器扮演着至關重要的角色。npm（Node Package Manager）是最常見的包管理工具，但在一些項目中，開發者可能會遇到npm在處理大型依賴和複雜構建過程時出現性能瓶頸的問題。此時，Yarn作為一個替代品應運而生，尤其以其對依賴管理的優化和構建速度的提升而受到開發者青睞。 Yarn是如何優化依賴管理的？ 在早期的npm版本中，安裝依賴的過程可能非常緩

node.js , yarn , typescript , 前端 , Javascript

收藏 評論

fangsz 頭像

方始終 - 使用wujie(無界)微前端過程中的e.target指向問題修復

緣起 微前端的方案很多，大體上調研階段躲不過qiankun, wujie, single-spa這些。 如果你使用的是無界，那麼在使用子應用的時候會發現事件回調函數的e.target指向發生了變化，導致你原先的從e.target.value取值的方式無法讀取到表單的值，或者setTimeout的回調函數執行會出現一些詭異的現象。 官方解釋 對於這種現象官方的文檔也做了解釋，官方歸咎於瀏覽器原生的處

微前端 , 前端

收藏 評論

jueqiangqingtongsan 頭像

倔強青銅三 - vscode插件開發中文文檔教程(4)——擴展功能概述

vscode插件開發中文文檔教程(4)——擴展功能概述 原文鏈接：Extension Capabilities Overview 作者：Microsoft 譯者：倔強青銅三 前言 大家好，我是倔強青銅三。是一名熱情的軟件工程師，我熱衷於分享和傳播IT技術，致力於通過我的知識和技能推動技術交流與創新，歡迎關注我，微信公眾號：倔強青銅三。歡迎點贊、收藏、關注，一鍵三連！！！ 擴展功能概述

vscode插件 , typescript , 前端 , Javascript

收藏 評論

u_16099261 頭像

風華絕代的java - spring中的流輸出

目錄 方式一：使用 ResponseEntity + StreamingResponseBody 方式二：使用 SseEmitter（Server-Sent Events） 方式三：使用 Flux 實現（推薦） 流式輸出 指的是服務器將數據以“流”的方式逐步寫入響應體，而不是一次性生成整個結果後再返回。

flux , 流式輸出 , 後端開發 , JAVA , harmonyos , 前端 , Javascript

收藏 評論

liu_namepea 頭像

我的名字豌豆 - 如何使用rem或viewport進行移動端適配?

 在開發移動端界面時，移動端適配一直是一個比較頭疼的事情，常見的移動端適配有viewport適配，rem適配，百分比適配等等，在這裏我們只介紹viewport適配和rem適配。看完這篇文章相信你應該會實戰操作移動端對於不同手機大小的適配問題了。 一：rem適配  rem是指相對於根元素的字體大小(font-size)的單位，根標籤的font-size=1rem。其可以稱作為相對單位，也就是説我們可

less , 移動端適配 , rem , viewport , 前端

收藏 評論

huzilachadeyuechikou 頭像

晨曦鑰匙扣 - 2025企業CRM選型寶典：8 大主流品牌銷售 - 服務全流程能力對比

企業級CRM核心能力橫向對比：從銷售到服務的全流程決勝力 在數字化轉型的浪潮中，客户關係管理（CRM）已從“工具”升級為“企業增長引擎”——其核心價值在於整合銷售、客户、服務全鏈路數據，通過流程自動化、智能決策提升團隊效率，實現“精準獲客-高效轉化-留存復購”的閉環。 本文選取超兔一體雲、Salesforce、 SAP CRM 、Microsoft Dynamics 365 CRM、Oracle

前端

收藏 評論

joernlee 頭像

JoernLee - 模板引擎的整理歸納

[toc] 最近項目中涉及到模板引擎，參考了一些博客文章進行了一些學習，並在此進行記錄 1. 模板引擎是什麼 首先我們來了解什麼是模板，模板就我個人理解而言其產生的目的是為了解決展示與數據的耦合，簡單來説模板還是一段字符，只不過其中有一些片段跟數據相關，實際開發中根據數據模型與模板來動態生成最終的HTML（或者其他類型片段，本文都以HTML 為例子） 而模板引擎就是可以簡化該拼接過程，通過一

模板引擎 , 前端 , Javascript

收藏 評論

u_16099337 頭像

IT獨行俠客 - Vue內引入tinymce富文本編輯器步驟詳解-js教程

簡介 TinyEditor 是一個框架無關的富文本編輯器，既可以在原生 JavaScript 項目中使用，也可以在 Vue、React 等前端框架中使用。 本篇文章帶來的是如何使用 TinyEditor 最新的協同編輯模塊快速部署多人實時協作編輯。 前端集成 1、安裝TinyEditor 首先需要安裝 TinyEdi

編輯器 , redis , 數據庫 , 開源 , OpenTiny , ide , 前端

收藏 評論

fenanjiu 頭像

南玖 - Base64編碼的“暗坑”：解密失敗？可能是這些原因！

前言 最近開發過程中遇到了關於使用base64加密傳輸遇到的神奇問題。需求就是用户的id在鏈接上露出時需要加密處理，於是後端把下發的用户id改成了base64加密處理後下發了，前端只需要把加密後的用户id原樣傳給後端就行。就是這個看似簡單的流程，前端啥也沒幹只是原樣透傳，但後端有概率拿到的用户id不對。 問題描述 本地寫個後端服務模擬當時的情景： 後端框架：nest @Get('getUserIn

urlencode , base64 , 前端 , Javascript

收藏 評論

beckyyyy 頭像

beckyyyy - 開源地圖庫OpenLayers的簡單使用

引言 最近在學習可視化的東西，這讓我想起了一些以前用過的圖表庫，其實我在日常做的大多是普通的需求，可視化方面應用的並不多，只是偶爾會因為個別特殊的需求，去借助一些圖表庫來實現圖表的展示，這些普通的圖表庫，在使用上都大差不差，並沒有什麼太大的區別，但是某些特殊的圖表庫，比如地圖庫，在使用上和一些普通的圖表，還是存在一些不同，現在想一想還是需要做一些記錄，因為我沒有在當時使用的時候及時記錄，導致我現在

webgis , openlayers , 地圖 , 前端

收藏 評論

yayu 頭像

冴羽 - 能讓 GitHub 刪除泄露的蘋果源碼還有 8000 多個相關倉庫的 DMCA 是什麼？

1. 源碼泄露 上週蘋果 App Store 前端源碼泄露，因其生產環境忘記關閉 Sourcemap，被用户下載了源碼，上傳到 Github。短短几天就已經 Fork 和 Star 超 5k。 當然現在倉庫已經被 ban 了，當你打開倉庫的時候，GitHub 會提示： 千萬不要以為自己有 fork 就安全了，fork 的倉庫也一同被刪除了，據説刪了 8000 多個相關倉庫，足以看到當時大家湊熱鬧

react , node.js , typescript , 前端 , Javascript

收藏 評論

qinguoqing_5f2b7372764e7 頭像

秦國慶 - yearrecord——一個類似痕跡牆的React數據展示組件

介紹一下自己做的一個類似於力扣個人主頁提交記錄和GitHub主頁貢獻記錄的React組件。 下圖分別是力扣個人主頁提交記錄和GitHub個人主頁的貢獻記錄，像這樣類似痕跡牆的形式可以比較直觀且高效得展示一段時間內得數據記錄。 然而要從0實現這個功能還是有一些麻煩得，並且該功能可用的場景也比較多，於是便把它做成了一個通用的組件，只需要提供數據即可渲染這樣的效果。 如何使用 安裝

react , rollup , typescript , 前端 , Javascript

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - uniapp獲取微信小程序頂部NavBar的信息

我在這裏封裝了一個類，可以直接使用 export default class NavBarInfo { constructor() { this.statusBarHeight = 0; //狀態欄的高度 this.navigatorHeight = 0; //導航欄高度 this.menuHeight = 0; //膠囊高度

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

收藏 評論

fgaoxing 頭像

Fgaoxing - Goh：一款Go語言的預編譯快速模板引擎。（Benchmark排名第一）

https://github.com/OblivionOcean/Goh Goh 是一款Go語言的預編譯快速模板引擎。 English | 簡體中文 目錄 特性 性能測試 安裝 使用 語法 特性 預編譯模板引擎，提升運行速度。 幾乎兼容·Go語言的語法。 0依賴。 更改模板文件後自動重新編譯。 性能測試 從 https://github.com/slinso/goTemp

benchmark , 模板預編譯 , 模板引擎 , go , 前端

收藏 評論