tag Javascript

標籤
貢獻1,371
1576
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 訂閱

icecreamlj 頭像

一顆冰淇淋 - 提升開發體驗：基於 JSDoc 的 React 項目自動代碼提示方案詳解

需求背景 主管和其他同事基於公司的業務特點，開發了一套自研前端框架。技術選型是 React + JavaScript 的組合，上線後表現還不錯。現在他們想把這個組件庫推廣到其他團隊使用，所以讓我琢磨一下：怎麼能讓使用者用得更順手一點？尤其是能不能在寫代碼的時候有自動提示？ 我調研了一下市面上常見的幾種方案，大致有以下幾類： 把整個項目從 JavaScript 重構為 TypeScript，這樣

前端工程化 , jsdoc , typescript , 前端 , Javascript

收藏 評論

haiyong 頭像

海擁 - Madalin Stunt Cars 2：極限特技賽車網頁版深度解析（附遊戲試玩）

💂 網站推薦:【 摸魚遊戲】【神級代碼資源網站】【星海網址導航】 摸魚、技術交流羣👉 點此查看詳情 你是否厭倦了傳統賽車遊戲的固定賽道？《Madalin Stunt Cars 2》（點此試玩）帶來完全不同的狂野體驗： ✅ 自由開放世界 – 無賽道限制，全地圖任你狂飆 ✅ 超真實物理引擎 – 翻車、飛躍、360°空翻全模擬 ✅ 多款豪車可選 – 跑車、越野車、肌肉

css3 , 前端 , html5 , Javascript

收藏 評論

webshijie 頭像

前端視界 - 鴻蒙UI開發全解：JS與Java雙引擎實戰指南

摘要 隨着鴻蒙系統不斷迭代，越來越多開發者開始關注其獨有的跨設備生態能力。而UI開發作為用户體驗的關鍵，在鴻蒙中有着自己獨特的一套架構和流程。本文將從實際開發出發，帶你瞭解鴻蒙JS UI 和 Java UI 框架的開發方式，配合示例代碼、場景分析，幫助你快速上手。 引言 鴻蒙的UI體系主要有兩種開發模式：基於 JavaScript 的 聲明式 UI（JS UI 框架） 和基於 Java 的 命令式

harmonyos , Javascript , ui

收藏 評論

key_686e189f2e7cc 頭像

Key - 使用ENO將您的JSON對象生成HTML顯示

ENO 是簡單易用，性能卓越，自由靈活開源的 WEB 前端組件；實現 JSON 與 HTML 互操作的 JavaScript 函數庫。沒有任何其它依賴，足夠輕量. 　　WEBPack NPM 工程安裝。 　　npm install @joyzl/eno 　　然後在JS中引用 　　import "@joyzl/eno"; 　　將JS實體對象填充到表單 　　假設有一個如下

enoent , HTML , 前端 , Javascript , Json

收藏 評論

yourena_c 頭像

友人A - threejs的transformControls拖拽結束的異常

transformControls拖拽結束以後會以結束點的射線拾取重新選中新的模型，這裏發現是監聽事件的問題 // 創建 TransformControls const transformControls = new TransformControls(camera, renderer.domElement); const transformControlsHelp

three.js , 前端 , Javascript

收藏 評論

grapecity 頭像

葡萄城技術團隊 - JavaScript 異步編程指南：async/await 與 Promise 該怎麼選？

在 JavaScript 開發中，異步操作就像家常便飯 —— 從調用後端 API 到讀取本地文件，幾乎無處不在。但很多開發者都會困惑：到底該用 Promise 的鏈式調用，還是 async/await 語法？其實答案很簡單：沒有絕對的好壞，只有場景的適配。 今天我們就用實際案例聊聊，這兩種異步寫法各自適合什麼場景，以及如何在項目中混搭使用，讓代碼既高效又易讀。 先搞懂：兩者不是對立關係 很多人以為

異步編程 , Javascript

收藏 評論

chencaize 頭像

點墨 - React 中使用 ECharts 報錯 "series not exists"

問題現象 在 React 項目中使用 ECharts 時，控制枱報錯： series not exists. Legend data should be same with series name or data name 但已確認 legend.data 與 series.name 完全匹配，代碼邏輯看似正確。 問題根源 未正確註冊 ECharts 圖表組件。自 ECharts 5 起，官方採

react , echarts , Javascript

收藏 評論

yinzhixiaxue 頭像

銀之夏雪 - AntV G6 基礎元素詳解（React版）

一、初識 AntV G6 AntV G6 是螞蟻集團推出的專業級圖可視化引擎，適合構建關係圖譜、拓撲圖、流程圖等場景。相比其他圖形庫，G6 提供完整的佈局算法 和交互體系 ，開發者在 10 分鐘內即可搭建可交互的圖應用。 技術特點速覽： 支持 Canvas / SVG 雙渲染模式 內置 10+ 圖佈局算法 提供豐富的節點/邊類型 完善的文檔和 React 示例 二、節點（Nodes）完

數據可視化 , 前端 , Javascript

收藏 評論

yinzhixiaxue 頭像

銀之夏雪 - this你瞭解多少呢

執行上下文 js在執行代碼之前，需要經過一系列的“準備”，這被稱為執行上下文 ，其包含詞法環境 和this 。所有的 js 代碼在運行時都是在執行上下文中進行的，每創建一個執行上下文，就會將當前執行上下文放到一個棧頂，這就就是我們常説的執行棧 。 執行上下文的創建 何時創建執行上下文 JavaScript 中有三種情形會創建新的執行上下文： 全局執行上下文 ，進入去全局代碼的時候。任何不在函數

面試 , this , 前端 , Javascript

收藏 評論

yuhuashi_584a46acea21f 頭像

雨花石 - review代碼系列（二）：

背景： 因技術優化需要，打算將現有項目庫的部分代碼摘出來單獨構建，所以在package.json加了新的打包命令,當然也要單獨進行webpack配置。 處理babel時發現有兩種babel配置，既有babel.config.js，也有.babelrc。因為都在根目錄下面，所以新的構建任務默認也會使用這兩個babel配置。考慮到後續的單獨維護，覺得用單獨的babel配置比較好。那就要處理

webpack , babel , 前端 , Javascript

收藏 評論

momeak9 頭像

泯瀧 - 在企業環境中正確使用 Node.js 的九大原則

鏈接：https://www.platformatichq.com/node-principles 作者：James Snell 等 原標題：9 Principles for Doing Node.js Right in Enterprise Environments Node.js 為超過 630 萬個網站和無數的 API 提供支持，是包括沃爾瑪和網飛在內的現代應用程序的有效基石。每年

node.js , npm , HTML , 前端 , Javascript

收藏 評論

yangy5hqv 頭像

夢想雲圖網頁CAD - （Online CAD Software）在線CAD二次開發形位公差標註

一、前言 形位公差是指對零件幾何要素的形狀誤差和位置誤差所允許的最大變動量，它與傳統的尺寸公差不同，不僅關注長度或直徑等線性尺寸的變化，還關注零件的幾何特性是否符合設計意圖。在本篇文章中我們將介紹如何通過mxcad插件根據形位公差的特性來實現形位公差標註功能。 二、形位公差的分類 形位公差的所有公差代號如下圖所示： 根據國家標準 GB/T 1182-2018（等同於 ISO 1101

node.js , typescript , npm , html5 , Javascript

收藏 評論

tanking 頭像

TANKING - 抖音私信卡片源碼，揭秘抖音私信卡片生成的源碼和技術原理

摘要 抖音卡片是如何生成的？其實抖音是直接抓取html頁面的一些信息來生成封面圖、主標題、副標題的。 代碼 !DOCTYPE html html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-CN" head meta http-equiv="Content-Type" content="text/html; charset=utf-

微信 , 微信開發 , 後端 , 前端 , Javascript

收藏 評論

codesheep_pro 頭像

CodeSheep - JetBrains出手了，IDEA重大調整，來了！

昨晚我在家網上衝浪例行刷博客時又看到了一個事關 IntelliJ IDEA 變化的重磅消息，可能有些同學也看到了。 JetBrains 決定將 IntelliJ IDEA 全部遷移到統一發行版。 這是什麼意思呢？ 大家都知道，在此之前，在 IntelliJ IDEA 官網其實一直是提供有兩套安裝包供用户去下載和安裝使用的。 分別為： IntelliJ IDEA Ultimate：專業旗艦版

intellij-idea , JAVA , 後端 , 前端 , Javascript

收藏 評論

kestrel_task 頭像

微芒不朽 - Vue3開發技巧：使用jsx快速開發組件

創建項目 pnpm create vite 直接使用模板創建 pnpm create vite my-vue-app --template vue 安裝 JSX 支持依賴 cd my-vue-app npm install @vitejs/plugin-vue-jsx -D 配置 vite.config.js import { defineConfig } from 'vite' import v

vite , jsx , vue3 , 前端 , Javascript

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - 《vue.js設計與實現》——嵌套的 effect 與 effect 棧

effect 是可以發生嵌套的 vue.js的下渲染函數其實就是在一個effect中執行的 當組件發生嵌套時，例如Foo組件渲染了Bar組件 // Bar組件 const Bar = { render() { } } // Foo組件嵌套渲染了Bar組件 const Foo = { render() { return Bar / } } 此時就發

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

收藏 評論

silkide 頭像

Silkide - 前端數據拷貝簡史

本來是自己想了解下js中關於零拷貝的內容，順藤摸瓜瞭解了下相關歷史演進，便有了這篇文章。雖説是數據拷貝歷，但其中也夾雜了大量關於Ajax和SPA的歷史，也算是順着拷貝這條藤摸到的瓜，所以有點跑題。希望大家能開心吃瓜，如果有任何紕漏和補充，請在評論區暢所欲言，我們一起完善這段有趣的歷史。 一、為什麼我們需要拷貝？ 小明已經有了一個羅技G102鼠標，但是他又買了一個，請問為什麼？答：因為怕第一個壞掉了

深拷貝 , Ajax , spa , 前端 , Javascript

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - 《vue.js設計與實現》——調度執行

調度性的定義：當我們執行trigger動作觸發副作用函數重新執行時，有能力決定副作用函數的時機、次數以及方式 控制執行時機 先來看看如何決定副作用函數的執行方式 const data = { foo: 1 } const obj = new Proxy(data, {}); // 為了演示，省略代理配置 effect(() = { console.log(obj.foo); }) obj.

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

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - 《vue.js設計與實現》——計算屬性computed與lazy

在深入瞭解計算屬性之前，我們需要先知道懶執行的effect，也就是lazy的effect 我們現在實現的effect函數會立即執行傳遞給它的副作用函數，例如： effect( // 這個函數會立即執行 () = { console.log('執行了'); } ) 但有的時候我們不需要他立即執行，而是在需要的時候才執行，這個特性就跟計算屬性很像 我們可以在option

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

收藏 評論

axui 頭像

AXUI - AXUI v3.1.27震撼發佈：全新Viewer媒體查看器模塊和Toast短消息模塊

更新內容 修復Range組件使用reset方法無效的問題。 將 Range 庫的參數從 aixs 改為 flow，可選值為 h/v（水平/垂直） 修復Datetime組件在手機端下拉年份和月份高度不正確的問題的。 修復Select組件的工具箱顏色問題 修復Search組件，使用shape屬性時報錯的問題。 修復Search組件，使用s

前端框架 , typescript , 前端 , html5 , Javascript

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - 《vue.js設計與實現》——watch的實現原理

簡易watch監聽 watch其實就是監聽給定的響應式數據變化，當數據變化時執行的回調函數 watch(obj, () = { console.log("數據變化了"); }) // 修改obj數據，watch自動觸發 obj.foo++ 實際上，watch就是利用了effect以及options.scheduler選項 effect( () = { console

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

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - 《vue.js設計與實現》——立即執行的 watch 與回調執行時機

watch的本質其實是對effect的二次封裝 watch的兩個特性： 1、立即執行的回調函數 2、回調函數的執行時機 立即執行的回調函數 在vue.js中，watch通過immediate屬性來實現立即執行，如下 watch(obj, () = { console.log('變化'); }, { immediate: true }) 當immediate存在並且為tr

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

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - 《vue.js設計與實現》——過期的副作用

我們平時可能不太關注"競態"的問題，但是你在日常的工作中可能或多少遇到過"競態" let finalData; watch(obj, async () = { // 發送一個請求 let res = await fetch('/api/request'); // 將數據保存到finalData finalData = res; }) 這段代碼看起來沒問題，實際上會發

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

收藏 評論

usdoc 頭像

usdoc - 前端VUE.js實現Excel文件的在線預覽效果

簡介 在日常工作中，我們經常需要快速查看Excel文件的內容，但不一定總是需要打開完整的Excel軟件。為了解決這個問題，我開發了一個輕量級的在線Excel預覽工具，讓您可以通過瀏覽器快速查看Excel文件內容。 🔗 在線體驗：點擊查看Excel文件在線預覽效果 功能特點 無需安裝，打開網頁即可使用 支持拖拽上傳或點擊選擇文件 界面簡潔清晰，操作直觀 核心功能 純前端實現，無需服

chrome , typescript , HTML , html5 , Javascript

收藏 評論