@Javascript

Stories List
@axiaoxin_blog

JSON-LD 類型使用示例大全

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

axiaoxin_blog Avatar

@axiaoxin_blog

Nickname axiaoxin

@huanjinliu

開源 | Warpvas 實現扭曲的畫布

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

huanjinliu Avatar

@huanjinliu

Nickname 歡進

@yayu

SvelteKit 最新中文文檔教程(2)—— 路由

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

yayu Avatar

@yayu

Nickname 冴羽

@yinzhixiaxue

js繼承您瞭解多少呢

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

yinzhixiaxue Avatar

@yinzhixiaxue

Nickname 銀之夏雪

@yayu

SvelteKit 最新中文文檔教程(4)—— 表單 actions

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

yayu Avatar

@yayu

Nickname 冴羽

@fenanjiu

深入理解Base64編碼原理

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

fenanjiu Avatar

@fenanjiu

Nickname 南玖

@dadehouzi

跨域請求(CORS)如何解決?

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

dadehouzi Avatar

@dadehouzi

Nickname 打盹的猴子

@yayu

SvelteKit 最新中文文檔教程(5)—— 頁面選項

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

yayu Avatar

@yayu

Nickname 冴羽

@zhidechaomian_detxs7

戴着鐐銬跳舞:數字化生存時代如何重建生活秩序?

左手插着輸液管,右手還在瘋狂敲擊鍵盤改方案——25歲設計師小周的第七次急診室加班,換來病歷本上"自主神經功能紊亂"七個大字。這不是個例,而是996、短視頻、信息轟炸三重絞殺下的集體生存危機。本文將帶你看透混亂真相,用數字工具奪回人生掌控權。 一、秩序感崩塌:現代人的精神失重 神經學家實錘,人腦根本不是多線程CPU,當你邊回微信邊寫方案,錯誤率會像坐火箭般飆升——這就是你總忘關燃氣灶的科學解釋

zhidechaomian_detxs7 Avatar

@zhidechaomian_detxs7

Nickname 睿智的炒蘑菇

@front_yue

使用Three.js渲染器創建炫酷3D場景

引言 在當今數字化的時代,3D圖形技術正以其獨特的魅力在各個領域掀起波瀾。從影視製作到遊戲開發,從虛擬現實到網頁交互,3D場景以其強烈的視覺衝擊力和沉浸式的體驗,成為了吸引用户、傳達信息的重要手段。而Three.js,作為一款功能強大且廣受歡迎的JavaScript 3D庫,為我們提供了便捷、高效的途徑來創建令人炫目的3D場景。本文將深入探討使用Three.js渲染器創建炫酷3D場景的方方面面,帶

front_yue Avatar

@front_yue

Nickname Front_Yue

@huankuaidehongjiu_c2eaor

用Babel操作AST實現JavaScript代碼的自動化生成與轉換

目錄 目錄 環境搭建 代碼:修改AST的邏輯 重命名函數名 重命名變量並修改變量值 函數調用替換 控制流扁平化還原 刪除未使用的變量 對象屬性簡化 條件表達式優化 表達式還原 環境搭建 安裝環境 npm install @babel/parser @babel/traverse @babel/genera

huankuaidehongjiu_c2eaor Avatar

@huankuaidehongjiu_c2eaor

Nickname 歡快的紅酒_c2Eaor

@qfifteen

參透 JavaScript —— 圖解 Event Loop 事件循環

前言 本篇文章主要講解瀏覽器中事件循環(Event Loop) 那些事 單線程 JavaScript 中的同步和異步 同步任務是立即執行的任務,在調用棧(Call Stack)順序執行 異步任務則不同,它在同步任務沒完成之前,不會進入主線程,而是將對應回調函數註冊到隊列中,要理解這一步,我們先要知道任務隊列 任務隊列 在調用棧(Call Stack)中,如果遇到一個異步操作,那麼會將對應的回調函數

qfifteen Avatar

@qfifteen

Nickname 十五

@jieduanxingdebugger

幾款免費德國股票報價API對比|實時股票數據API

一、德國股票市場數據需求的核心挑戰 在量化交易領域,股票數據 API 的選擇直接決定策略的成敗。作為歐洲最大經濟體,德國股票市場(尤其是法蘭克福交易所)的股票報價 API 與股票實時 API 需求呈現三大核心挑戰: 時效性要求:高頻交易策略對股票實時 API 的延遲敏感度極高,需毫秒級響應支持 數據完整性:從 DAX30 藍籌股到 XETRA 小盤股,全市場覆蓋的股票數據 API 是策略有效

jieduanxingdebugger Avatar

@jieduanxingdebugger

Nickname 階段性debugger

@anjingdexiaoyanyao_ciaxxr

📥 x-cmd install | vtop - 在終端中實時掌握系統性能,讓監控更直觀!

還在用 top 命令查看 CPU 和內存使用情況?是時候升級你的監控體驗了!vtop 是一款強大的命令行工具和 TUI(文本用户界面),它使用 Unicode Braille 字符,在你的終端中繪製出 CPU 和內存使用率的實時圖表。告別枯燥的數字,迎接可視化的監控新時代! 安裝 # 啓用 install 模塊的交互式 APP,install 可簡寫為 i x i 選定軟件後,按下回車鍵將展示

@yayu

SvelteKit 最新中文文檔教程(13)—— Hooks

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

yayu Avatar

@yayu

Nickname 冴羽

@yayu

SvelteKit 最新中文文檔教程(14)—— 錯誤處理

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

yayu Avatar

@yayu

Nickname 冴羽

@yayu

SvelteKit 最新中文文檔教程(15)—— 鏈接選項

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

yayu Avatar

@yayu

Nickname 冴羽

@shixiansheng_67ea5ae9c45b7

蝦皮Shopee商品信息採集

Shopee(蝦皮)是東南亞流行的電商平台,很多商家和開發者對其商品詳情數據感興趣。採集Shopee商品詳情數據(特別是按商品ID獲取),常用方法是Shopee的API接口或爬蟲技術。不過,直接爬取數據可能涉及版權、隱私和平台使用條款問題,採集前要確保行為合規。 使用Shopee官方API:這是最推薦的方法。通過官方API,開發者可以合法、安全地獲取商品詳情數據,同時享受API提供的其他便利,如數

shixiansheng_67ea5ae9c45b7 Avatar

@shixiansheng_67ea5ae9c45b7

Nickname 呵呵人生

@yayu

SvelteKit 最新中文文檔教程(16)—— Service workers

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

yayu Avatar

@yayu

Nickname 冴羽

@yayu

SvelteKit 最新中文文檔教程(17)—— 僅服務端模塊和快照

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

yayu Avatar

@yayu

Nickname 冴羽

@yayu

SvelteKit 最新中文文檔教程(18)—— 淺層路由和 Packaging

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

yayu Avatar

@yayu

Nickname 冴羽

@yayu

SvelteKit 最新中文文檔教程(19)—— 最佳實踐之身份認證

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

yayu Avatar

@yayu

Nickname 冴羽