- 博客(100)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 uniapp+pinia全局本地缓存插件PiniaPluginUnistorage
最近在做uniapp+vue3+pinia开发，项目中需要使用本地缓存功能，无赖uniapp官方提供的uni.setStorage等方法没法动态响应。于是就找到了支持uniapp pinia动态本地持久化缓存插件pinia-plugin-unistorage。之前基于vite4.x vue3 pinia开发的项目使用的本地缓存插件是pinia-plugin-persistedstate。该插件是的 uniapp 版本。
2023-06-20 08:34:58
1591
原创 uniapp + vue3 + uviewPlus 搭建多端项目框架
随着vite.js越来越受开发者青睐，很多大厂的项目都偏向于vue3开发，想着uniapp搭配vite4.x搭建多端项目效果会怎么样？经过一番实践发现果然不错！
2023-06-17 10:42:43
10298
2
原创 基于Electron25+Vite4.x仿chatgpt客户端应用ElectronChatGPT
electron-chatgpt 使用最新桌面端技术Electron25.x结合Vite4.x全家桶技术开发跨端模仿ChatGPT智能聊天程序模板。支持经典+分栏两种布局、暗黑+明亮主题模式，集成electron封装多窗口及通讯功能。
2023-06-10 23:50:16
3277
2
原创 Electron25集成Vue3新建多开窗口|vite4+electron窗体管理器
继上一次分享electron24+vite4整合构建桌面端窗口应用。这次在此基础上分享封装多开窗口管理器ElectronVite-MultiWin。electron快速迭代更新，vite的高效构建运行速度，二者搭配构建独立窗口，打开速度极快。以上就是electron最新版+vite4创建多窗口的一些分享，希望对大家有所帮助哈~~为了能多次重复调用，现封装BrowserWindow方法。electron主进程模块BrowserWindow用于创建一个简单的新窗体。新建一个vue页面实践下创建多窗口方法。
2023-05-31 21:44:41
3942
2
原创 electron24整合vite4+vue3创建跨端桌面程序
electron24-vite4-vue3 运用最新版本electron结合vite4.x创建vue3桌面端应用程序。该插件集成了Vite和Electron，方便在渲染进程中使用Node API或者Electron API功能。综上，vite4集成electron构建桌面应用就打通好了，希望以上分享对大家有所帮助。在vite.config.js中配置vite-plugin-electron插件入口。需要在package.json中去掉type:module。注意：electron还不支持。
2023-05-30 11:46:19
2685
3
原创 基于vite4+pinia2模仿chatgpt移动端聊天模板Vue3MobileGPT
支持light+dark两种主题，搭配vue3组件库Vant，界面简洁美观。就前几天OpenAI就推出了IOS版ChatGPT应用APP程序，标示着chatgpt正式进入了移动领域了。如上图：聊天对话编辑框使用ve-plus组件库中的Input组件。vite4构建的项目，官方推荐使用pinia进行状态管理操作。vue3-mobileGpt 采用最新vue3前端技术栈开发，vue3 setup编码规范开发。OK，基于vue3+pinia2开发mobile版仿chatgpt聊天界面实例就分享到这里。
2023-05-22 22:42:25
1906
2
原创 基于vue3+pinia2仿ChatGPT聊天实例|vite4.x仿chatgpt界面
等技术构建仿ChatGPT网页端聊天程序。支持经典+分栏界面布局、light/dark模式、全屏+半屏显示、Markdown语法解析、侧边栏隐藏等功能。项目中使用的组件库是基于vue3自定义UI组件库Ve-plus。一个支持40+组件的轻量级组件库。好了，基于vue3+vite4+pinia2开发模仿chatgpt聊天就分享到这里。项目支持2种布局模式，整体分为顶栏+侧边栏+主体内容三大模块构成。
2023-05-07 10:40:01
8741
10
原创 基于Vite4.x+Vue3+VEPlus+Pinia搭建轻量级管理后台模板ViteAdmin
viteAdmin：一款基于vite4.x+vue3+pinia2开发的中后台管理系统框架。
2023-04-14 07:43:24
3158
5
原创 vue3-tauri-chat：基于tauri聊天实例|tauri仿微信客户端
基于tauri+vue3+elementPlus跨端仿制微信聊天实例。
2022-10-27 23:19:38
3972
7
原创 Svelte-Ui-Admin基于svelte-ui中后台管理系统|Svelte3+Vite3后台框架
Svelte Ui Admin一款高颜值基于svelteKit+svelteUi开发的中后台管理系统。
2022-09-17 09:49:17
4620
5
原创 svelte-ui：基于svelte3桌面pc版组件库
svelte-ui 一款精美轻量级的桌面UI组件库。基于svelte3.x开发，功能效果比较接近elementUI组件库。
2022-08-17 07:35:51
4656
10
原创 基于svelte3+sass仿微信网页版聊天|svelte.js 桌面聊天实例SvelteWebChat
基于最新前端svelte.js框架开发仿微信网页端聊天项目。整体虚化背景UI质感，全新的Dock可左右滚动菜单。支持发送消息+emoj、图片/视频/链接预览、拖拽+粘贴截图发送图片、红包/朋友圈、主题换肤等功能。
2022-05-15 08:50:58
2134
1
原创 svelte-scrollbar: 基于svelte.js自定义滚动条组件|svelte3虚拟滚动条
基于svelte3.x构建轻量级自定义pc端虚拟滚动条组件SvelteScrollbar。支持原生滚动条、自动隐藏、垂直+水平滚动、自定义尺寸/颜色及间隔等功能。在lib目录下新建Scrollbar组件文件夹。引入插件import Scrollbar from '$lib/Scrollbar'svelte-layer 一款svelte3自定义网页版弹窗组件如上图：支持垂直+水平两种滚动模式，另外水平滚动条还支持滚轮滑动。使用插件使用 <Scrollbar></S.
2022-05-07 07:12:58
679
原创 svelte-layer: 基于svelte3.x桌面PC端弹窗组件|svelte.js网页弹窗
基于svelte.js开发的轻量级pc桌面版对话框组件SvelteLayer。支持超过30+参数自定义配置，支持拖拽/缩放/全屏/最大化/iframe弹窗及自定义层级等功能。
2022-04-18 08:12:17
703
原创 svelte-chat仿微信app聊天室|svelte3.x+svelteKit聊天实例
svelte3.x-chat 基于svelte.js开发的仿微信app界面聊天实例项目。使用了最新的svelte.js+svelteKit+mescroll.js+svelte-popup等技术搭建开发的仿微信app界面聊天项目。支持发送图文消息/gif动图、图片/视频预览、下拉刷新、红包及朋友圈等功能。使用技术编码器：VScode框架技术：svelte^3.46 + svelteKit下拉组件：mescroll.js^1.4.2样式处理：sass + svelte-preproces
2022-04-07 07:59:50
877
1
原创 svelte3自定义弹窗svPopup组件|svelte手机端对话框
sv-popup 基于 svelte.js 开发的多功能移动端alert|dialog|model|toast组件。支持超过20+参数自定义配置及多种弹出动画效果。基于Svelte3.x手机端弹出层组件(组件式+函数式)在lib目录下新建Popup弹窗目录。在需要的.svelte页面引入组件。import Popup, {svPopup} from '$lib/Popup'引入的 Popup 是组件式写法， svPopup 是函数式写法。标签式写法<!-- 询问框 --&g.
2022-03-18 01:11:50
934
原创 Svelte3.x自定义Navbar+Tabbar组件
Svelte 是构建 Web 应用程序的一种新框架。Svelte 是一个编译器,它将声明性组件转换成高效的 JavaScript 代码,并快速响应细粒度地更新 DOM。最近一直在学习前端新框架Svelte。号称比vue还快，无虚拟dom操作。今天就给大家分享一些svelte自定义组件的相关知识。在lib公共目录下新建headerbar和tabbar组件。在需要使用组件的页面或者公共模板__layout.svelte中引入组件。import HeaderBar from '$lib/Head.
2022-03-12 10:42:31
1279
原创 基于uni-app手机端后台管理系统uni-uadmin
Uni-Uadmin 一款uniapp+uviewUI开发的中后台管理系统模板实例。全新毛玻璃UI视觉uniapp后台管理系统。使用了uni-app+uView-ui+uni-ui等技术开发架构，内置了表格/表单/图表/列表及富文本编辑器，支持动态路由权限控制，错误页处理。功能特性✅ 动态毛玻璃底部Dock菜单✅ 支持动态权限管理、错误页处理✅ 内置多图表组件、表格、表单、瀑布流列表及富文本编辑器✅ 支持编译h5+APP+小程序端技术架构编码器：HbuilderX3.3.5框架技
2022-01-23 18:34:02
14030
15
原创 基于Uni-APP多端「h5+小程序+App」高仿抖音小视频|直播|聊天实例
uni-ttLive 基于uni-app+uView-ui跨端开发短视频+直播聊天实例。全新研发的一款多端仿制抖音短视频+直播+聊天项目，基于uniApp+Vue.js+Vuex+Nvue+uViewUI+uaPopup等技术开发而成。支持播放/暂停/上下滑动切换、全屏沉浸式体验。功能特点导航条+底部菜单透明式全屏模式流畅的滑动切换体验mini短视频时间进度条支持小视频播放/暂停，上下滑动切换全屏沉浸式支持Nvue页面短视频一款集成了小视频、直播、聊天及朋友圈于一体的跨设备u
2021-09-20 09:54:26
14303
21
原创 uniapp多端h5+小程序+app弹窗组件|uniApp自定义popup组件
ua-popup 基于uniapp增强版弹框|对话框|模态框组件。支持超过20+参数、6+弹窗类型及多种弹窗动画，可编译到h5+app+小程序端，可使用组件式+函数式两种调用方式。由于uniapp内置的弹窗并不能满足一些复杂的应用场景。只能使用自定义组件来实现效果。虽然官方提供的uni-popup或uview提供的popup组件也能实现一些弹窗效果。但是调用方式非常单一。并不能实现多样化需求。引入组件// 引入自定义弹框组件import uaPopup from './components/.
2021-07-10 12:54:21
5967
3
原创 ElectronVite2MacUI 超精美仿macOS桌面UI管理框架|vue3+electron桌面后台
Electron-Vite2-MacUI 基于vite2.x整合electron仿制mac桌面UI框架。基于最新前端技术栈 vite2.3+electron13+vue3+element-plus+echarts 搭建开发。支持流畅的可拖拽桌面+dock菜单、丰富的视觉效果，可自定义桌面壁纸主题。使用技术前端框架：vite2.3.4+vue3.0.11+vuex@4+vue-router4.x跨端框架：electron13.0.1组件库：element-plus1.0.2图表组件：ech
2021-06-24 15:03:57
8598
7
原创 ElectronVue3Admin 轻量级中后台前端管理系统|electron+vite2后台框架
electron-vite-admin基于 electron+vite.js 整合开发的后台管理框架。本项目基于 vite2+electron12+vue3+vuex+element-plus+vue-i18n+echarts 等技术栈搭建开发，所有的请求数据都使用Mock.js进行模拟。支持动态权限控制、整合i18n国际化解决方案。实现技术编码工具：vscode vue3框架：vue3.0+vuex4+vue-router@4 跨端框架：electron^12.0.4 构建打包.
2021-05-17 17:00:34
8421
15
原创 整合vite2.0+electron12+vant3.x跨端仿抖音短视频+聊天+直播exe应用
vite2-electron-douyin 基于vite2.x+electron模仿抖音短视频应用实例。整合了vite2+electron跨端开发技术仿制抖音界面桌面版exe应用软件。基于Vite2.x+Electron12+Vant3+Swiper6+V3popup等技术开发实现，支持键盘上下键切换短视频、新开多窗口等功能。技术栈编码/技术：vscode / vue3.0 + vuex4 + vue-router@4 组件库：vant3 (有赞移动端vue3组件库) 滑动组件：sw
2021-03-27 12:24:49
2615
3
原创 基于Vue3.x+Electron11跨端仿制QQ/TIM应用|electron+antdv客户端实例
vue3-electron-qchat 基于vue3.x开发模仿QQ|微信电脑端聊天软件应用。基于Vue3全家桶和Electron跨平台技术开发仿制QQ桌面端聊天软件。使用了Vue3.x+Electron11.2+Vuex4.x+Vue-Router@4+Antdv+V3Scroll+V3Layer等技术开发，支持多开新窗口、换肤等功能。运用技术编码工具：vscode 框架技术：vue3.0 + vuex4 + vue-router@4 桌面端UI库：ant-design-vue (
2021-02-27 11:24:53
5789
6
原创 vue3.0+vant3仿快手/抖音短视频|Vue3+Vite2聊天/直播实例
vue3.0-douyin 基于vue3.x开发仿抖音app界面小视频+直播聊天实例。基于Vue3框架技术搭建一款仿抖音APP界面小视频+直播实战案例。运用到了vite2+vue3.0.5+vuex4+vue-router@4+vant3+v3popup等技术，实现了短视频滑动切换、暂停/迷你进度条、聊天评论/弹幕/送礼物等功能。技术框架技术/编码：vscode /vue3.0+vue-router+vuex4 UI组件库：vant3.x (有赞移动端vue3组件库) 弹层组件...
2021-02-02 14:22:38
5793
原创 Vue3+ElementPlus网页端聊天|vue3.0仿微信/QQ界面实例
vue3-webchat 基于vue3.0.5开发的仿微信|QQ界面桌面端聊天实例。运用vue3.x全家桶技术+element-plus+v3layer+v3scroll搭建的仿微信/QQ界面网页聊天实例项目。实现发送表情图文消息、图片/视频预览、链接查看、粘贴/拖拽发送图片、红包/朋友圈等功能。技术栈编码/技术：VScode + Vue3 + Vuex4 + VueRouter@4 UI组件库：ElementPlus (饿了么桌面端vue3组件库) 对话框组件：V3Layer（基于
2021-01-22 01:30:46
15847
1
原创 vue3.0仿微信聊天|Vue3+Vant3.x聊天实例
Vue3-Chatroom 基于vue3.x开发的仿微信界面聊天室。使用vue3.0+vuex4.x+vue-router4+vant3.x+v3popup构建的移动端聊天实例。基本实现了消息发送/gif动图、图片/视频预览、网址查看、红包/朋友圈等功能。实现技术编码/技术：vscode+vue3.0/vuex4.x/vue-router4 UI组件库：vant-ui 3.x (有赞移动端vue3组件库) 弹层组件：v3popup（基于vue3.0封装弹出层组件） iconfont
2021-01-08 13:59:22
7313
2
原创 Vue3.0虚拟滚动条|vue3自定义美化滚动条V3Scroll
Vue3-Scroll 基于vue3.0构建的桌面端虚拟美化滚动条组件。一款基于vue3.x构建的pc端自定义模拟滚动条|vue3.0美化滚动条组件。支持监听DOM尺寸变化、是否原生滚动、是否自动隐藏滚动条、自定义尺寸/颜色及层级等功能。引入组件import { createApp } from 'vue'import App from './App.vue'import './index.css'// 引入滚动条组件v3scrollimport V3Scroll from
2021-01-07 00:23:57
5785
3
原创 vue3.0 pc网页端弹窗|vue3自定义dialog、modal组件
vue3-layer：基于Vue3.0开发的PC桌面端自定义对话框组件。基于vue3构建的PC网页端自定义弹出框组件。全面覆盖各种弹窗应用场景，拥有10+种弹窗类型、30+种自定义参数配置、7+种弹窗动画效果，支持拖拽、缩放、最大化、全屏及自定义激活当前置顶层等功能。前几天分享过一个Vue3.0移动端弹层组件V3Popup，如果感兴趣也可以去看看。https://blog.csdn.net/yanxinyun1990/article/details/111975487v3layer在
2021-01-03 10:05:10
12253
4
原创 Vue3.0移动端自定义弹框组件|vue3弹出层V3Popup
Vue3-Popup 基于vue3构建的手机端自定义弹层组件。一款集合了msg、alert、dialog、modal、actionSheet、toast等多种效果的Vue3自定义弹层组件。支持上下左右弹出、圆角、自定义弹层样式、多按钮及长按/右键功能。引入v3popup// 在main.js中全局引入import { createApp } from 'vue'import App from './App.vue'// 引入弹窗组件v3popupimport V3Popup
2020-12-30 14:10:07
7434
4
原创 Next/React聊天实例|next.js仿微信桌面端
Next-WebChat 基于Next.js+React.js仿微信网页聊天室基于next.js+react.js+redux+react-redux+antd+rlayer等技术构建的pc网页聊天实例。实现了消息|表情动图发送、图片|视频播放预览、拖拽|粘贴截图发送、红包|朋友圈等功能。技术栈使用技术：Next.js+React+Redux+React-Redux UI组件库：Antd (react的pc端组件库) 字体图标：阿里iconfont图标库 弹窗组件：RLayer
2020-12-27 10:52:40
1236
1
原创 React网页自定义弹层组件RLayer|react.js弹窗组件
基于React.js自定义PC端对话框组件RLayerRLayer 一款基于react.js开发的桌面端自定义交互式弹框组件。拥有丰富的接口及漂亮的皮肤。支持Alert、Dialog、Message、Notification、ActionSheet、Toast、Popover、Popconfirm等弹窗类型。RLayer.js组件在设计开发时有参考之前开发的VLayer组件。在功能及效果上保持一致。vue pc端弹框组件，可以去看看这篇文章。https://blog.csdn.net
2020-12-04 13:56:36
1804
原创 基于vue.js网页滚动条VScroll组件|vue自定义模拟滚动条
基于Vue.js桌面端自定义美化滚动条组件VScroll。VScroll 最近捣鼓的一款基于vue.js构建的pc端自定义模拟滚动条组件。拥有完美顺滑的原生滚动条体验！支持自定义是否原生滚动条、自动隐藏、滚动条大小及颜色等功能。vscroll组件在开发之初有参考饿了么el-scrollbar滚动条组件。组件本着极简原则，使用起来非常简单。只需 <v-scroll>...</v-scroll> 即可快速生成一个漂亮的替换原生滚动条。提供非常简单的参数
2020-11-30 18:49:48
6455
3
原创 vue pc端自定义对话框组件|vue.js弹层VLayer
基于Vue实现自定义网页弹窗组件|vue.js pc弹层VLayerVLayer 最近开发的一款汇集众多功能的Vue轻量级桌面端对话框组件。在设计开发之初借鉴了业界有名的Layer弹窗、Element-UI、iView等组件化设计思想。拥有丰富的参数配置及漂亮的皮肤。vlayer 集合了Alert、Dialog、Message、Notification、ActionSheet、Toast、Popover、Popconfirm等多种类型弹窗。vue移动端自定义弹框VPopup组件，可以
2020-11-02 14:48:30
3687
2
原创 nuxt-chat聊天室|vue仿微信/探探界面nuxt+vue+vuex|朋友圈
Nuxt-Chatroom 基于Nuxt.js+Vue.js仿微信|探探App界面聊天社交运用nuxt.js+vue.js+vuex+vpopup+vant+webpack等技术架构开发的社交聊天室项目。实现了类Tinder翻牌左右滑动、消息发送|表情gif、图片|视频预览、消息记录下拉刷新、长按弹窗、红包|朋友圈等功能。使用技术技术框架：nuxt.js+vue.js+vuex UI组件库：vant:^2.10.4 iconfont图标：阿里字体图标库 弹窗组件：vpopup...
2020-10-15 08:24:41
2776
4
原创 Vue/Nuxt.js仿Tinder|探探翻牌特效|vue仿探探卡片滑动
基于Vue.js|Nuxt.js实现探探卡片滑动切换效果陌陌|探探社交App中拖拽滑动翻牌子效果让人印象深刻，最近在开发Nuxt项目，需要实现类似这个效果，于是经过多次调试，最终实现了，现整理作些简单的分享，感兴趣的可以看下哈~~效果预览怎么样，是不是觉得还行...下面就简单的讲解下具体的实现方法。页面布局页面整体分为顶部导航、翻牌子区域、底部Tabbar三个部分。布局模板<!-- //翻一翻模板 --><template> ...
2020-10-12 18:43:51
2174
6
原创 Vue|Nuxt自定义导航条/底部TabBar组件|vue仿咸鱼凸起Tab
基于Vue|Nuxt构建自定义导航组件Navbar+Tabbar在vue移动端项目开发中，顶部Navigation导航、底部Tabbar标签功能很常见，效果样式的统一能给项目增色不少。最近由于Nuxt项目的需要，就自己写了个自定义导航组件。如下图：Nuxt项目中顶部导航条/底部Tabbar实例效果emmm~~ 是不是看着还行，哈哈哈...下面就详细的讲解下在Nuxt项目中实现过程。 创建组件 首先，在components目录下新建headerBar.vue和ta...
2020-10-10 15:45:10
1647
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人