《vue.js設計與實現》——調度執行
調度性的定義：當我們執行trigger動作觸發副作用函數重新執行時，有能力決定副作用函數的時機、次數以及方式 控制執行時機 先來看看如何決定副作用函數的執行方式 const data = { foo: 1 } const obj = new Proxy(data, {}); // 為了演示，省略代理配置 effect(() = { console.log(obj.foo); }) obj.
昵稱 兔子先森
@Javascript
貢獻者374
粉絲0
貢獻者
@Javascript
動態 列表
《vue.js設計與實現》——計算屬性computed與lazy
在深入瞭解計算屬性之前，我們需要先知道懶執行的effect，也就是lazy的effect 我們現在實現的effect函數會立即執行傳遞給它的副作用函數，例如： effect( // 這個函數會立即執行 () = { console.log('執行了'); } ) 但有的時候我們不需要他立即執行，而是在需要的時候才執行，這個特性就跟計算屬性很像 我們可以在option
昵稱 兔子先森
AXUI v3.1.27震撼發佈：全新Viewer媒體查看器模塊和Toast短消息模塊
更新內容 修復Range組件使用reset方法無效的問題。 將 Range 庫的參數從 aixs 改為 flow，可選值為 h/v（水平/垂直） 修復Datetime組件在手機端下拉年份和月份高度不正確的問題的。 修復Select組件的工具箱顏色問題 修復Search組件，使用shape屬性時報錯的問題。 修復Search組件，使用s
昵稱 AXUI
《vue.js設計與實現》——watch的實現原理
簡易watch監聽 watch其實就是監聽給定的響應式數據變化，當數據變化時執行的回調函數 watch(obj, () = { console.log("數據變化了"); }) // 修改obj數據，watch自動觸發 obj.foo++ 實際上，watch就是利用了effect以及options.scheduler選項 effect( () = { console
昵稱 兔子先森
《vue.js設計與實現》——立即執行的 watch 與回調執行時機
watch的本質其實是對effect的二次封裝 watch的兩個特性： 1、立即執行的回調函數 2、回調函數的執行時機 立即執行的回調函數 在vue.js中，watch通過immediate屬性來實現立即執行，如下 watch(obj, () = { console.log('變化'); }, { immediate: true }) 當immediate存在並且為tr
昵稱 兔子先森
《vue.js設計與實現》——過期的副作用
我們平時可能不太關注"競態"的問題，但是你在日常的工作中可能或多少遇到過"競態" let finalData; watch(obj, async () = { // 發送一個請求 let res = await fetch('/api/request'); // 將數據保存到finalData finalData = res; }) 這段代碼看起來沒問題，實際上會發
昵稱 兔子先森
前端VUE.js實現Excel文件的在線預覽效果
簡介 在日常工作中，我們經常需要快速查看Excel文件的內容，但不一定總是需要打開完整的Excel軟件。為了解決這個問題，我開發了一個輕量級的在線Excel預覽工具，讓您可以通過瀏覽器快速查看Excel文件內容。 🔗 在線體驗：點擊查看Excel文件在線預覽效果 功能特點 無需安裝，打開網頁即可使用 支持拖拽上傳或點擊選擇文件 界面簡潔清晰，操作直觀 核心功能 純前端實現，無需服
昵稱 usdoc
我開源了一個表單庫 - 元數據定義一次,即可渲染
我查看了市面上所有的表單庫,都有一個致命的缺點,定義多次才能實現表單 比如,像下面的代碼(偽代碼) interface Test { firstName: string; } const form = useFormTest({ defaultValues: { firstName: "default", }, onSubmit: async ({ value }
昵稱 wszgrcy
什麼是SSL證書？為什麼網站需要它？
以下是關於 SSL證書 及其重要性的詳細解答： 一、什麼是SSL證書？ ✅ 基本概念 SSL（Secure Sockets Layer）證書是一種數字文件，由受信任的第三方機構（稱為CA, Certificate Authority）頒發給網站所有者。它的核心作用有兩個： 1️⃣ 加密數據傳輸：在用户瀏覽器與服務器之間建立一條加密通道（實際使用的是更新的TLS協議，但行業仍習
昵稱 蘇彧
從一個動畫需求，來學習js中animation動畫事件的具體應用
本文通過一個具體的動畫需求，來講解一下js中animationend事件使用 在線演示效果一：https://ashuai.site/reactExamples/animationEvent 在線演示效果二：https://ashuai.work:8890/27 前言 平常，我們代碼中，會做一些事件的監聽 比如點擊事件、右鍵事件、滾動事件等 實際上，js中還提供了動畫事件的相關ap
昵稱 水冗水孚
數組轉換
1、場景 ：批量新增的時候後台接收的數組對象只需要一兩個參數的信息 console.log("selectedRows--", selectedRows) let arrnew = selectedRows.map((item,index) = { return Object.assign({}， {'group_Dr':item.group_Dr,"mapInterface_
昵稱 墨城
Three.js實現3D地圖可視化-省份
實現效果 數據來源 地圖的是通過這個 shape 描繪成形狀展示的，數據可以通過 datav.aliyun 地圖json小工具 獲取到 數據拿到之後，就是展示的問題，直接展示是不行的，需要通過 d3 對數據處理，才能按照正確的地圖樣子展示 import * as d3 from "d3"; //莫開託座標 矯正地圖座標 //center 的位置可以自己定 const ha
昵稱 水木清華
AXUI 發佈萬能網頁模版，包含 100+ 設計精美的模塊，複製可用，適合展示型網站
模板簡介 基於 AXUI 開發的前端萬能網頁模版，包含了list列表、banner通欄、form表單、accordion摺疊菜單、tab切換菜單、aside側邊板塊、card卡片圖文、map地圖板塊、marquee跑馬燈板塊、stats數字統計板塊、text正文板塊等常用模版。 模板特點 基於 AXUI 前端框架 基於 HTML5、CSS3 和 ES6 標準開發 CSS 和 JS 的
昵稱 AXUI
在Python編程中，生成器（Generator）和迭代器（Iterator）是非常重要的概念
?? 深入淺出：Python中的生成器與迭代器 在Python編程中，生成器（Generator）和迭代器（Iterator）是非常重要的概念。理解這兩者的區別及其使用場景，可以幫助我們更高效地處理數據流和實現惰性計算。本文將為你深入淺出地講解這兩個概念，並通過示例代碼來幫助你更好地理解它們的用法。 ?? 一、什麼是迭代器？ 迭代器是一種對象，它實現了迭代協議，主要包括兩個方法： ? iter()
昵稱 踢足球的紅茶
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
昵稱 雨花石
我天，Java 已淪為老四。。
略想了一下才發現，自己好像有大半年都沒有關注過 TIOBE 社區了。 TIOBE 編程社區相信大家都聽過，這是一個查看各種編程語言流行程度和趨勢的社區，每個月都有榜單更新，每年也會有年度榜單和總結出爐。 昨晚在家整理瀏覽器收藏夾時，才想起了 TIOBE 社區，於是打開看了一眼最近的 TIOBE 編程語言社區指數。 沒想到，Java 居然已經跌出前三了，並且和第一名 Python 的差距也進一步拉
昵稱 CodeSheep
vue3-onMounted和onActivated觸發問題
在Vue3中，當頁面第一次進入時，onMounted和onActivated這兩個生命週期鈎子都會觸發，導致初始化函數init()被執行兩次，我們希望只在初次進入時執行一次，而不是兩次。 其實最簡單的方法就是僅使用onActivated生命週期 如果同時使用兩個生命週期，就要在onMounted的時候做一個標記，然後在onActivated的時候改變這個標記 在keep
昵稱 兔子先森
用現有bootstrap的模板，改造成nuxt3項目
為了響應快速開發企業網站，並且能夠適配移動端，完整的使用tailwind css寫一套還挺複雜。 雖然有很多的UI框架，這些框架開發管理系統還可以，有着統一的UI風格，企業網站主要面向C端用户，有着不同設計風格需求，那麼之前的bootstrap佈局的頁面還是很不錯的選擇。 比如就可以在模板王中下載一套項目代碼，通過將內容和文字做一些修改，即可給客户使用。 接下來是改造的過程： 改造最初通過詢問AI
昵稱 北鳥南遊
python telnetlib詳解
Python telnetlib 詳解（含 3.13 之後的替代方案） 適用讀者：需要在受控內網/實驗環境使用 Telnet 的同學。生產環境強烈建議優先 SSH（如 Paramiko/Netmiko）。 版本事實：telnetlib 在 span style="color:red"Python 3.11 標記棄用/span，並已在 span style="color:red"Pytho
昵稱 藍易雲
（在線CAD插件）網頁CAD二開表格提取功能
前言 CAD圖紙上的表格信息承載着大量關鍵數據，生產過程中會導出表格數據到excel，本文將介紹如何通過自定義 MxCAD 插件，在web端實現對CAD圖紙中表格的智能識別、自動合併與高效導出，大幅提升數據提取效率與準確性，效果如下： 一、功能概述 本次圖紙表格提取主要實現以下核心功能： 交互式區域選擇：用户通過鼠標框選目標表格區域。 圖形元素識別：自動識別範圍內的直線、文字、多段線
昵稱 夢想雲圖網頁CAD
儲能站運維管理一體化平台 | 圖撲數字孿生
全球能源轉型中，風電、光伏等可再生能源因間歇性給電網帶來挑戰，儲能系統成為關鍵支撐且需規模化應用。但傳統儲能運維模式效率低、響應慢、成本高，難以滿足需求，因此構建集實時監控、智能預警等功能於一體的儲能運維管理平台，是實現儲能精細化管理、提升效益、保障能源系統穩定的核心舉措。 效果展示 基於圖撲軟件自主研發的HT for Web產品搭建智慧儲能站運維管理平台，利用其強大的數據可視化和實時監控能力，實
昵稱 hightopo
3D 管道是如何流動的？
在3D場景中，管道是一種極為常見且重要的元素。它不僅能用於呈現工廠、發電站、地下設施等工業環境中的輸送系統，還可用來模擬數據的流動或處理過程，從而向用户直觀展示數據的流向。 在HT中，ht.Polyline是一個強大的工具，可以用來在3D場景中表示管道。它不僅支持貼圖，還能通過調整貼圖的UV偏移等屬性，生動地展示數據流的方向。ht.Polyline不僅限於簡單的管道表現，還可以使用它實現如流動、
昵稱 圖撲軟件
AXUI前端框架推出全新自定義主題顏色工具
前言 對於一款成熟的 UI 框架而言，支持自定義主題顏色是必不可少的能力。過去，AXUI 一直專注於功能優化、性能提升和新模塊開發，因此遲遲未推出主題工具。但事實上，在 AXUI 的底層設計階段，我們已經為主題可定製性做好了充分準備：整個框架的主題色均採用 HSLA 模型進行設計。 HSLA 代表色相（Hue）、飽和度（Saturation）、亮度（Lightness）和透明度（Alpha）。與
昵稱 AXUI前端框架
邊緣吸附組件（vue)
效果Gif圖 使用方式 script lang="ts" setup import EdgeDockable from "***/EdgeDockable.vue"; /script template !-- localStorage 存儲位置時所需要的 key="AI" -- EdgeDockable localStorageKey="AI" template #collap
昵稱 你好啊你好