tag vue.js

標籤
貢獻371
418
05:55 PM · Oct 25 ,2025
tuzixiansen_63d4d65909d62 頭像 opentiny 頭像 u_17148819 頭像 u_9849794 頭像 8848_62c77d4bb2532 頭像 u_15967048 頭像 tanking 頭像 refanbanzhang 頭像 kangkaidafangdezi 頭像 kestrel_task 頭像 u_13738137 頭像 u_16307147 頭像

@vue.js / 博客 RSS 訂閱

wszgrcy 頭像

wszgrcy - Angular的無選擇器(Selectorless)非官方實現

Angular的無選擇器(Selectorless)非官方實現 眾所周知,Angular的組件定義,使用的時候,必須生成一個自定義標籤;某些時候使用css佈局的時候,就會比較麻煩 雖然官方已經開始考慮實現無選擇器,但是目前還在規劃中,不知道要等多久 原理 眾所周知,結構型指令可以動態插入模板 模板內容可以自定義,並且也可以使用組件內的所有屬性和方法 那麼只需要將組件變成一個模板,即

react , vue.js , angular , 前端

收藏 評論

gaiya_68f1e7ba5b140 頭像

蓋亞 - electron-build報錯:cannot find module/ valid " main " entry

解決electron-build打包後運行app報錯:cannot find module xxx/ Please verify that the package . json has a valid " main " entry 先看一個簡單報錯： 或者類似這種： 解決方法： 檢查package. Json中是否寫了“main”，這裏的“main”必須寫，且應當使用npm指令build的di

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

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - uniapp微信小程序AI對話SSE流式輸出

微信小程序版本，主要針對AI對話的流式輸出，這裏主要有兩個要點 **1、如何流式渲染 2、如何建立SSE連接** 我們先從看得見的渲染開始着手，能渲染出來後再建立SSE做流式輸出 流式渲染 這裏使用uniapp插件市場的：zero-markdown-view 插件市場搜索直接下載導入到項目裏就可以用了 頁面使用： zero-markdown-view :theme-c

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

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - uniapp自動滾動到底，上滑取消置底-錨點滾動

主要通過scroll-view組件來實現，比手動js獲取高度、判斷啥的更方便，而且官方支持 滾動到底 實現思路，通過錨點滾動實現，官方支持 view id="chat-main" scroll-view class="chat-main-inner" :lower-threshold="15" :scroll-into-view="targetId" scroll-y="t

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

收藏 評論

baby7_68bfdb7205674 頭像

baby7 - 給VitePress的右上角增加Github角標

給VitePress的右上角增加Github角標 介紹 我沒有找到VitePress的Github角標的插件，所以做了後面的嵌入流程，方案是在主題佈局中直接引入。如果不知道這兩個項目的同學可以看看介紹部分 github-corner 可以在頁面的四角顯示Github角標，可以自定義大小、背景顏色。當鼠標移動到這個角標時還能看到Github搖尾巴的動畫 官網地址: https://tholman.c

vue.js , github

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - uniapp微信小程序流式錄音-PCM

uniapp在微信小程序中使用Record.js 先安裝核心依賴 npm install recorder-core 然後插件市場下載插件 頁面結構，我們需要一個canvas元素來承載波形的繪製，canvas需要設置大小，下面的代碼可以直接複製使用 template view class="recorder-box" canvas type

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

收藏 評論

baby7_68bfdb7205674 頭像

baby7 - 博客的加載速度和大小的優化、優化再優化

0. 前言 最近對博客的加載速度和各種文件體積進行了優化，特此記錄一下 可以點擊七仔的博客測試我的博客速度 1. 基礎 1.1 圖片加載優化 對於非文章類的大圖片先進行一遍壓縮，使用各種壓縮網站就可以 然後對於各種圖片最好都轉換為為webp格式，相對於傳統格式能降低大小大概四成左右 1.2 gzip壓縮 gzip是針對文本類型進行壓縮的，例如html、js、css、txt等格式，可以在ng

vue.js , gzip , 雲存儲 , Nginx , 前端

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - VueZone-H5開發模板的一些常用功能

官網：https://vue-zone.github.io/docs/ github：https://github.com/vue-zone/vue3-vant-mobile 這是一個開源的vue3+vite的H5模板，多端設備兼容方式為 px - vw 和 rem 已接入過項目，親測好用，沒有過多配置，拉代碼啓動就能用了。 你可以把它當成一個已經搭好的架子，你只需要往裏面

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

收藏 評論

baby7_68bfdb7205674 頭像

baby7 - Vue視差標題背景

一、説明 這個我是為了放在博客的標題部分作為背景圖，上下滾動的時候比較好看。 原理就是通過幾張透明的png進行疊加，然後在上下滾動時，外層png移動的快，內層png移動得慢來實現視差效果。 先放一張示意圖： 這裏實際的距離X和Y在觀察者看來是一樣的，原因是距離觀察者的距離Z不一樣導致的。 再放一張視差標題背景的3d示意圖： 二、Vue代碼 這裏為了代碼高亮分三部分展示 html部分

vue.js , 視差滾動 , 視差動畫 , 博客

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - uni.connectSocket與@microsoft/signalr連接

之前做web頁面的時候，前後端用的@microsoft/signalr庫做長連接，現在微信小程序不支持signalr庫的直接使用，uniapp微信小程序的websocket長連接只能用uni.connectSocket，所以我們要用uni.connectSocket實現與signalr庫的長連接。 頁面結構 view button @click="onLink"啓動連接/bu

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

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - uni.connectSocket真機調試報錯open fail:_code:20,_msg:Invalid HTTP

在微信開發者工具上uni.connectSocket的連接是正常的，一旦到真機預覽就連接報錯了，不管是真機預覽還是體驗版真機都會報錯。 真機報錯如下：open fail:_code:20,_msg:Invalid HTTP 最後在查找各種資料發現websocket的url不能包含特殊字符，必須轉碼才可以 比如我下面在url上拼接了一個token，這個token可能包含特殊字符（

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

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - 前端封裝一個流式音頻自動播放的類

這個類會根據websocket返回的base64音頻數據自動緩存播放，你可以修改緩衝音頻時長，可以播放和暫停 import { base64ToArrayBuffer } from '@/utils/AudioTools'; class AudioPlay { // AudioContext audioContext: AudioContext | any = null; // Au

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

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - 封裝uniapp微信小程序流式語音播放類

uniapp微信小程序端的websocket返回的base64音頻數據自動緩存播放，你可以修改緩衝隊列數，可以播放和暫停 class AudioPlay { constructor() { // createInnerAudioContext this.audioContext = uni.createInnerAudioContext();

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

收藏 評論

8848_62c77d4bb2532 頭像

Java陳序員 - 完全開源！一款基於 SpringBoot + Vue 構建的社區平台！

大家好，我是 Java陳序員。 在如今互聯網時代，擁有一個個人專屬的社區平台，用於技術交流或者興趣分享圈子，是一件很酷的事~ 今天，給大家介紹一款基於 SpringBoot + Vue 構建的社區平台，幫助你快速構建個人社區平台！ 關注微信公眾號：【Java陳序員】，獲取開源項目分享、AI副業分享、超200本經典計算機電子書籍等。 項目介紹 OpenIsle —— 一個使用 SpringBo

vue.js , github , MySQL , springboot

收藏 評論

xiaohe0601 頭像

xiaohe0601 - 🚀 擁抱 create-uni，一行命令輕鬆集成 Uni ECharts！

Uni ECharts 正式集成到 create-uni 啦！現在，你只需要一行命令，就能快速創建一個內置 Uni ECharts 的 uni-app 初始項目。告別複雜配置，數據可視化從未如此輕鬆高效，讓開發者專注於創意與體驗！ 🤓 為什麼選擇 Uni ECharts ？ Uni ECharts 是適用於 uni-app 的 Apache ECharts 組件，無需繁瑣的步驟即可輕鬆在 uni

vue.js , uni-app , echarts , typescript , 前端

收藏 評論

hsr2022 頭像

後山人 - 告別重複勞動：鋭智後台（RaiseAdmin）如何用“懶人”代碼生成器重塑開發體驗

告別重複勞動：鋭智後台（RaiseAdmin）如何用“懶人”代碼生成器重塑開發體驗 在企業級應用開發中，後台管理系統是不可或缺的一環。然而，重複的CRUD（創建、讀取、更新、刪除）工作常常佔據了開發者大量寶貴時間。今天，我們聚焦一個優秀的開源項目——鋭智後台（RaiseAdmin）快速開發平台，它正以其現代化技術棧和創新的“懶人”代碼生成器，為開發者帶來一場效率革命。 一、現代化技術棧：性能與體驗

vue.js , MySQL , php , Javascript

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - axios多個baseURL封裝+vite跨域代理多個baseURL連接

公共封裝 import axios from 'axios'; import { MessagePlugin } from 'tdesign-vue-next'; import { getStorageToken } from '@/utils/index'; const api1 = axios.create({ baseURL: '/api1' }); const api2 = axio

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

收藏 評論

opentiny 頭像

OpenTiny社區 - 如何使用 TinyEditor 快速部署一個協同編輯器?

本文由曹裏林同學原創。 簡介 TinyEditor 是一個框架無關的富文本編輯器，既可以在原生 JavaScript 項目中使用，也可以在 Vue、React 等前端框架中使用。 本篇文章帶來的是如何使用 TinyEditor 最新的協同編輯模塊快速部署多人實時協作編輯。 前端集成 1、安裝TinyEditor 首先需要安裝 TinyEditor pnpm i @opentiny/fluent-

vue.js , 富文本編輯器 , 前端

收藏 評論

hsr2022 頭像

後山人 - 為什麼 PHP 依然有如此龐大的用户羣？——技術選擇背後的商業邏輯與進化

為什麼 PHP 依然有如此龐大的用户羣？——技術選擇背後的商業邏輯與進化 摘要 儘管每年都有“PHP 已死”的論調出現，但數據顯示，PHP 依然是互聯網上使用最廣泛的服務器端編程語言之一。根據 W3Techs 的統計，截至 2024 年，超過 75% 的網站在使用 PHP [1]。 PHP 的持續流行並非偶然，它是技術進化、商業成本、成熟生態和開發效率共同作用的結果。本文將從四個核心維度，結合 鋭

vue.js , php , Javascript

收藏 評論

hsr2022 頭像

後山人 - 穿越週期：堅持使用 PHP 的感悟與選擇的哲學

穿越週期：堅持使用 PHP 的感悟與選擇的哲學 摘要 在技術世界，PHP 似乎每年都要經歷一次“死亡”的預言，但它始終以驚人的韌性存活並持續進化。對於那些選擇堅持使用 PHP 的開發者而言，這不僅僅是一種技術選擇，更是一種對務實、效率與持續進化的深刻理解。 本文將分享堅持使用 PHP 的三大感悟，並結合 鋭智後台（RaiseAdmin）快速開發平台 的實踐，闡述 PHP 如何在現代化浪潮中，憑藉其

vue.js , MySQL , 小程序 , php , 教程

收藏 評論

hsr2022 頭像

後山人 - 迎接下一個繁榮浪潮：程序員在經濟下行期應做的“三層準備”

迎接下一個繁榮浪潮：程序員在經濟下行期應做的“三層準備” 摘要 面對持續的經濟下行壓力和日漸萎縮的信息化市場，程序員羣體正經歷前所未有的挑戰。然而，歷史經驗表明，每一次經濟低谷都是技術和人才結構重塑的關鍵時期。為了在下一個繁榮浪潮到來時佔據先機，程序員不能僅憑技術能力，更需要進行技術、商業、個人三個層面的系統性準備。 本文將詳細闡述這“三層準備”，指導程序員如何從“代碼執行者”轉型為“價值創造者”

vue.js , php , Javascript

收藏 評論

gaiya_68f1e7ba5b140 頭像

蓋亞 - 大膽猜想：Labelme的AI多邊形(AI-Polygon)功能是怎麼實現的？

大膽猜想：Labelme的AI多邊形(AI-Polygon)功能是怎麼實現的？ 百度一下，有關AI-Polygon的詞條大多是使用教程，卻很少有人挖掘其背後的原理。在開發自己的標註軟件過程中，我設想出一個接近原版的開發邏輯： 1，加一個按鈕（名稱為AI多邊形），點擊開啓AI-Polygon功能，同時關閉其他所有鼠標操作會觸發的功能 2，跳出選項框，供用户選擇模型，用户選擇後選項框關閉，並記錄

vue.js , flask , 後端 , 前端

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - vite全局自動導入函數，全局函數

globalProperties全局函數掛載 在vue3項目中，一般使用globalProperties實現全局函數掛載 import { createApp } from "vue"; import "@/style.css"; import App from "@/App.vue"; const app = createApp(App); // 這裏掛載 app.config.globa

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

收藏 評論

piaoyidebanma 頭像

飄逸的斑馬 - Smartproxy API 代理 IP 提取指南——JSON-first 架構與參數化最佳實踐

本指南以 API 代理 IP 提取為核心，結合參數化設計、JSON-first 接口規範、嚴格的版本管理與狀態碼標準，幫助您構建高成功率、低運維成本、可平滑擴展的數據採集流水線。基於 8000萬+ 住宅代理 IP 資源池、覆蓋 全球 200+ 國家與主要城市、承諾 99.9% 服務可用性，Smartproxy 助力團隊快速上線並在 SLO 驅動下穩定擴容 1。 我們踐行安全、透明、合規的工程方法論

vue.js

收藏 評論