收藏 / 列表

jsoncode - vue3封裝一個帶動畫的關閉按鈕

預覽效果: 實現源碼: template MenuBtn :open="openMenu" :size="24" / /template template div :class="`menu ${open?'open':''}`" :style="`width:${size}px;height:${size}px`" span :sty

vue3 , css3動畫

高級BUG開發 - 在 Vue 3 項目配置 rem

在 Vue 3 中配置 rem 時,設計稿1920,如果你希望實現一個最小寬度為 1024px 的適配,意思是當屏幕寬度小於 1024px 時不再縮小字體大小,始終保持最小寬度的 rem 配置。可以通過動態設置根元素的字體大小來實現。 一、安裝插件 pnpm install amfe-flexible --save 二、自定義方法 根目錄新建 utils/rem.js文件 (function ()

vue3 , rem , HTML

程序員優雅哥 - Vue3 企業級優雅實戰 - 組件庫框架 - 8 搭建組件庫 cli

前面的文章分享了組件庫的開發、example、組件庫文檔,本文分享組件庫 cli 開發。 1 為什麼要開發組件庫 cli 回顧一個新組件的完整開發步驟: 1 在 packages 目錄下創建組件目錄 xxx: 1.1 使用 pnpm 初始化 package.json,修改 name 屬性; 1.2 在該目錄中創建 src 目錄和 index.ts 文件; 1.3 在 src 目錄下創建 types

vite , 組件庫 , vue3 , cli , 前端

微芒不朽 - CSS Flex 佈局比 float 更值得學

在現代 Web 開發中,佈局是構建用户界面的核心環節。長期以來,CSS 的 float 屬性曾是實現多列布局的主要手段,但隨着 CSS 技術的發展,Flexbox(彈性盒子佈局)已成為更強大、更直觀、更可靠的佈局方案。本文將從多個維度對比 float 與 Flex 佈局,並闡明為何 Flex 佈局更值得投入時間學習和使用。 1. 歷史背景:從 float 到 Flexbox float 最初設計用

前端

vivo互聯網技術 - NLLB 與 ChatGPT 雙向優化:探索翻譯模型與語言模型在小語種應用的融合策略

作者:來自 vivo 互聯網算法團隊- Huang Minghui 本文探討了 NLLB 翻譯模型與 ChatGPT 在小語種應用中的雙向優化策略。首先介紹了 NLLB-200 的背景、數據、分詞器和模型,以及其與 LLM(Large Language Model)的異同和協同關係。接着列舉了實戰與應用的案例,包括使用 ChatGPT 生成的樣本微調 NLLB-200 和使用 NLLB-200 的

llm , chatgpt , 人工智能 , 翻譯

友人A - 低代碼數字孿生三維開發框架

🚀 【重磅發佈】Meteor3DEditor —— 你的數字孿生世界,從此觸手可及! 還在為複雜的3D開發頭疼?Meteor3DEditor 來了!基於 Three.js + Vue3 打造的全新低代碼數字孿生平台,讓你像玩積木一樣輕鬆搭建3D場景!🎮 ✨ 為什麼選擇 Meteor3DEditor? ✔ 零門檻可視化編輯 —— 拖拽組件,自由佈局,無需深厚編程基礎 ✔ 超強二次開發

three.js , 低代碼開發平台 , 三維模型 , gis