tag vue.js

標籤
貢獻371
383
05:55 PM · Oct 25 ,2025

@vue.js / 博客 RSS 訂閱

兔子先森 - 流式輸出-流式渲染-02

現在有很多框架實現了流式渲染,我在這裏例舉幾個: React框架 ● Ant-Design-X Vue框架 ● Element-Plus-X ● MateChat (PC/H5雙端兼容) H5移動端 ● ChatUI-React 這裏以MateChat框架做示例,MateChat是一個獨立的AI對話組件,不與其它UI框架關聯,可直接引入項目使用。 一般的流式渲染分兩種

vue.js , HTML , 前端 , Javascript

收藏 評論

兔子先森 - 流式輸出-建立SSE連接-01

什麼是流式輸出 流式輸出,也稱為流式傳輸,指的是服務器持續地將數據推送到客户端,而不是一次性發送完畢。這種模式下,連接一旦建立,服務器就能實時地發送更新給客户端。 人話講就是跟接口建立連接,只要接口不斷開,服務器就能實時的把信息發送給前端,AI流式輸出中,接口每次返回一小段話,前端拿到後流式渲染即可。 有點類似websocket,但SSE是單向的 fetch-event-source

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

收藏 評論

兔子先森 - uniapp微信小程序長按功能

現在要實現一個按鈕長按的功能,大概有如下幾個要點: 1、長按按鈕,按鈕覆蓋整個輸入框 2、長按的過程中移動手指,判斷手指移動的位置是否在按鈕內 3、長按鬆開,按鈕還原 按鈕結構如下: view id="audio-full" :class="[ 'audio-full', isLongpress 'touch-longpress'

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

收藏 評論

兔子先森 - uniapp微信小程序請求麥克風授權

首先找到manifest.json文件,開啓微信小程序授權請求 "permission": { "scope.record": { "desc": "需要使用麥克風進行語音錄製" // 此處描述需符合微信規範 } } 然後通過uni.getSetting查詢麥克風授權狀態 麥克風的scope值為scope.record,如果已授權則直接返回,若

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

收藏 評論

你好啊你好 - 強化 Naive UI n-message-provider 的 to 屬性,實現自由指向

效果 使用示例 script setup lang="ts" import ToMessage from "**/NaiveMessage"; function a() { ToMessage("#a", "測試消息a", { duration: 0, closable: true }); } function b() { ToMessage("#b", "測試消息b", { dura

vue.js , vue3 , 前端

收藏 評論

Java陳序員 - 像老鄉雞那樣做飯!

大家好,我是 Java陳序員。 前段時間西貝羅永浩事件鬧得沸沸揚揚,西貝的做法可謂是激起廣大網友的不滿。 想不到的是,這場爭論的最後贏家居然是老鄉雞。與西貝相反的是,老鄉雞預製菜完全公開透明,不遮遮掩掩,而且價格十分親民。 與此相對應的,最近在 Github 有個項目 —— CookLikeHOC(像老鄉雞那樣做飯),十分爆火,短短的時間內,斬獲幾千 Star! 關注微信公眾號:【Java陳序

vue.js , github , node.js

收藏 評論

potato1314 - 本人前端兼職(效率高、有責任心)

擅長技術:Vue、React、Uniapp、nuxt、小程序開發、公眾號開發、後台管理系統開發、Nodejs、Java 10年多工作經驗 聯繫方式微信:wang-de-love

react , vue.js , typescript , 前端 , Javascript

收藏 評論

兔子先森 - electron-builder打包配置説明

我們一般使用electron-builder對electron項目進行打包,在package.json中配置打包的詳細操作 pnpm install electron-builder -D package.json中的詳細字段解釋: "build": { "appId": "your.id", // 應用的唯一ID "productName": "YourProductName"

react , vue.js , electron , 前端 , Javascript

收藏 評論

Yujiaao - AI輔助學習:給一個 mvvm 模式使用的小例子

MVVM在面試時問得很多,下面讓Ai教我們怎麼用這個模式: 以下是一個簡單的 MVVM(Model-View-ViewModel)模式在 JavaScript(使用 Vue.js 框架來實現)中的小例子,展示瞭如何實現數據綁定和交互邏輯的分離。 1. 項目搭建 首先,確保你已經安裝了 Vue.js。如果沒有,可以通過以下方式在項目中引入: 在 HTML 文件的頭部添加如下 CDN 鏈接: s

vue.js , mvvm

收藏 評論

十五 - 中後台開發必修課:Vue 項目中 Pinia 與 Router 完全攻略

前言 本篇文章主要講解如何來配置 Pinia 和 Vue Router 本文也是《通俗易懂的中後台系統建設指南》系列的第二篇文章,該系列旨在告訴你如何來構建一個優秀的中後台管理系統 寫在前面 路由(Router)和狀態管理(Vuex、Pinia)是 Vue 項目中的常客。基本上在 Vue 的項目中,我們構建一個 Web 應用都離不開它們,如果你是 Vue2 的用户,那麼你對它們不會陌生 如果你是跟

vue.js , pinia , router , 前端

收藏 評論

倔強青銅三 - Vite VS Webpack,誰才是最強構建工具

Vite VS Webpack,誰才是最強構建工具 前言 大家好,我是倔強青銅三。是一名熱情的軟件工程師,我熱衷於分享和傳播IT技術,致力於通過我的知識和技能推動技術交流與創新,歡迎關注我,微信公眾號:倔強青銅三。 Vite vs Webpack:哪個更適合您的項目? 隨着Web應用的不斷髮展,對更快、更高效的開發工具的需求也在日益增長。多年來,Webpack一直是複雜應用的首選打包工具,以其強

vue.js , vite , webpack , 前端 , Javascript

收藏 評論

web網站裝修工 - vue+node後台管理(帶預覽地址)

最近在逛開源網站時發現了一個比較實用又簡潔的開源後台管理。 先貼一下預覽地址:點擊直達 為啥説比較實用呢!來看看它的功能就知道了: 用户管理 菜單管理 角色管理 菜單權限 角色權限 字典管理 富文本+圖片管理+文件管理 等等還有一些比較實用的.... 用過後台都知道這幾個功能的含金量,還自帶了node後端直接啓動就可使用。 最後再貼幾張演示圖:

vue.js , 框架 , node.js , 後端 , 前端

收藏 評論

倔強青銅三 - 教你玩轉JavaScript元編程

教你玩轉JavaScript元編程 大家好,我是倔強青銅三。我是一名熱情的軟件工程師,我熱衷於分享和傳播IT技術,致力於通過我的知識和技能推動技術交流與創新,歡迎關注我,微信公眾號:倔強青銅三。 JavaScript元編程:深度解析Proxy、Reflect和對象屬性控制 JavaScript元編程超越了典型編程的範疇,為開發人員提供了一套創建高度靈活、高效和響應式代碼庫的工具。讓我們深入探討Pr

vue.js , ecmascript-6 , node.js , 前端 , Javascript

收藏 評論

十五 - 受夠了團隊代碼風格不統一?7千字教你從零搭建代碼規範體系

前言 此篇文章主要講解如何來搭建一套代碼規範體系,主要內容為:通過 ESLint + Prettier + Stylelint 實現代碼風格規範、格式化,通過 EditorConfig 實現 IDE 編碼風格規範化 本文約 7k 字,主要內容分為 7 個大章節,內分多個小章節。請耐心讀完,相信你應該有所收穫 本文也是《通俗易懂的中後台系統建設指南》系列的第四篇文章,該系列旨在告訴你如何來構建一個優

vue.js , 代碼規範 , 前端

收藏 評論

藍天海礁 - 創建GitHub Pages博客

創建GitHub Pages博客 為啥用這個,主要是免費、部署快,對個人博客要求沒那麼高的可以搞一下子 基礎配置工作 首先登錄github: https://github.com 然後在setting設置repo名字和github.com名字一致 github.com是 https://github.com/lantianhaijiao,github.io名字是lantianhai

vue.js , 技術分享 , hexo , 博客搭建 , 前端

收藏 評論

水冗水孚 - 實現el-table樹結構表格展開摺疊且合併單元格功能(兩種思路)

需求描述 樹結構表格 可展開摺疊,有children子集項 並且對應列還需要合併單元格(大類合併) 筆者試了試 使用el-table自帶的樹結構表格似乎沒法實現 就這個::tree-props="{children: 'children', hasChildren: 'hasChildren'}" 於是,只能換種思路實現了 添加行、刪除行方式,同時動態計算需要合併的單元格信息 效

vue.js , element-plus , element-ui

收藏 評論

月恆 - Vue Vite 項目增加 eslint 和 prettier

Vue Vite 項目增加 eslint 和 prettier Eslint 版本為 8.X 1. 安裝 8.X 版本的 eslint pnpm i eslint@^8.57.0 -D 2. 安裝 eslint 以及 prettier 以及一堆依賴 pnpm i eslint eslint-plugin-vue @vue/eslint-config-prettier prettier es

vue.js , eslint , prettier , 前端

收藏 評論

兔子先森 - 原生electron起步-從零到一完成構建和打包

官網:https://www.electronjs.org/zh/ 安裝依賴 初始化package.json pnpm init 安裝依賴 pnpm add -D electron 安裝報錯解決方案:https://blog.csdn.net/qq_38463737/article/details/140277803 1、打開npm的配置文件 # cmd 運行打開配置文件 npm confi

react , vue.js , electron , 前端 , Javascript

收藏 評論

月半大熊貓 - 《95%開發者不知道的vue.config.js高階玩法》手撕Webpack配置鏈/SSR優化/多頁應用,3倍構建效率實戰方案

Vue工程化配置指南:vue.config.js深度解析 一、初始化配置文件 在Vue CLI工程根路徑下創建配置文件: 項目層級示意: your-project/ ├── src/ ├── public/ ├── package.json └── vue.config.js # 新增配置文件 基本模板結構: module.exports = { // 工程化配置區域 } 二、核心配置參數解

vue.js , visual-studio-code , webpack , typescript , 前端

收藏 評論

奔放的炒粉 - 強調風險與成本:讓客户看到潛在代價

些客户在制定目標時只看到理想收益,卻忽視了過程中可能產生的各種風險與成本。讓客户直觀地感受到不合理目標帶來的潛在代價,往往能促使他們變得更加審慎。 (一)列舉潛在風險清單 質量風險:項目時間不足,必然導致測試、優化環節被壓縮,進而引發上線後BUG頻發或安全漏洞。 人員疲勞與流失:過度壓縮週期會讓團隊長期處於加班狀態,員工士氣和健康受損,關鍵崗位人員離職的概率也會增加。 技術債務:為趕進度或節省預算

vue.js , bootstrap , chrome-devtools

收藏 評論

兔子先森 - 微信小程序獲取和修改用户頭像信息

這裏主要用到button的open-type功能,官網已有説明: 給button設置open-type="chooseAvatar",來使bindchooseavatar方法生效,在bindchooseavatar指定的函數中獲取用户的頭像信息 button open-type="chooseAvatar" bindchooseavatar="chooseavatar"/b

vue.js , 微信小程序 , HTML , 前端 , Javascript

收藏 評論

雲端的日子 - 前端工程師工作週報

0大前提:A系統是vue2+elementui 主要功能: 實現elementui貼近antdesign周選擇器和級聯選器的功能, 造輪子, 各種組件拼接, 使用源碼的api或者樣式早哦輪子 1.領導讓寫一個周選擇器,類似antd4.x版本的, 如下: ps:為什麼強調antd的版本, 因為antd4.x在我的A系統中不可用 因此用cursor重寫了一個輪子, 從div寫起, 邊問ai邊改

vue.js , ant-design-vue , echarts , element-ui

收藏 評論

東莞夢幻網絡科技 - 體育賽事即時比分 分析頁面的開發技術架構與實現細節

本文基於“體育即時比分系統”的實際開發經驗總結,僅供技術交流。該系統在實現過程中,主要解決了實時比分更新、賠率數據同步、賽事分析展示等關鍵問題,並採用了以下技術棧: 後端:PHP(ThinkPHP 框架) 安卓端:Java iOS端:Objective-C PC/H5 前端:Vue.js 其中,比分分析頁面聚焦於展示比賽雙方的近期戰績、比賽賠率、關鍵數據分析等信息,結合 WebS

vue.js , php , objective-c , JAVA

收藏 評論

兔子先森 - electron打包報錯-image格式問題(.ico報錯)

這種報錯是ico資源文件出錯導致的,可以看看gitHub對此問題的解釋:https://github.com/electron-userland/electron-builder/issues/3889 上圖中打包的logo.ico資源文件格式不對,看起來資源文件後綴是.ico實際上是png格式,你有可能是在一些網站將png轉換為ico,它沒有被正常的轉換為ico,只是將資源文件的後

react , vue.js , electron , 前端 , Javascript

收藏 評論