摘要:一、项目简述 taro-chatroom是基于Taro多端实例聊天项目,运用Taro+react+react-redux+taroPop+react-native等技术开发的仿微信App界面聊天室,实现了发送消息/emoj表情、gif表情大图、图片预览、发红包、动态圈等功能。 二、预览效果 编译到H 阅读全文
posted @ 2019-12-14 14:54 xiaoyan2017 阅读 (7) 评论 (0) 编辑
摘要:基于Taro多端实践TaroPop:自定义模态框|dialog对话框|msg消息框|Toast提示 taro自定义弹出框支持编译到多端H5/小程序/ReactNative,还可以自定义弹窗类型/弹窗样式、多按钮事件/样式、自动关闭、遮罩层、弹窗显示位置及自定义内容模板 用法 ▍在相应页面引入组件 i 阅读全文
posted @ 2019-12-02 11:51 xiaoyan2017 阅读 (115) 评论 (0) 编辑
摘要:运用Taro实现多端导航栏/tabbar实例 (H5 + 小程序 + React Native) 最近一直在捣鼓taro开发,虽说官网介绍支持编译到多端,但是网上大多数实例都是H5、小程序,很少有支持RN端。恰好Taro是基于React技术,想着之前也做过一些react项目,如是抱着好奇深究了一番, 阅读全文
posted @ 2019-11-26 17:19 xiaoyan2017 阅读 (77) 评论 (2) 编辑
摘要:一、项目简介 uni-liveShow是一个基于vue+uni-app技术开发的集小视频/IM聊天/直播等功能于一体的微直播项目。界面仿制抖音|火山小视频/陌陌直播,支持编译到多端(H5、小程序、App端) 且兼容效果一致。 二、效果预览 在H5、小程序、App端测试效果如下:(后续大图均为APP端 阅读全文
posted @ 2019-11-11 15:49 xiaoyan2017 阅读 (374) 评论 (0) 编辑
摘要:一、介绍 运用UniApp+Vue+Vuex+swiper+uniPop等技术开发的仿微信原生App聊天室|仿微信聊天界面实例项目uniapp-chatroom,实现了发送图文消息、表情(gif图),图片预览、地图位置、长按菜单、红包/钱包、仿微信朋友圈等功能。 二、测试效果 H5 + 小程序 + 阅读全文
posted @ 2019-10-10 02:22 xiaoyan2017 阅读 (1893) 评论 (4) 编辑
摘要:介绍 uniapp自定义弹窗组件uniPop,基于uni-app开发的自定义模态弹窗|msg信息框|alert对话框|confirm确认框|toast弱提示框 支持多种动画效果、多弹窗类型ios/android、可以自定义弹窗样式/自定义多按钮及事件/弹窗显示位置、自动关闭秒数、遮罩层透明度及点击遮 阅读全文
posted @ 2019-09-26 10:06 xiaoyan2017 阅读 (1971) 评论 (1) 编辑
摘要:最近一直在学习uni-app开发,由于uniapp是基于vue.js技术开发的,只要你熟悉vue,基本上很快就能上手了。 在开发中发现uni-app原生导航栏也能实现一些顶部自定义按钮+搜索框,只需在page.json里面做一些配置即可。设置app-plus,配置编译到App平台的特定样式。dclo 阅读全文
posted @ 2019-09-17 01:19 xiaoyan2017 阅读 (2249) 评论 (1) 编辑
摘要:react+react-native+react-navigation+react-redux+react-native-swiper+rnPop等技术开发仿微信聊天室RN_ChatRoom,实现了app全屏启动页、popupWindow弹窗菜单、消息触摸列表、发送消息、表情(动图),图片预览,拍摄图片、发红包、仿微信朋友圈等功能 阅读全文
posted @ 2019-09-01 03:13 xiaoyan2017 阅读 (1568) 评论 (0) 编辑
摘要:前序 纵观每个优质项目,无论web端还是native原生应用开发,弹窗都是不可忽视的一环,能很大程度上直接决定用户体验。如:微信、支付宝、ios都有很成熟的一套弹窗UI展示场景。 最近一直沉迷在react-native开发研究中,学习起来发现没有想象的难,不过也采坑了不少。鉴于之前有基于h5和小程序 阅读全文
posted @ 2019-08-03 03:41 xiaoyan2017 阅读 (1265) 评论 (0) 编辑
摘要:一、项目介绍 运用angular+angular-cli+angular-router+ngrx/store+rxjs+webpack+node+wcPop等技术实现开发的仿微信angular版聊天室angular-chatroom实例项目,实现了下拉刷新、聊天消息右键菜单、发送消息、表情(动图), 阅读全文
posted @ 2019-07-16 14:42 xiaoyan2017 阅读 (895) 评论 (1) 编辑
摘要:一、项目介绍 基于react+react-dom+react-router-dom+redux+react-redux+webpack2.0+nodejs等技术混合开发的仿微信web端聊天室reactWebChat项目,实现了聊天记录右键菜单、发送消息、表情(动图),图片、视频预览,浏览器截图粘贴发 阅读全文
posted @ 2019-06-29 12:27 xiaoyan2017 阅读 (1683) 评论 (2) 编辑
摘要:一、项目概况 基于react+react-dom+react-router-dom+redux+react-redux+webpack2.0+react-photoswipe+swiper等技术混合开发的手机端仿微信界面聊天室——reactChatRoom,实现了聊天记录下拉刷新、发送消息、表情(动 阅读全文
posted @ 2019-06-21 00:44 xiaoyan2017 阅读 (1815) 评论 (0) 编辑
摘要:一、项目介绍 基于Vue2.5.6+Vuex+vue-cli+vue-router+vue-gemini-scrollbar+swiper+elementUI等技术混合架构开发的仿微信web端聊天室——vueWebChat,实现了发送消息、表情(动图),图片、视频预览,右键菜单、截屏、截图可直接粘贴 阅读全文
posted @ 2019-04-30 00:41 xiaoyan2017 阅读 (5289) 评论 (1) 编辑
摘要:一、项目简介 基于Vue2.0+Vuex+vue-router+webpack2.0+es6+vuePhotoPreview+wcPop等技术架构开发的仿微信界面聊天室——vueChatRoom,实现了微信聊天下拉刷新、发送消息、表情(动图),图片、视频预览,打赏、红包等功能。 二、技术栈 MVVM 阅读全文
posted @ 2019-04-05 01:22 xiaoyan2017 阅读 (11136) 评论 (0) 编辑
摘要:仿微信聊天小程序weChatRoom案例,一款基于微信小程序开发的聊天室实战项目。很早之前就有开发过一个h5版聊天室,最近又在原先思路的基础上开发了个小程序版聊天室,功能效果非常接近微信聊天,实现了消息、表情发送,小程序表情解析,图片、视频上传预览,打赏、红包等微交互场景。整体界面风格及效果挺不错哒 阅读全文
posted @ 2019-01-30 01:43 xiaoyan2017 阅读 (7663) 评论 (0) 编辑
摘要:wcPop.js 是一款基于原生javascript开发的前端 web版 弹窗组件,遵循原生 H5/css3/JS 的书写规范,简单实用、拿来即用(压缩后仅10KB)。已经兼容各大主流浏览器。内含多种弹窗类型(普通型弹窗、仿微信|android|ios弹窗、定位弹窗、全屏弹窗),多种动画展示效果,可 阅读全文
posted @ 2019-01-06 11:41 xiaoyan2017 阅读 (2743) 评论 (0) 编辑
摘要:之前有开发过一个h5微直播项目,当时里面也用到过聊天模块部分,今天就在之前聊天部分的基础上重新抽离模块,开发了这个h5趣聊项目,功能效果比较类似微信聊天界面。采用html5+css3+Zepto+swiper+wcPop+flex等技术融合开发,实现了发送消息、表情(动图),图片、视频预览,添加好友 阅读全文
posted @ 2018-12-23 00:28 xiaoyan2017 阅读 (8875) 评论 (2) 编辑
摘要:html5仿微信支付数字键盘|仿支付宝键盘|h5仿微信密码输入键盘|自定义数字键盘 很早之前由于项目需求,就有开发过一个h5仿微信支付键盘,这几天就把之前的数字键盘模块独立出来,重新整理开发成demo,采用h5+原生js开发,含有微信、支付宝两种键盘皮肤,可自定义普通键盘、最大值输入限制、密码键盘/ 阅读全文
posted @ 2018-12-06 23:49 xiaoyan2017 阅读 (2142) 评论 (0) 编辑
摘要:百度智能小程序自定义弹窗组件wcPop|百度小程序model对话框|智能小程序弹窗界面模板 最近百度也推出了自己的智能小程序,如是就赶紧去试了下,官方提供的api还不是狠完整。而且官方提供的弹窗组件也不能满足一些复杂展示场景,所以就自己动手封装了个智能小程序弹窗wcPop自定义模板插件。 百度智能小 阅读全文
posted @ 2018-11-30 00:49 xiaoyan2017 阅读 (1266) 评论 (0) 编辑
摘要:支付宝小程序自定义弹窗组件wcPop|小程序自定义对话框|actionSheet弹窗模板 支付宝小程序官方提供的alert提示框、dialog对话框、model弹窗功能比较有限,有些都不能随意自定义修改的。如是自己就捯饬着封装了个支付宝小程序自定义弹窗插件wcPop,多种展示场景,随意修改调用。 自 阅读全文
posted @ 2018-11-30 00:24 xiaoyan2017 阅读 (1488) 评论 (0) 编辑
友情链接:web码农◆前端技术