自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

码农ICoding

常积跬步-人生在勤,不索何获

  • 博客(37)
  • 资源 (3)
  • 论坛 (9)
  • 收藏
  • 关注

原创 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 16

原创 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 402 8

原创 整合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 351 2

原创 基于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 450 1

原创 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 712

原创 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 995

原创 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 1107 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 571 2

原创 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 1404 2

原创 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 1180 3

原创 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 156

原创 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 423

原创 基于vue.js网页滚动条VScroll组件|vue自定义模拟滚动条

基于Vue.js桌面端自定义美化滚动条组件VScroll。VScroll 最近捣鼓的一款基于vue.js构建的pc端自定义模拟滚动条组件。拥有完美顺滑的原生滚动条体验!支持自定义是否原生滚动条、自动隐藏、滚动条大小及颜色等功能。vscroll组件在开发之初有参考饿了么el-scrollbar滚动条组件。组件本着极简原则,使用起来非常简单。只需 <v-scroll>...</v-scroll> 即可快速生成一个漂亮的替换原生滚动条。提供非常简单的参数

2020-11-30 18:49:48 1001 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 1676 1

原创 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 952 3

原创 Vue/Nuxt.js仿Tinder|探探翻牌特效|vue仿探探卡片滑动

基于Vue.js|Nuxt.js实现探探卡片滑动切换效果陌陌|探探社交App中拖拽滑动翻牌子效果让人印象深刻,最近在开发Nuxt项目,需要实现类似这个效果,于是经过多次调试,最终实现了,现整理作些简单的分享,感兴趣的可以看下哈~~效果预览怎么样,是不是觉得还行...下面就简单的讲解下具体的实现方法。页面布局页面整体分为顶部导航、翻牌子区域、底部Tabbar三个部分。布局模板<!-- //翻一翻模板 --><template> ...

2020-10-12 18:43:51 514 3

原创 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 383 1

原创 Vue+Nuxt自定义弹窗|vue.js仿微信/ios弹层组件

VPopup 基于Vue.js构建的轻量级移动端弹出框组件一款融合了Vant、NutUI等热门Vue组件库中的Popup弹层、Dialog对话框、Toast提示框、ActionSheet动作面板框、Notify通知框等功能。快速使用在main.js中引入组件// 引入弹窗Popupimport Popup from './components/popup'Vue.use(Popup)支持如下两种 组件式 及 函数式 调用插件。组件式<template>

2020-10-07 16:32:22 433 1

原创 flutter+dart聊天室|flutter仿微信界面聊天App实例

基于Flutter+Dart+photo_view+image_picker+video_player等技术开发跨平台实战仿微信聊天应用。实现消息发送/表情gif、图片预览、红包/视频号/朋友圈等功能。运用技术技术框架:Flutter 1.12.13/Dart 2.7.0 视频组件:chewie: ^0.9.7 图片/拍照:image_picker: ^0.6.6+1 图片预览组件:photo_view: ^0.9.2 本地存储:shared_preferences: ^0.5.7..

2020-05-13 00:54:30 3796 1

原创 electron-vue仿微信聊天客户端|electron聊天应用

使用Electron+Vue+electron-vue+vuex+Node+vue-video-player等技术构建开发的高仿微信客户端聊天室,实现了消息发送/表情,光标处插入表情,图片/视频预览,微信dll截图,右键菜单,红包/朋友圈/换肤功能。ElectronVchat效果预览 (可最大/小化、关闭)技术框架框架技术:electron + electron-vue + v...

2020-01-12 00:49:19 7985

原创 Taro+react仿微信app聊天室|taro仿微信界面|taro聊天/朋友圈

基于Taro+react+redux+RN+taroPop等技术开发的跨端聊天App实例,支持编译到多端H5+小程序+RN端,界面仿制微信聊天界面,实现了消息发送、表情、图片预览、长按菜单、红包、朋友圈等功能。Taro三端统一聊天应用:taro-chatroom (仿微信界面聊天App)技术栈:编码/技术:Vscode / react+taro+react-redux+Reac...

2019-12-15 22:09:42 1557

原创 taro自定义弹窗组件|仿微信/ios效果

基于Taro+react自定义弹出层组件|Modal框|Toast轻提示框|dialog对话框|msg信息框|仿微信对话框taro多端实践之:taroPop模态框组件 (H5+小程序+ReactNative)taro的旨意是实现多端应用,不过网上大多taro弹窗组件都是针对H5及小程序的,而且一些特殊效果需重新开发,如是自己就试着开发,毕竟之前也有用taro做过自定义导航栏组件。t...

2019-12-02 14:27:07 1667

原创 基于Taro多端自定义导航栏+Tabbar实践

Taro+react+react-native实现自定义顶部Navbar导航条|自定义底部Tabbar运用Taro实现三端导航栏/tabbar实例 (H5 / 小程序 / RN)最近一直在捣鼓taro开发,虽说官网介绍支持编译到多端,但是网上大多数实例都是H5、小程序,很少有支持RN端。毕竟之前有开发react经验,如是就自己尝试,采坑了不少,尤其是rn端样式处理。如上图:在H...

2019-11-26 17:47:37 2307

原创 uni-app直播实例|仿抖音小视频|uniapp仿陌陌直播

优直播uni-liveShow是基于vue+uni-app+vuex+nvue+swiper等技术开发仿制抖音|火山小视频/陌陌直播实战项目,支持编译到三端(H5、小程序、App端) 且兼容效果一致。使用技术编码器+技术:HBuilderX + vue/NVue/uniapp/vuex iconfont图标:阿里字体图标库 自定义导航栏 + 底部Tabbar 弹窗组件:uniPo...

2019-11-11 17:01:54 18005 1

原创 uniapp+vue仿微信App界面|uni-app仿微信聊天/朋友圈

基于uni-app技术开发的仿微信界面聊天室uniapp-chatroom实例项目|uniapp仿微信朋友圈,实现了发送图文消息、表情(gif动图),图片预览、地图位置、长按菜单、红包/钱包、仿微信朋友圈等功能。在H5 / 小程序 / App端测试效果如下,实测多端效果均为一致。(后续大图均展示App端)技术实现编辑器:HBuilder X 技术框架:uni-app + vu...

2019-10-10 10:48:22 9736 2

原创 uniapp自定义弹窗组件|仿微信android/ios弹窗效果

uni-app自定义弹窗模板uniPop组件|uniapp仿微信弹窗|msg信息框|alert对话框|loading提示框uniPop内置多种动画效果、可供选择类型ios/android、可以自定义弹窗样式/自定义多按钮及事件/弹窗显示位置、自动关闭秒数、遮罩层透明度及点击遮罩是否关闭如上图:H5/小程序/App三端效果兼容性一致。(后续大图均展示App端)如何引用uniP...

2019-09-28 08:38:55 3375 2

原创 uniapp自定义tabbar导航解析

uni-app自定义底部导航uni-tabbar|仿微信tabbar导航栏,支持当前第几个选中、自定义背景、字体颜色uniapp原生导航功能尽管不错,但有时并不能满足多样化的项目需求,如:自定义背景渐变、字体图标,一些特殊图标凸显效果,这时候就只能自定义tabbar来实现功能了。如上图:H5、小程序、App端 下显示的自定义tabbar效果图标可使用本地图片或阿里iconfon...

2019-09-23 19:15:35 21724 7

原创 uniapp导航栏自定义图标按钮/搜索|uni-app自定导航条

uni-app自定义导航栏|仿微信顶部导航uni_headerBar,支持标题居左、居中、搜索条,按钮可传入文字/字体图标/图片uniApp原生导航栏uni-app原生导航栏也能实现一些顶部自定义按钮+搜索框,只需在page.json里面做一些配置即可。设置app-plus,dcloud平台对app-plus做了详细说明:app-plus配置,不过目前暂支持H5、App端,不支持小程序...

2019-09-17 11:15:26 17828 14

原创 ReactNative聊天APP实战|仿微信聊天/朋友圈/红包界面

项目简介最近一直在研究RN技术,想着找个项目练练手,之前就有使用vue、react技术开发过聊天项目,这次就使用reactNative技术开发个仿微信RN版。是基于 react-native+react-navigation+react-redux+react-native-image-picker+rnPop 等技术实现开发的仿微信原生APP聊天项目,该项目从搭建到开发完 花了半个月,主要是...

2019-09-06 10:30:32 2609

原创 angular高仿微信聊天界面|NG2聊天IM社交|angular仿微信表情输入框

最近一直在学习angular技术,一顿研究下来发现并没想象的困难,不过倒是采坑了不少,后面通过网络及社区都解决了。之前就有使用vue.js react做过一些项目实战。今天要给大家分享的是angular聊天室案例。项目简述:使用angular8+angular-cli+angular-router+ngrx/store+rxjs+webpack+node+wcPop等技术开发的高仿微信界面...

2019-09-05 00:26:32 719

原创 react仿微信web版聊天室|仿微信客户端react版

基于react+react-dom+react-router-dom+redux+react-redux+webpack+nodeJs等技术混合开发的手机端仿微信界面聊天室——reactChatRoom,实现了聊天记录下拉刷新、发送消息、表情(动图),图片、视频预览,打赏、红包等功能。技术选型MVVM框架:react / react-dom 状态管理:redux / react-...

2019-06-29 12:45:21 3950 2

原创 react仿微信聊天室|react即时聊天IM系统|react群聊

react+redux仿微信聊天IM实战|react仿微信界面|react多人群聊天室最近一直捣鼓react开发,就运用react开发了个仿微信聊天室reactChatRoom项目,基于react+react-dom+react-router-dom+redux+react-redux+webpack2.0+antdesign+wcPop等技术混合开发,实现了聊天记录界面下拉刷新、发送消息...

2019-06-21 21:04:48 5288 2

原创 vue2.0聊天室vue-chatRoom|仿微信界面vue+vuex+vueRouter

Vue2.0+Vuex+VueRouter仿微信界面聊天室|仿微信聊天窗口|仿微信群聊基于vue2.0+vuex+webpack2.0+es6+wcPop等技术开发的仿微信聊天室vue-weChatRoom实战项目,实现了下拉刷新聊天消息,发送信息、表情(gif),预览大图、视频,打赏、红包等功能。h5仿微信聊天室:https://blog.csdn.net/yanxinyun1990...

2019-04-05 01:51:09 13390 2

原创 h5仿钉钉webapp项目实例开发

html5仿钉钉weDingTalk项目实战|钉钉移动端|仿钉钉智慧办公由于公司制度改革,最近一直是使用钉钉app考勤,发现钉钉这个软件挺不错的,恰好最近比较闲,就试着使用html5+css3开发了个钉钉html5项目weDingTalk微钉,功能效果都已经实现了,挺棒哒。// >>> 【3、通讯录模块】---...

2019-03-24 10:17:55 6097 1

原创 h5聊天室案例|仿微信聊天界面|多人群聊

html5仿微信聊天室weChatRoom案例|多人群聊互动|仿微信聊天界面该项目是使用html5+css3+zepto+swiper+wcPop等技术开发的仿微信聊天室,捣鼓调试了很长时间,在手机上已经适配各个设备,采用的是iphone6的750px屏宽加上css3里的flex伸缩布局,该聊天项目用到的各种弹窗效果则是自己专门为聊天项目开发的wcPop插件(仿微信弹窗效果、android...

2019-03-24 10:17:45 19321 1

原创 微信小程序自定义弹窗插件wcPop模态框|dialog对话框|Toast弱提示

微信小程序自定义模态弹窗插件|微信小程序model提示框|dialog对话框、确认框|Toast加载提示对应的主页地址是:https://www.jianshu.com/u/ca5f4c68e450在平时的一些项目中,有关弹窗应用场景还是蛮多的,不过微信官方提供的弹窗API比较有局限,很多功能不能自定义修改。这个时候也只能自定义组件开发,就只能自己动手封装插件,于是就有这个小程序弹窗插...

2019-03-24 10:14:57 8120 7

原创 html5语音即时聊天|仿微信语音效果|表情|定位

h5+css3语音实时聊天系统|仿微信语音聊天|js音频录制|仿微信地图定位基于html5开发的仿微信语音聊天系统weChatIM项目,采用了h5+css3+jQuery+swiper+wcPop+mescroll等技术选型开发,实现了下拉刷新消息,发送信息、表情,预览大图、视频,红包、语音、地图定位等新增功能。◆meScroll下拉刷新消息/* * 下拉刷新、上拉加...

2019-03-24 10:09:54 13825 1

pengyou.apk

朋友App想打造的是一个熟人社交圈,同学、同事两条线为主,同城...目前「朋友」App 还在内测阶段,大家可以去下载app体验。

2019-12-10

自动收缩效果

js实现toggle效果

2013-06-23

HTML5播放器

HTML5播放器

2013-06-23

electron-vue3-vite2-admin 一款轻美UI客户端后台管理平台|Electron-vue3后台

发表于 2021-05-20 最后回复 2021-05-20

Vite2+Electron12高仿抖音短视频|electron-vant3小视频|直播应用

发表于 2021-03-28 最后回复 2021-03-28

Electron+Vue3高仿QQ聊天软件|electron-vue3微信聊天应用

发表于 2021-02-28 最后回复 2021-02-28

vue3.0+vant3仿制抖音短视频/微信直播实例

发表于 2021-02-04 最后回复 2021-02-04

vue3.0+element-plus仿微信web端聊天实例

发表于 2021-01-24 最后回复 2021-01-24

vue3.x+vant3仿微信app实战项目开发

发表于 2021-01-18 最后回复 2021-01-18

uni-app自定义顶部导航栏|仿微信、京东导航条

发表于 2019-09-17 最后回复 2019-09-18

基于react+react-redux仿微信、微博网页版聊天室

发表于 2019-07-06 最后回复 2019-07-07

vue.js仿微信界面聊天室|仿微信模板

发表于 2019-04-10 最后回复 2019-04-10

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人 TA的粉丝

提示
确定要删除当前文章?
取消 删除