摘要：
基于Vue3.0开发的轻量级手机端弹框组件V3Popup。 之前有分享一个vue2.x移动端弹框组件，今天给大家带来的是Vue3实现自定义弹框组件。 V3Popup 基于vue3.x实现的移动端弹出框组件，集合msg、alert、dialog、modal、actionSheet、toast等多种效果 阅读全文
posted @ 2020-12-30 12:22
xiaoyan2017
阅读(8917)
评论(2)
推荐(3)
摘要：
一、项目介绍 next-webchat 基于Next.js+React.js+Redux+Antd+RScroll+RLayer等技术构建的PC桌面端仿微信聊天项目。实现了消息/表情发送、图片/视频预览、拖拽/粘贴图片发送、红包/朋友圈等功能。 二、技术实现 技术框架：next.js+react.j 阅读全文
posted @ 2020-12-27 10:01
xiaoyan2017
阅读(2210)
评论(0)
推荐(1)
摘要：
基于React.js实现PC桌面端自定义弹窗组件RLayer。 前几天有分享一个Vue网页版弹框组件，今天分享一个最新开发的React PC桌面端自定义对话框组件。 RLayer 一款基于react.js开发的PC端自定义Layer弹出框组件。支持超过30+参数自由配置，通过轻巧的布局设计、极简的调 阅读全文
posted @ 2020-12-04 12:12
xiaoyan2017
阅读(3599)
评论(1)
推荐(1)
摘要：
基于vue.js开发的小巧PC端自定义滚动条组件VScroll。 前段时间有给大家分享一个vue桌面端弹框组件，今天再分享最近开发的一个vue pc端自定义滚动条组件。 vscroll 一款基于vue2.x开发的网页端轻量级超小巧自定义美化滚动条组件。支持是否原生滚动条、鼠标移出是否自动隐藏、自定义 阅读全文
posted @ 2020-11-30 18:00
xiaoyan2017
阅读(5055)
评论(2)
推荐(2)
摘要：
vue.js构建的轻量级PC网页端交互式弹层组件VLayer。 前段时间有分享过一个vue移动端弹窗组件，今天给大家分享一个最近开发的vue pc端弹出层组件。 VLayer 一款集Alert、Dialog、Message、Notification、ActionSheet、Toast、Popover 阅读全文
posted @ 2020-11-02 12:50
xiaoyan2017
阅读(6520)
评论(3)
推荐(0)
摘要：
一、项目简述 nuxt-chatroom 基于Nuxt.js+Vue.js+Vuex+Vant+VPopup等技术构建开发的仿微信|探探App界面社交聊天室项目。实现了卡片式翻牌滑动、消息发送/emoj表情、图片/视频预览、下拉刷新消息、红包/朋友圈等功能。 预览片段 二、技术栈 编码/技术：Vsc 阅读全文
posted @ 2020-10-15 21:11
xiaoyan2017
阅读(5475)
评论(3)
推荐(3)
摘要：
探探/Tinder是一个很火的陌生人社交App，趁着国庆假期闲暇时间倒腾了个Nuxt.js项目，项目中有个模块模仿探探滑动切换界面效果。支持左右拖拽滑动like和no like及滑动回弹效果。 一览效果 emmmm，是不是效果还不错，哈哈~ 好了，下面就简单的讲解下具体的实现过程，大家如果感兴趣的话 阅读全文
posted @ 2020-10-12 11:06
xiaoyan2017
阅读(3767)
评论(3)
推荐(3)
摘要：
基于Vue.js实现自定义Topbar+Tabbar组件|仿咸鱼底部凸起导航 最近一直在倒腾Nuxt项目，由于Nuxt.js是基于Vue.js的服务端渲染框架，只要是会vue，基本能很快上手了。 一般移动端项目，顶部导航/底部Tab功能是少不了的。本想着使用Vant组件库，可是项目中有个类似咸鱼底部 阅读全文
posted @ 2020-10-10 13:02
xiaoyan2017
阅读(4522)
评论(0)
推荐(0)
摘要：
基于vue.js构建的轻量级Vue移动端弹出框组件Vpopup vpopup 汇聚了有赞Vant、京东NutUI等Vue组件库的Msg消息框、Popup弹层、Dialog对话框、Toast弱提示、ActionSheet动作面板框、Notify通知框等功能。 用法 ▍在main.js中引入vpopup 阅读全文
posted @ 2020-10-07 12:44
xiaoyan2017
阅读(7691)
评论(3)
推荐(0)
摘要：
一、项目概述 flutter-chatroom是采用基于flutter+dart+chewie+image_picker+photo_view等技术跨端开发仿微信app界面聊天室项目。实现了消息发送/动态gif表情、弹窗、图片预览、红包/朋友圈/小视频号等功能。 二、技术框架 编码/技术：Vscod 阅读全文
posted @ 2020-05-12 23:38
xiaoyan2017
阅读(10472)
评论(3)
推荐(4)
摘要：
Flutter中如何实现沉浸式透明Statusbar状态栏效果？ 如下图：状态栏是指android手机顶部显示手机状态信息的位置。android 自4.4开始新加入透明状态栏功能，状态栏可以自定义颜色背景，使titleBar能够和状态栏融为一体，增加沉浸感。 如上图Flutter状态栏默认为黑色半透 阅读全文
posted @ 2020-04-27 03:16
xiaoyan2017
阅读(7677)
评论(1)
推荐(0)
摘要：
一、项目概况 基于Electron+vue+electron-vue+vuex+Nodejs+vueVideoPlayer+electron-builder等技术仿制微信电脑端界面聊天室实例，实现消息发送/动态表情，图片/视频预览，拖拽图片/粘贴截图发送，朋友圈/红包/换肤等功能。 二、效果图 三、 阅读全文
posted @ 2020-01-09 02:22
xiaoyan2017
阅读(14048)
评论(5)
推荐(1)
摘要：
一、项目简述 taro-chatroom是基于Taro多端实例聊天项目，运用Taro+react+react-redux+taroPop+react-native等技术开发的仿微信App界面聊天室，实现了发送消息/emoj表情、gif表情大图、图片预览、发红包、动态圈等功能。 二、预览效果 编译到H 阅读全文
posted @ 2019-12-14 14:54
xiaoyan2017
阅读(6623)
评论(0)
推荐(0)
摘要：
基于Taro多端实践TaroPop：自定义模态框|dialog对话框|msg消息框|Toast提示 taro自定义弹出框支持编译到多端H5/小程序/ReactNative，还可以自定义弹窗类型/弹窗样式、多按钮事件/样式、自动关闭、遮罩层、弹窗显示位置及自定义内容模板 用法 ▍在相应页面引入组件 i 阅读全文
posted @ 2019-12-02 11:51
xiaoyan2017
阅读(8571)
评论(0)
推荐(0)
摘要：
运用Taro实现多端导航栏/tabbar实例 (H5 + 小程序 + React Native) 最近一直在捣鼓taro开发，虽说官网介绍支持编译到多端，但是网上大多数实例都是H5、小程序，很少有支持RN端。恰好Taro是基于React技术，想着之前也做过一些react项目，如是抱着好奇深究了一番， 阅读全文
posted @ 2019-11-26 17:19
xiaoyan2017
阅读(10442)
评论(1)
推荐(0)
摘要：
一、项目简介 uni-liveShow是一个基于vue+uni-app技术开发的集小视频/IM聊天/直播等功能于一体的微直播项目。界面仿制抖音|火山小视频/陌陌直播，支持编译到多端(H5、小程序、App端) 且兼容效果一致。 二、效果预览 在H5、小程序、App端测试效果如下：(后续大图均为APP端 阅读全文
posted @ 2019-11-11 15:49
xiaoyan2017
阅读(40126)
评论(11)
推荐(11)
摘要：
一、介绍 运用UniApp+Vue+Vuex+swiper+uniPop等技术开发的仿微信原生App聊天室|仿微信聊天界面实例项目uniapp-chatroom，实现了发送图文消息、表情(gif图)，图片预览、地图位置、长按菜单、红包/钱包、仿微信朋友圈等功能。 二、测试效果 H5 + 小程序 + 阅读全文
posted @ 2019-10-10 02:22
xiaoyan2017
阅读(45069)
评论(11)
推荐(11)
摘要：
介绍 uniapp自定义弹窗组件uniPop，基于uni-app开发的自定义模态弹窗|msg信息框|alert对话框|confirm确认框|toast弱提示框 支持多种动画效果、多弹窗类型ios/android、可以自定义弹窗样式/自定义多按钮及事件/弹窗显示位置、自动关闭秒数、遮罩层透明度及点击遮 阅读全文
posted @ 2019-09-26 10:06
xiaoyan2017
阅读(66426)
评论(4)
推荐(0)
摘要：
最近一直在学习uni-app开发，由于uniapp是基于vue.js技术开发的，只要你熟悉vue，基本上很快就能上手了。 在开发中发现uni-app原生导航栏也能实现一些顶部自定义按钮+搜索框，只需在page.json里面做一些配置即可。设置app-plus，配置编译到App平台的特定样式。dclo 阅读全文
posted @ 2019-09-17 01:19
xiaoyan2017
阅读(74584)
评论(3)
推荐(7)
摘要：
react+react-native+react-navigation+react-redux+react-native-swiper+rnPop等技术开发仿微信聊天室RN_ChatRoom，实现了app全屏启动页、popupWindow弹窗菜单、消息触摸列表、发送消息、表情(动图)，图片预览，拍摄图片、发红包、仿微信朋友圈等功能 阅读全文
posted @ 2019-09-01 03:13
xiaoyan2017
阅读(11299)
评论(2)
推荐(1)
摘要：
前序 纵观每个优质项目，无论web端还是native原生应用开发，弹窗都是不可忽视的一环，能很大程度上直接决定用户体验。如：微信、支付宝、ios都有很成熟的一套弹窗UI展示场景。 最近一直沉迷在react-native开发研究中，学习起来发现没有想象的难，不过也采坑了不少。鉴于之前有基于h5和小程序 阅读全文
posted @ 2019-08-03 03:41
xiaoyan2017
阅读(10773)
评论(2)
推荐(0)
摘要：
一、项目介绍 运用angular+angular-cli+angular-router+ngrx/store+rxjs+webpack+node+wcPop等技术实现开发的仿微信angular版聊天室angular-chatroom实例项目，实现了下拉刷新、聊天消息右键菜单、发送消息、表情(动图)， 阅读全文
posted @ 2019-07-16 14:42
xiaoyan2017
阅读(5035)
评论(2)
推荐(1)
摘要：
一、项目介绍 基于react+react-dom+react-router-dom+redux+react-redux+webpack2.0+nodejs等技术混合开发的仿微信web端聊天室reactWebChat项目，实现了聊天记录右键菜单、发送消息、表情(动图)，图片、视频预览，浏览器截图粘贴发 阅读全文
posted @ 2019-06-29 12:27
xiaoyan2017
阅读(9473)
评论(5)
推荐(3)
摘要：
一、项目概况 基于react+react-dom+react-router-dom+redux+react-redux+webpack2.0+react-photoswipe+swiper等技术混合开发的手机端仿微信界面聊天室——reactChatRoom，实现了聊天记录下拉刷新、发送消息、表情(动 阅读全文
posted @ 2019-06-21 00:44
xiaoyan2017
阅读(6406)
评论(1)
推荐(0)
摘要：
一、项目介绍 基于Vue2.5.6+Vuex+vue-cli+vue-router+vue-gemini-scrollbar+swiper+elementUI等技术混合架构开发的仿微信web端聊天室——vueWebChat，实现了发送消息、表情(动图)，图片、视频预览，右键菜单、截屏、截图可直接粘贴 阅读全文
posted @ 2019-04-30 00:41
xiaoyan2017
阅读(37422)
评论(2)
推荐(6)
摘要：
一、项目简介 基于Vue2.0+Vuex+vue-router+webpack2.0+es6+vuePhotoPreview+wcPop等技术架构开发的仿微信界面聊天室——vueChatRoom，实现了微信聊天下拉刷新、发送消息、表情(动图)，图片、视频预览，打赏、红包等功能。 二、技术栈 MVVM 阅读全文
posted @ 2019-04-05 01:22
xiaoyan2017
阅读(59318)
评论(2)
推荐(3)
摘要：
仿微信聊天小程序weChatRoom案例，一款基于微信小程序开发的聊天室实战项目。很早之前就有开发过一个h5版聊天室，最近又在原先思路的基础上开发了个小程序版聊天室，功能效果非常接近微信聊天，实现了消息、表情发送，小程序表情解析，图片、视频上传预览，打赏、红包等微交互场景。整体界面风格及效果挺不错哒 阅读全文
posted @ 2019-01-30 01:43
xiaoyan2017
阅读(30670)
评论(3)
推荐(0)
摘要：
wcPop.js 是一款基于原生javascript开发的前端 web版 弹窗组件，遵循原生 H5/css3/JS 的书写规范，简单实用、拿来即用（压缩后仅10KB）。已经兼容各大主流浏览器。内含多种弹窗类型（普通型弹窗、仿微信|android|ios弹窗、定位弹窗、全屏弹窗），多种动画展示效果，可 阅读全文
posted @ 2019-01-06 11:41
xiaoyan2017
阅读(6307)
评论(0)
推荐(2)
摘要：
之前有开发过一个h5微直播项目，当时里面也用到过聊天模块部分，今天就在之前聊天部分的基础上重新抽离模块，开发了这个h5趣聊项目，功能效果比较类似微信聊天界面。采用html5+css3+Zepto+swiper+wcPop+flex等技术融合开发，实现了发送消息、表情(动图)，图片、视频预览，添加好友 阅读全文
posted @ 2018-12-23 00:28
xiaoyan2017
阅读(21166)
评论(4)
推荐(1)
摘要：
html5仿微信支付数字键盘|仿支付宝键盘|h5仿微信密码输入键盘|自定义数字键盘 很早之前由于项目需求，就有开发过一个h5仿微信支付键盘，这几天就把之前的数字键盘模块独立出来，重新整理开发成demo，采用h5+原生js开发，含有微信、支付宝两种键盘皮肤，可自定义普通键盘、最大值输入限制、密码键盘/ 阅读全文
posted @ 2018-12-06 23:49
xiaoyan2017
阅读(5916)
评论(1)
推荐(0)
浙公网安备 33010602011771号
UP主小店