- 博客(71)
- 资源 (3)
- 收藏
- 关注
RSS订阅
原创 electron27-react-mateos：基于electron+react18仿matePad桌面系统
使用vite4构建工具创建react18项目，遵循react hooks语法编码开发。ElectronReactOS支持桌面多路由配置，新开窗口+弹窗开启路由页面。好了，以上就是electron+react18开发桌面os的一些知识分享。electron-react-mateos 基于最新前端跨端技术栈。如何使用electron27创建多窗口，可以去看看这篇分享文章。构建的一款仿制matePad界面多层级路由管理OS系统。
2023-11-23 08:16:09
710
原创 react18-webchat：基于react+arco+zustand仿微信客户端聊天实例
项目中使用到的对话框、美化滚动条组件都是基于react18自定义组件实现功能。// 引入对话框组件// 组件式调用<RDialogtitle="标题信息"content="对话框内容信息"closeabledragOutmaxminbtns={[{text: '取消', click: () => setConfirmVisible(false)},{text: '确定', click: handleInfo}]}/>// 函数式调用rdialog({
2023-09-12 11:08:24
351
原创 基于Electron27+React18+ArcoDesign客户端后台管理EXE
electron-react-admin 基于electron27整合vite.js+react18搭建桌面端后台管理程序解决方案。以上就是electron27+react18开发跨端后台管理系统的一些分享，希望对大家有一些帮助！前几天有分享electron27+react18创建跨平台应用实践，大家感兴趣可以去看看。Electron-ReactAdmin支持。zustand状态管理配置。
2023-10-30 13:00:10
1078
4
原创 electron27+react18集成搭建跨平台应用|electron窗口多开
electron27-vite4-react18基于electron27结合vite4构建工具快速创建react18跨端应用实践。综上就是electron27+react18创建跨端桌面应用的一些分享，希望能喜欢~~这里选择使用vite.js构建工具来快速创建一个react18项目。在项目根目录下新建一个主进程文件electron-main.js。创建桌面端项目的一些分享，里面有打包的一些配置，感兴趣可以去看看。这样一个简单的react18项目就已经创建完毕了。配置vite.config.js主进程入口。
2023-10-26 08:08:14
773
4
原创 基于react18+arco+zustand通用后台管理系统React18Admin
dark/light主题、i18n国际化、动态路由鉴权、3种经典布局、tabs路由标签。好了，以上就是react18+vite4+arco构建后台系统模板的一些分享了。基于vite4构建react18后台项目ReactAdmin。如上图：react-admin提供了三种不同menu风格样式。等技术架构非凡后台管理框架。引入语言包，配置权限路由。
2023-10-17 12:50:47
581
4
原创 极简非凡react hooks+arcoDesign+vite后台管理模板
最近捣鼓了一个vite4搭建react18后台模板，搭载了字节团队react组件库Arco Design，整体编译运行顺滑衔接。支持等功能。
2023-09-28 08:33:38
775
原创 基于react18+vite4.x仿微信|react-chat聊天室
项目中使用到的弹框功能均是自定义函数组件RcPop。整合了msg/alert/dialog/toast及android/ios等弹窗效果。支持20+参数、组件式+函数式两种调用方式。如果对react18 hooks开发弹窗感兴趣，可以去看看下面的这篇分享文章。项目中顶部导航栏及底部菜单栏均是自定义组件实现功能。
2023-08-15 23:03:06
420
原创 基于react18+hooks通用全局手机端弹框组件
基于开发全局通用mobile弹层组件。整合了msg/alert/dialog/toast及android/ios等弹窗效果。支持**20+**参数、组件式+函数式两种调用方式。
2023-07-31 12:02:51
269
原创 基于uni-app+vue3跨端「h5+小程序+App」仿制chatGPT模板实例
为了保证整体风格一致性，顶部导航栏及底部Tabbar采用自定义组件形式。目前这两个组件的vue2版本已经发布到了插件市场，如果大家有需要，可以去下载一次性拿走使用。id=5592id=5593如上图：输入框采用自定义组件实现功能。支持input单行文本、textarea多行文本，可自适应高度，自定义前缀/后缀插槽及密码输入等功能。
2023-06-27 08:04:13
4523
3
原创 探索uniapp+vue3解析markdown语法|uniapp键盘撑起
最近正在尝试使用uniapp+vue3开发仿制chatgpt会话功能。如上图：经过测试在均支持markdown语法解析，键盘撑起后，整体页面和顶部自定义导航栏不会被顶起。
2023-06-23 13:15:00
937
1
原创 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
880
原创 uniapp + vue3 + uviewPlus 搭建多端项目框架
随着vite.js越来越受开发者青睐，很多大厂的项目都偏向于vue3开发，想着uniapp搭配vite4.x搭建多端项目效果会怎么样？经过一番实践发现果然不错！
2023-06-17 10:42:43
4986
原创 基于Electron25+Vite4.x仿chatgpt客户端应用ElectronChatGPT
electron-chatgpt 使用最新桌面端技术Electron25.x结合Vite4.x全家桶技术开发跨端模仿ChatGPT智能聊天程序模板。支持经典+分栏两种布局、暗黑+明亮主题模式，集成electron封装多窗口及通讯功能。
2023-06-10 23:50:16
2757
1
原创 Electron25集成Vue3新建多开窗口|vite4+electron窗体管理器
继上一次分享electron24+vite4整合构建桌面端窗口应用。这次在此基础上分享封装多开窗口管理器ElectronVite-MultiWin。electron快速迭代更新，vite的高效构建运行速度，二者搭配构建独立窗口，打开速度极快。以上就是electron最新版+vite4创建多窗口的一些分享，希望对大家有所帮助哈~~为了能多次重复调用，现封装BrowserWindow方法。electron主进程模块BrowserWindow用于创建一个简单的新窗体。新建一个vue页面实践下创建多窗口方法。
2023-05-31 21:44:41
1887
1
原创 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
1696
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
786
1
原创 基于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
6747
9
原创 基于Vite4.x+Vue3+VEPlus+Pinia搭建轻量级管理后台模板ViteAdmin
viteAdmin：一款基于vite4.x+vue3+pinia2开发的中后台管理系统框架。
2023-04-14 07:43:24
1898
4
原创 vue3-tauri-chat：基于tauri聊天实例|tauri仿微信客户端
基于tauri+vue3+elementPlus跨端仿制微信聊天实例。
2022-10-27 23:19:38
2821
7
原创 Svelte-Ui-Admin基于svelte-ui中后台管理系统|Svelte3+Vite3后台框架
Svelte Ui Admin一款高颜值基于svelteKit+svelteUi开发的中后台管理系统。
2022-09-17 09:49:17
3540
4
原创 svelte-ui：基于svelte3桌面pc版组件库
svelte-ui 一款精美轻量级的桌面UI组件库。基于svelte3.x开发，功能效果比较接近elementUI组件库。
2022-08-17 07:35:51
3589
9
原创 基于svelte3+sass仿微信网页版聊天|svelte.js 桌面聊天实例SvelteWebChat
基于最新前端svelte.js框架开发仿微信网页端聊天项目。整体虚化背景UI质感，全新的Dock可左右滚动菜单。支持发送消息+emoj、图片/视频/链接预览、拖拽+粘贴截图发送图片、红包/朋友圈、主题换肤等功能。
2022-05-15 08:50:58
1544
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
509
原创 svelte-layer: 基于svelte3.x桌面PC端弹窗组件|svelte.js网页弹窗
基于svelte.js开发的轻量级pc桌面版对话框组件SvelteLayer。支持超过30+参数自定义配置，支持拖拽/缩放/全屏/最大化/iframe弹窗及自定义层级等功能。
2022-04-18 08:12:17
556
原创 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
748
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
749
原创 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
1081
原创 基于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
12148
13
原创 基于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
12291
20
原创 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
5060
2
原创 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
7293
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
7103
12
原创 整合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
2272
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
4350
5
原创 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
4849
原创 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
12079
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人