tag Javascript

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

wszgrcy 頭像

wszgrcy - 我開源了一個表單庫 - 元數據定義一次,即可渲染

我查看了市面上所有的表單庫,都有一個致命的缺點,定義多次才能實現表單 比如,像下面的代碼(偽代碼) interface Test { firstName: string; } const form = useFormTest({ defaultValues: { firstName: "default", }, onSubmit: async ({ value }

react , vue.js , angular , typescript , Javascript

收藏 評論

dalidexiaoxiami 頭像

蘇彧 - 什麼是SSL證書？為什麼網站需要它？

以下是關於 SSL證書 及其重要性的詳細解答：  一、什麼是SSL證書？ ✅ 基本概念 SSL（Secure Sockets Layer）證書是一種數字文件，由受信任的第三方機構（稱為CA, Certificate Authority）頒發給網站所有者。它的核心作用有兩個： 1️⃣ 加密數據傳輸：在用户瀏覽器與服務器之間建立一條加密通道（實際使用的是更新的TLS協議，但行業仍習

ssl證書 , bootstrap , Javascript

收藏 評論

shuirongshui 頭像

水冗水孚 - 從一個動畫需求，來學習js中animation動畫事件的具體應用

本文通過一個具體的動畫需求，來講解一下js中animationend事件使用 在線演示效果一：https://ashuai.site/reactExamples/animationEvent 在線演示效果二：https://ashuai.work:8890/27 前言 平常，我們代碼中，會做一些事件的監聽 比如點擊事件、右鍵事件、滾動事件等 實際上，js中還提供了動畫事件的相關ap

animation , dom , Css , Javascript

收藏 評論

xiaomogu_5f2124ad3ad42 頭像

墨城 - 數組轉換

1、場景 ：批量新增的時候後台接收的數組對象只需要一兩個參數的信息 console.log("selectedRows--", selectedRows) let arrnew = selectedRows.map((item,index) = { return Object.assign({}， {'group_Dr':item.group_Dr,"mapInterface_

數組 , Javascript

收藏 評論

huyouxueboshi 頭像

水木清華 - Three.js實現3D地圖可視化-省份

實現效果 數據來源 地圖的是通過這個 shape 描繪成形狀展示的，數據可以通過 datav.aliyun 地圖json小工具 獲取到 數據拿到之後，就是展示的問題，直接展示是不行的，需要通過 d3 對數據處理，才能按照正確的地圖樣子展示 import * as d3 from "d3"; //莫開託座標 矯正地圖座標 //center 的位置可以自己定 const ha

vue.js , three.js , Javascript

收藏 評論

axui 頭像

AXUI - AXUI 發佈萬能網頁模版，包含 100+ 設計精美的模塊，複製可用，適合展示型網站

模板簡介 基於 AXUI 開發的前端萬能網頁模版，包含了list列表、banner通欄、form表單、accordion摺疊菜單、tab切換菜單、aside側邊板塊、card卡片圖文、map地圖板塊、marquee跑馬燈板塊、stats數字統計板塊、text正文板塊等常用模版。 模板特點 基於 AXUI 前端框架 基於 HTML5、CSS3 和 ES6 標準開發 CSS 和 JS 的

css3 , 模板 , typescript , 前端 , Javascript

收藏 評論

tizuqiudehongcha 頭像

踢足球的紅茶 - 在Python編程中，生成器（Generator）和迭代器（Iterator）是非常重要的概念

?? 深入淺出：Python中的生成器與迭代器 在Python編程中，生成器（Generator）和迭代器（Iterator）是非常重要的概念。理解這兩者的區別及其使用場景，可以幫助我們更高效地處理數據流和實現惰性計算。本文將為你深入淺出地講解這兩個概念，並通過示例代碼來幫助你更好地理解它們的用法。 ?? 一、什麼是迭代器？ 迭代器是一種對象，它實現了迭代協議，主要包括兩個方法： ? iter()

angular , Javascript

收藏 評論

yuhuashi_584a46acea21f 頭像

雨花石 - npm包的main字段

背景： 將前端項目中一些常用的代碼封裝成了一個單獨的npm包放在私服上，其他項目使用時通過install安裝後，webpack構建時提示找不到該npm包， This dependency was not found: * @b/sm2 in ./src/utils/js/common.js To install it, you can run: npm install --save @b/sm

npm , 前端 , Javascript

收藏 評論

codesheep_pro 頭像

CodeSheep - 我天，Java 已淪為老四。。

略想了一下才發現，自己好像有大半年都沒有關注過 TIOBE 社區了。 TIOBE 編程社區相信大家都聽過，這是一個查看各種編程語言流行程度和趨勢的社區，每個月都有榜單更新，每年也會有年度榜單和總結出爐。 昨晚在家整理瀏覽器收藏夾時，才想起了 TIOBE 社區，於是打開看了一眼最近的 TIOBE 編程語言社區指數。 沒想到，Java 居然已經跌出前三了，並且和第一名 Python 的差距也進一步拉

JAVA , c , go , Javascript , Python

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - vue3-onMounted和onActivated觸發問題

在Vue3中，當頁面第一次進入時，onMounted和onActivated這兩個生命週期鈎子都會觸發，導致初始化函數init()被執行兩次，我們希望只在初次進入時執行一次，而不是兩次。 其實最簡單的方法就是僅使用onActivated生命週期 如果同時使用兩個生命週期，就要在onMounted的時候做一個標記，然後在onActivated的時候改變這個標記 在keep

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

收藏 評論

beiniaonanyou 頭像

北鳥南遊 - 用現有bootstrap的模板，改造成nuxt3項目

為了響應快速開發企業網站，並且能夠適配移動端，完整的使用tailwind css寫一套還挺複雜。 雖然有很多的UI框架，這些框架開發管理系統還可以，有着統一的UI風格，企業網站主要面向C端用户，有着不同設計風格需求，那麼之前的bootstrap佈局的頁面還是很不錯的選擇。 比如就可以在模板王中下載一套項目代碼，通過將內容和文字做一些修改，即可給客户使用。 接下來是改造的過程： 改造最初通過詢問AI

bootstrap , tailwind-css , Javascript

收藏 評論

lanyiyun666 頭像

藍易雲 - python telnetlib詳解

Python telnetlib 詳解（含 3.13 之後的替代方案） 適用讀者：需要在受控內網/實驗環境使用 Telnet 的同學。生產環境強烈建議優先 SSH（如 Paramiko/Netmiko）。 版本事實：telnetlib 在 span style="color:red"Python 3.11 標記棄用/span，並已在 span style="color:red"Pytho

css3 , Css , HTML , html5 , Javascript

收藏 評論

yangy5hqv 頭像

夢想雲圖網頁CAD - （在線CAD插件）網頁CAD二開表格提取功能

前言 CAD圖紙上的表格信息承載着大量關鍵數據，生產過程中會導出表格數據到excel，本文將介紹如何通過自定義 MxCAD 插件，在web端實現對CAD圖紙中表格的智能識別、自動合併與高效導出，大幅提升數據提取效率與準確性，效果如下： 一、功能概述 本次圖紙表格提取主要實現以下核心功能： 交互式區域選擇：用户通過鼠標框選目標表格區域。 圖形元素識別：自動識別範圍內的直線、文字、多段線

node.js , typescript , npm , Javascript

收藏 評論

hightopo 頭像

hightopo - 儲能站運維管理一體化平台 | 圖撲數字孿生

全球能源轉型中，風電、光伏等可再生能源因間歇性給電網帶來挑戰，儲能系統成為關鍵支撐且需規模化應用。但傳統儲能運維模式效率低、響應慢、成本高，難以滿足需求，因此構建集實時監控、智能預警等功能於一體的儲能運維管理平台，是實現儲能精細化管理、提升效益、保障能源系統穩定的核心舉措。 效果展示 基於圖撲軟件自主研發的HT for Web產品搭建智慧儲能站運維管理平台，利用其強大的數據可視化和實時監控能力，實

無人機 , 可視化 , 前端 , html5 , Javascript

收藏 評論

htdaydayup_5da2d7a6d4888 頭像

圖撲軟件 - 3D 管道是如何流動的？

在3D場景中，管道是一種極為常見且重要的元素。它不僅能用於呈現工廠、發電站、地下設施等工業環境中的輸送系統，還可用來模擬數據的流動或處理過程，從而向用户直觀展示數據的流向。 在HT中，ht.Polyline是一個強大的工具，可以用來在3D場景中表示管道。它不僅支持貼圖，還能通過調整貼圖的UV偏移等屬性，生動地展示數據流的方向。ht.Polyline不僅限於簡單的管道表現，還可以使用它實現如流動、

管道 , 可視化 , 前端 , html5 , Javascript

收藏 評論

axuicn 頭像

AXUI前端框架 - AXUI前端框架推出全新自定義主題顏色工具

前言 對於一款成熟的 UI 框架而言，支持自定義主題顏色是必不可少的能力。過去，AXUI 一直專注於功能優化、性能提升和新模塊開發，因此遲遲未推出主題工具。但事實上，在 AXUI 的底層設計階段，我們已經為主題可定製性做好了充分準備：整個框架的主題色均採用 HSLA 模型進行設計。 HSLA 代表色相（Hue）、飽和度（Saturation）、亮度（Lightness）和透明度（Alpha）。與

vue.js , css3 , 前端框架 , html5 , Javascript

收藏 評論

nihaoanihao 頭像

你好啊你好 - 邊緣吸附組件（vue)

效果Gif圖 使用方式 script lang="ts" setup import EdgeDockable from "***/EdgeDockable.vue"; /script template !-- localStorage 存儲位置時所需要的 key="AI" -- EdgeDockable localStorageKey="AI" template #collap

vue3 , 前端 , Javascript

收藏 評論

nihaoanihao 頭像

你好啊你好 - 摩天輪（vue）

效果圖 使用示例 script lang="ts" setup import FerrisWheel from "**/FerrisWheel.vue"; import { ref } from "vue"; const defaultUrls = [ "https://naive-ui.oss-cn-beijing.aliyuncs.com/carousel-img/carousel1.

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

收藏 評論

hightopo 頭像

hightopo - 場景切換 × 流暢過渡動畫實現方案 | 圖撲軟件

在圖撲HT項目中，尤其是複雜應用裏，單一場景或圖紙通常難以承載所有需求，因此在多個圖紙或場景之間進行切換是一種常見的實現方式。本文將深入解析圖撲HT項目中場景/圖紙切換的核心實現方法，並詳細介紹如何為切換過程添加流暢自然的過渡效果，以提升用户體驗。 場景 / 圖紙核心切換步驟 圖撲HT項目中，實現圖紙或場景的無縫切換需嚴格遵循以下關鍵步驟，以避免潛在問題並確保切換過程穩定可靠： 清除當前的數

過渡效果 , 可視化 , 前端 , html5 , Javascript

收藏 評論

htdaydayup_5da2d7a6d4888 頭像

圖撲軟件 - 圖撲智慧工廠 | 光纜生產車間數字孿生監控

光纜製造工藝複雜離散、產品多樣，全流程高效化的關鍵在於車間任務調度能實時高效反饋信息。隨着生產數據激增與系統複雜度提升，傳統數據管理和監控手段漸顯不足，亟需引入具備實時反饋能力的現代化作業調度系統，以優化工藝、提升效率、把控質量。 效果展示 基於自研 HT for Web 構建的光纜生產車間輕量化監控系統，集控制、監視與管理功能於一體，可助力企業實現生產過程的數字化、智能化與自動化轉型，顯著提升

定位 , 可視化 , 前端 , html5 , Javascript

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - vue3路由跳轉，普通路由和動態路由

vue3路由跳轉分兩種： 1、普通路由 2、動態路由 普通路由 無需在路由配置中聲明，可以隨意添加任意參數 參數以鍵值對的形式出現在 URL 的 ? 之後，用 分隔 例如：/user?id=123name=John，其中 id=123 和 name=John 是 query 參數 參數是可選的非必填項，可以自由傳遞 跳轉方式 const router = useRoute

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

收藏 評論

gomi 頭像

Gomi - Chrome 138 beta Summarizer API 嚐鮮

前言 之前一直想把視頻AI總結的功能集成到Video Roll中，但是由於調用各廠商的AI接口基本上無法實現完全免費，即使免費額度也是有限制的，所以想免費提供給用户使用就捉襟見肘。另一種方式就是讓用户自己填各個廠商的key來做一箇中間件而已。於是覺得沒太大必要，一直擱置了這個功能。但是最近Chrome宣佈138版本將正式內置AI接口，比如Summarizer, Translater等。於是我趕緊下

chrome , gemini-pro , 人工智能 , 前端 , Javascript

收藏 評論

ysxq 頭像

衍生星球 - JSP 程序設計之 Web 技術基礎

在 Java Web 開發的世界裏，JSP（Java Server Pages）是一門舉足輕重的動態網頁開發技術。要學好 JSP，首先得紮實掌握 Web 技術基礎，下面就帶大家深入瞭解相關知識。 Web 的起源與發展 Web，本意是蜘蛛網和網，在網頁設計中特指網頁。它誕生於 1989 年 3 月，由歐洲粒子物理研究所的科學家蒂姆・伯納斯・李發明。1990 年 11 月，第一個 Web 服務器正式運

jsp , Css , HTML , Javascript , Web

收藏 評論

weirdo_5f6c401c6cc86 頭像

Weirdo - vue2項目同時引用了element ui的Dialog組件和iview ui的Model組件，Dialog遮擋Model內容

今天調試頁面效果的時候遇到這樣一個問題，就是項目中同時引用了element ui的Dialog彈窗組件和iview ui的Model彈窗組件，點擊Dialog彈窗中的某個輸入框需要彈出使用Model組件製作的地圖彈窗，發現如圖Model彈窗被Dialog彈窗遮擋，後面是在element ui的Dialog彈窗組件上加了句z-index:999解決了該問題，彈窗層級默認是自增的，但是使用不同

dialog , iview , element-ui , 前端 , Javascript

收藏 評論