tag 前端

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

@前端 / 博客 RSS 訂閱

tanking 頭像

TANKING - 使用marked.min.js編寫Markdown文檔頁面，可做知識庫、技術文檔、使用文檔、教程文檔等！

摘要 marked.min.js 是一個高效的 JavaScript Markdown 解析器，它能夠將 Markdown 格式的文本轉換為 HTML。作為一個輕量級的庫，marked 在處理大規模的 Markdown 內容時表現出色，並且具備廣泛的兼容性和可定製性。 本文將深入探討如何使用 marked.min.js 來構建一個自定義的 Markdown 解析器，涵蓋其核心功能、配置選項以及如何

文檔閲讀器 , marked , 前端 , Javascript , Markdown

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - 原生electron起步-從零到一完成構建和打包

官網：https://www.electronjs.org/zh/ 安裝依賴 初始化package.json pnpm init 安裝依賴 pnpm add -D electron 安裝報錯解決方案：https://blog.csdn.net/qq_38463737/article/details/140277803 1、打開npm的配置文件 # cmd 運行打開配置文件 npm confi

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

收藏 評論

wupeng_5a4de5c290b9d 頭像

PatWu16 - DragControls拖拽插件優化：從指定平面到任意平面

現狀：Threejs官方demo提供了DragControls.js平面拖拽控件，但只能拖拽Object在垂直於相機法線的平面上移動 目標場景：在六面體空間盒子中沿着六面體平面拖拽物體，並且需要限制在盒子內部 已知：空間盒子大小，對象所在的平面 方案設計： 將Object拖拽依賴的信息放在userData中，示例如下 基於拖拽控件，改造部分關鍵代碼，實現目標 // 模型對

three.js , 前端 , Javascript

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - electron-builder打包配置説明

我們一般使用electron-builder對electron項目進行打包，在package.json中配置打包的詳細操作 pnpm install electron-builder -D package.json中的詳細字段解釋： "build": { "appId": "your.id", // 應用的唯一ID "productName": "YourProductName"

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

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - vue項目打包electron-將已有web項目打包為桌面端

當你需要將一個vue項目打包成electron時，只需要正常的安裝electron依賴、electron-builder依賴，正常的配置好主進程、預加載腳本、渲染進程即可。 依賴安裝 這裏默認你已經寫好了一個vue項目，腳手架為vite，然後需要打包成electron。 安裝electron pnpm add -D electron 安裝electron打包依賴 pnpm install e

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

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - electron打包報錯-image格式問題(.ico報錯)

這種報錯是ico資源文件出錯導致的，可以看看gitHub對此問題的解釋：https://github.com/electron-userland/electron-builder/issues/3889 上圖中打包的logo.ico資源文件格式不對，看起來資源文件後綴是.ico實際上是png格式，你有可能是在一些網站將png轉換為ico，它沒有被正常的轉換為ico，只是將資源文件的後

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

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - electron打包報錯errorOut=ERROR: Cannot create symbolic link

這種打包報錯實際上是缺少對應文件，由於electron在打包時會下載資源，有些資源需要科學上網，所以正常打包網速過慢會導致資源丟失。 像上圖報錯，很明顯是丟失winCodeSign-2.6.0資源，所以我們需要去下載對應資源 資源下載鏈接：https://github.com/electron-userland/electron-builder-binaries/release

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

收藏 評論

shoushoudeqie 頭像

瘦瘦的企鵝 - 2025年電商運營進階的2項核心能力：算法理解力與生態整合力

2025電商運營進階指南：從“流量焦慮”到“全域增長”的破局之道 ——AI與短視頻紅利下，如何抓住新賽道實現指數級躍遷？ 2025年，電商人的“生死時速”與突圍機遇 []() “流量越來越貴，ROI越來越低，用户越來越難伺候！”——這是2025年電商行業最真實的寫照。據《2025中國電商生態白皮書》顯示，超60%的中小商家因運營模式僵化陷入增長瓶頸，而頭部玩家卻通過AI驅動、全域營銷、精細化運營

visual-studio-code , android-studio , 前端

收藏 評論

daishuyunshuzhanqianduan 頭像

袋鼠雲數棧UED - redux vs redux-toolkit 及源碼實現

我們是袋鼠雲數棧 UED 團隊，致力於打造優秀的一站式數據中台產品。我們始終保持工匠精神，探索前端道路，為社區積累並傳播經驗價值。 本文作者：霜序 前言 為何講這個內容？以為後續大家會使用 redux-toolkit，資產上週做了 redux-toolkit 的升級順便了解了相關內容，產出了這篇文章。 另外補齊一下在 React 數據流這個知識板塊的完整性。 React 中的數據流管理

react , redux-toolkit , redux , 前端

收藏 評論

axiaoxin_blog 頭像

axiaoxin - JSON-LD 類型使用示例大全

本文是針對 JSON-LD 類型的使用示例及其簡要介紹與説明。每個類型的示例展示瞭如何在 JSON-LD 中進行標註，並附帶了簡要説明，希望對你有所幫助。 文章目錄 JSON-LD 的主要核心類型 Thing（事物） CreativeWork（創作作品） Event（事件） Intangible（非實體事物） Organization（組織） P

seo , 前端 , Javascript , Json

收藏 評論

gqkmiss 頭像

月恆 - Chrome 瀏覽器 133 版本新特性

Chrome 133 版本新特性 一、Chrome 133 版本瀏覽器更新 1. 在桌面和 iOS 設備上使用 Google Lens 進行搜索 管理員可以通過名為 LensOverlaySettings 的策略控制該功能的所有元素。 執行搜索時，屏幕截圖會被髮送到 Google 服務器，但不會與任何 ID 或賬户關聯，也不會被任何人查看，且其內容數據不會被記錄。 為了使搜索能夠結合用户當前瀏覽的

chrome , 瀏覽器 , 前端

收藏 評論

gqkmiss 頭像

月恆 - Chrome 瀏覽器 134 版本新特性

Chrome 134 版本新特性 一、Chrome 134 版本瀏覽器更新 1. 在桌面和 iOS 設備上使用 Google Lens 進行屏幕搜索 Chrome 版本 適用平台 發佈進度 Chrome 126 ChromeOS、Linux、macOS、Windows 1% 穩定版用户可使用該功能 Chrome

chrome , 瀏覽器 , 前端

收藏 評論

huanjinliu 頭像

歡進 - 開源 | Warpvas 實現扭曲的畫布

介紹 名字靈感源於 warped + canvas，扭曲的畫布。 畫布可以被扭曲嗎？ 如果你使用過canvas，可能你對setTransform API也有所瞭解，那你可能會給出一個偏消極的答案：只能整體傾斜變形，但做不到扭曲變形。 但這真的做不到嗎？ 我們可以先來想一個問題：如果對於一個方方正正的圖像來説，setTransform API施加的變形效果只能作用於整體，那如果把它從斜對角切成兩份三

webgl , canvas , typescript , 前端 , Javascript

收藏 評論

gqkmiss 頭像

月恆 - ChromeOS 133 版本更新

ChromeOS 133 版本更新 1. 增強託管用户的 Office 文件處理功能 從 ChromeOS 133 開始，託管用户 現在可以 無縫打開和編輯 Microsoft Office 文件（Word、PowerPoint、Excel），無論他們使用的是 Microsoft 365（Office for the web） 還是 Google Workspace。 1.1. 對不同用户的優化

chrome , 瀏覽器 , 前端

收藏 評論

gqkmiss 頭像

月恆 - ChromeOS 134 版本更新

ChromeOS 134 版本更新 一、ChromeOS 134 更新內容 1. ChromeOS 自助終端（Kiosk）模式支持隔離 Web 應用（Isolated Web Apps） 從 ChromeOS 134 開始，自助終端（Kiosk）模式支持 隔離 Web 應用（Isolated Web Apps，IWA），提供 更安全、更強大 的應用解決方案，並可 深度集成系統功能。 1.1. 主要

chrome , 瀏覽器 , 前端

收藏 評論

vivo_tech 頭像

vivo互聯網技術 - 基於three.js的虛擬人陰影渲染優化方案

作者：來自 vivo 互聯網大前端團隊- Su Ning 本文將探討 three.js 中的陰影渲染機制，並分享一些針對性能和效果優化的實用技巧，幫助開發者在不同場景下做出最佳的權衡選擇。 一、前言 在3D網頁應用中，高質量的陰影渲染對於營造場景的真實感至關重要。作為廣泛採用的 WebGL 框架之一，three.js 為開發者提供了多種陰影渲染選項，使得創建生動逼真的光影效果成為可能。然而，實現這

three.js , web3 , 前端

收藏 評論

yayu 頭像

冴羽 - SvelteKit 最新中文文檔教程（2）—— 路由

前言 Svelte，一個語法簡潔、入門容易，面向未來的前端框架。 從 Svelte 誕生之初，就備受開發者的喜愛，根據統計，從 2019 年到 2024 年，連續 6 年一直是開發者最感興趣的前端框架 No.1： Svelte 以其獨特的編譯時優化機制著稱，具有輕量級、高性能、易上手等特性，非常適合構建輕量級 Web 項目。 為了幫助大家學習 Svelte，我同時搭建了 Svelte 最新的中文

svelte , 前端框架 , sveltekit , 前端 , Javascript

收藏 評論

yinzhixiaxue 頭像

銀之夏雪 - js繼承您瞭解多少呢

實現繼承的方式有很多，下面我們來寫常用的幾種（包括但不限於原型鏈繼承、構造函數繼承、組合繼承、寄生組合繼承、ES6繼承）： 原型鏈繼承 原型鏈繼承通過修改子類的原型為父類的實例，從而實現子類可以訪問到父類構造函數以及原型上的屬性或者方法。 // 原型鏈繼承 function Parent () { this.name = 'kobe' } Parent.prototype.getName

原型 , 繼承 , 原型鏈 , 前端 , Javascript

收藏 評論

lyflexi 頭像

月半大熊貓 - 《95%開發者不知道的vue.config.js高階玩法》手撕Webpack配置鏈/SSR優化/多頁應用，3倍構建效率實戰方案

Vue工程化配置指南：vue.config.js深度解析 一、初始化配置文件 在Vue CLI工程根路徑下創建配置文件： 項目層級示意： your-project/ ├── src/ ├── public/ ├── package.json └── vue.config.js # 新增配置文件 基本模板結構： module.exports = { // 工程化配置區域 } 二、核心配置參數解

vue.js , visual-studio-code , webpack , typescript , 前端

收藏 評論

yayu 頭像

冴羽 - SvelteKit 最新中文文檔教程（4）—— 表單 actions

前言 Svelte，一個語法簡潔、入門容易，面向未來的前端框架。 從 Svelte 誕生之初，就備受開發者的喜愛，根據統計，從 2019 年到 2024 年，連續 6 年一直是開發者最感興趣的前端框架 No.1： Svelte 以其獨特的編譯時優化機制著稱，具有輕量級、高性能、易上手等特性，非常適合構建輕量級 Web 項目。 為了幫助大家學習 Svelte，我同時搭建了 Svelte 最新的中文

svelte , 前端框架 , sveltekit , 前端 , Javascript

收藏 評論

fenanjiu 頭像

南玖 - 深入理解Base64編碼原理

前言 上篇文章有涉及到Base64編碼的內容，今天我們再來詳細瞭解一下Base64的編碼原理以及應用場景。 通過這篇文章你能夠學習到： 什麼是Base64，為什麼需要Base64？ Base64的編碼原理 Base64的應用場景 什麼是Base64？ Base64是一種用於傳輸8bit字節數據的編碼方式，Base64 的字符集包含 64 個字符（A-Z、a-z、0-9、+、/）以及補

編碼 , base64 , 前端 , Javascript

收藏 評論

duokeli 頭像

duokeli - 校園圈子系統功能聚焦：每個組合覆蓋核心服務模塊（跑腿 / 社交 / 陪玩 / 生態）/源碼/二開

校園圈子系統的功能進化與生態構建：跑腿、社交、陪玩與源碼二次開發的融合創新 一、核心服務模塊的多元化整合 當前校園圈子系統已從單一功能向“服務+社交+娛樂”生態閉環轉型，其核心模塊設計呈現以下趨勢： 跑腿服務的智能化升級 跑腿功能不再侷限於代取快遞、代買餐食，而是通過智能匹配算法優化訂單分配效率。例如，狐友平台的“跑腿任務”模塊支持實時需求發佈與搶單，結合LBS（基於位置的服務）技術

二次開發 , php , 源碼 , uni-app , 前端

收藏 評論

yayu 頭像

冴羽 - SvelteKit 最新中文文檔教程（5）—— 頁面選項

前言 Svelte，一個語法簡潔、入門容易，面向未來的前端框架。 從 Svelte 誕生之初，就備受開發者的喜愛，根據統計，從 2019 年到 2024 年，連續 6 年一直是開發者最感興趣的前端框架 No.1： Svelte 以其獨特的編譯時優化機制著稱，具有輕量級、高性能、易上手等特性，非常適合構建輕量級 Web 項目。 為了幫助大家學習 Svelte，我同時搭建了 Svelte 最新的中文

svelte , 前端框架 , sveltekit , 前端 , Javascript

收藏 評論

opentiny 頭像

OpenTiny社區 - OpenTiny技術直播講師招募：與開源同行，點亮技術影響力！

OpenTiny企業級前端開發解決方案，正在尋找熱愛分享的技術達人！加入我們的直播講師團，與眾多開發者一起分享你的經驗，推動技術普惠，同時打造個人技術影響力！ 報名鏈接：https://www.wjx.cn/vm/tw7FOgC.aspx#

低代碼 , 組件化 , 開源 , 前端

收藏 評論