tag Javascript

標籤
貢獻1,371
1568
06:37 AM · Oct 27 ,2025
tuzixiansen_63d4d65909d62 頭像 invalidnull 頭像 yayu 頭像 icecreamlj 頭像 lengxi_16 頭像 u_15469972 頭像 tanking 頭像 codesheep_pro 頭像 u_15943685 頭像 refanbanzhang 頭像 jdcdevloper 頭像 u_17141077 頭像

@Javascript / 博客 RSS 訂閱

howiecong 頭像

HowieCong - 刷題前必學！鏈表實戰！用JavaScript學數據結構與算法

🧑‍💻JavaScript算法與數據結構-HowieCong 務必要熟悉JavaScript使用再來學！ 一、鏈表三種方向 鏈表的處理：合併、刪除等（刪除操作畫個記號） 鏈表的反轉及其衍生題目 鏈表成環問題及其衍生題目 二、鏈表的合併 原題： 將兩個有序鏈表合併為一個新的有序鏈表並返回。新鏈表是通過拼接給定的兩個鏈表的所有結點組成的。 示例： 輸入：1-2-4, 1-3-4

數據結構 , 算法 , segmentfault , 數據結構和算法 , Javascript

收藏 評論

42_6398721f10a5e 頭像

42 - RxJS + Fetch: HTTP 請求的新紀元

RxJS + Fetch: HTTP 請求的新紀元 Reach 是一個使用 RxJS 和原生 Fetch API 構建的 HTTP Client，它受到 Axios 的啓發。 RxJS 用於實現類似於 Axios 中攔截器的功能，它被稱作管道，是比攔截器更加強大的自定義工具。同時它也儘量使用 Web API 而不是自定義數據類型，這使得它十分的輕量。 它使用起來類似這樣： import { R

rxjs , HTTP , Axios , typescript , Javascript

收藏 評論

wupeng_5a4de5c290b9d 頭像

PatWu16 - PWA離線應用調研

1、PWA應用介紹 PWA 是一種通過現代 Web 技術提供類似原生應用體驗的 Web 應用。它的核心特性包括： 可離線訪問：通過 Service Worker 實現離線緩存快速加載 利用緩存策略加速資源加載可安裝 用户可以將 PWA 添加到主屏幕，像原生應用一樣使用響應式設計 適配各種設備屏幕 PWA 的核心技術包括： Service Worker：用於攔截網絡請求、管理緩存

pwa , HTML , 前端 , Javascript

收藏 評論

heath_learning 頭像

heath_learning - 手把手教你用webpack打包一個多個模塊且不包含共享模塊代碼的JS庫

1、什麼叫“多個模塊且不包含共享模塊代碼的JS庫”？ 假設你現在要在npm上發佈一個js庫，你的庫裏有module1.js、module2.js2個模塊，這2個模塊都依賴了hex.js工具模塊，如果使用普通的 打包模式打包module1.js、module2.js2個模塊，那麼module1.js、module2.js2個模塊中都會包含hex.js工具模塊，這會導致 在項目導入這2個模

打包 , webpack , js庫 , 模塊化開發 , Javascript

收藏 評論

wupeng_5a4de5c290b9d 頭像

PatWu16 - PWA離線應用實踐

上篇文章整理了PWA離線應用的技術脈絡和注意事項，本篇文章將記錄使用Vue + Workbox + localforage 實現離線應用的實踐過程。 一、Vue工程改造 Vue CLI 提供了一個官方的 PWA 插件，可以快速為 Vue 項目添加 PWA 支持。運行以下命令安裝插件： // 在vue工程目錄下執行如下命令 vue add pwa 安裝完成後，插件會自動生成以下文件： src/

pwa , HTML , 前端 , Javascript

收藏 評論

dawanzi_6278b06ec111c 頭像

大丸子 - 用JavaScript在React中實現Word文檔和Markdown互轉

在現代Web開發的世界裏，React作為構建用户界面的領先庫，經常需要處理各種類型的數據轉換和展示任務。將Word文檔與Markdown文件相互轉換的能力不僅能夠增強用户體驗，還能極大地提高內容管理的效率。這種互轉功能對於那些需要頻繁更新內容或協作編輯的平台尤為重要，比如博客、技術文檔網站或是在線教育平台。通過直接在React應用中實現這一功能，開發者可以為用户提供更加無縫的編輯體驗，使得無論是習

react , word , 轉換 , Javascript , Markdown

收藏 評論

baqidemakebei 頭像

霸氣的馬克杯 - 解決方案之高效檢測PDF文件中的XSS攻擊問題

引言 隨着互聯網的普及和數字化辦公的推進，PDF（Portable Document Format）文件已成為信息交換的重要載體。然而，PDF文件的安全性問題也日益凸顯，尤其是跨站腳本攻擊（Cross-Site Scripting, XSS）的威脅。XSS攻擊通過在PDF文件中嵌入惡意腳本，當用户打開文件時，腳本會在其瀏覽器中執行，可能導致敏感信息泄露、會話劫持等嚴重後果。因此，高效檢測PDF文件

code , pdf , xss , 前端 , Javascript

收藏 評論

yinzhixiaxue 頭像

銀之夏雪 - CSS 真的會阻塞文檔解析嗎？從瀏覽器渲染原理深入探究一下

在網頁開發領域，一個常見的疑問是 CSS 是否會阻塞文檔解析。理解這一問題對於優化網頁性能、提升用户體驗至關重要。要深入解答這個問題，需要從瀏覽器渲染網頁的原理説起。 瀏覽器渲染網頁的基本流程 瀏覽器在接收到 HTML 文檔後，會依次進行以下幾個主要步驟： 解析 HTML：瀏覽器從網絡或本地獲取 HTML 文件，然後開始解析，將 HTML 代碼轉換為 DOM（Document Object M

瀏覽器 , 瀏覽器原理 , Css , 前端 , Javascript

收藏 評論

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

收藏 評論

finally_m 頭像

威哥愛編程 - React Native 核心技術知識點快速入門

大家好，我是 V 哥。React Native 是 Facebook 開發的一個開源框架，用於使用 JavaScript 和 React 構建原生移動應用。它允許開發者使用相同的代碼庫為 iOS 和 Android 平台創建高性能、美觀的應用程序。本文將介紹 React Native 的核心技術知識點，幫助初學者快速入門。 1. 環境搭建 在開始使用 React Native 之前，需要搭建開發環

react-native , Javascript

收藏 評論

lyflexi 頭像

月半大熊貓 - 從紅屏到斷點，VSCode+Chrome打開調試vue.js項目的黃金配置公式，後端轉前端必看！

夙夜小哥這幾天有個項目前端人手不夠，要我支援幾天。我本人之前是寫後端的，在支援的過程中發現前端對JavaScript或者typescript的方法提示以及代碼導航功能都比較弱，可能是由於js本身屬於弱類型語言，所以這波並不屬於VSCode的鍋。 但是我又發現好像VSCode不進行配置的話，沒法直接使用調試功能，好傢伙，這下讓我一頓上網衝浪百度+谷歌，翻來翻去感覺網友都沒有寫在點子上，最後還是

vue.js , visual-studio-code , 調試 , typescript , 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

收藏 評論

axiaoxin_blog 頭像

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

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

seo , 前端 , Javascript , Json

收藏 評論

huanjinliu 頭像

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

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

webgl , canvas , typescript , 前端 , Javascript

收藏 評論

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

收藏 評論

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

收藏 評論

dadehouzi 頭像

打盹的猴子 - 跨域請求（CORS）如何解決？

1. CORS 產生的原因 CORS 全稱為（Cross-Origin Resource Sharing：跨站資源共享），跨域請求是由於瀏覽器的同源策略（Same-Origin Policy）引起的，那麼 CORS 的產生和瀏覽器的同源策略有關係，我們先了解什麼是同源策略。 2. 什麼是同源策略 SOP 是所有的現代瀏覽器都具備的安全措施，它不允許從一個加載的js腳本和資源的 Origin 域與另

JAVA , 跨域 , Javascript

收藏 評論