摘要:最近一直在学习uni-app开发,由于uniapp是基于vue.js技术开发的,只要你熟悉vue,基本上很快就能上手了。 在开发中发现uni-app原生导航栏也能实现一些顶部自定义按钮+搜索框,只需在page.json里面做一些配置即可。设置app-plus,配置编译到App平台的特定样式。dclo 阅读全文
posted @ 2019-09-17 01:19 xiaoyan2017 阅读 (195) 评论 (1) 编辑
摘要:react+react-native+react-navigation+react-redux+react-native-swiper+rnPop等技术开发仿微信聊天室RN_ChatRoom,实现了app全屏启动页、popupWindow弹窗菜单、消息触摸列表、发送消息、表情(动图),图片预览,拍摄图片、发红包、仿微信朋友圈等功能 阅读全文
posted @ 2019-09-01 03:13 xiaoyan2017 阅读 (324) 评论 (0) 编辑
摘要:前序 纵观每个优质项目,无论web端还是native原生应用开发,弹窗都是不可忽视的一环,能很大程度上直接决定用户体验。如:微信、支付宝、ios都有很成熟的一套弹窗UI展示场景。 最近一直沉迷在react-native开发研究中,学习起来发现没有想象的难,不过也采坑了不少。鉴于之前有基于h5和小程序 阅读全文
posted @ 2019-08-03 03:41 xiaoyan2017 阅读 (302) 评论 (0) 编辑
摘要:一、项目介绍 运用angular+angular-cli+angular-router+ngrx/store+rxjs+webpack+node+wcPop等技术实现开发的仿微信angular版聊天室angular-chatroom实例项目,实现了下拉刷新、聊天消息右键菜单、发送消息、表情(动图), 阅读全文
posted @ 2019-07-16 14:42 xiaoyan2017 阅读 (400) 评论 (1) 编辑
摘要:一、项目介绍 基于react+react-dom+react-router-dom+redux+react-redux+webpack2.0+nodejs等技术混合开发的仿微信web端聊天室reactWebChat项目,实现了聊天记录右键菜单、发送消息、表情(动图),图片、视频预览,浏览器截图粘贴发 阅读全文
posted @ 2019-06-29 12:27 xiaoyan2017 阅读 (944) 评论 (2) 编辑
摘要:一、项目概况 基于react+react-dom+react-router-dom+redux+react-redux+webpack2.0+react-photoswipe+swiper等技术混合开发的手机端仿微信界面聊天室——reactChatRoom,实现了聊天记录下拉刷新、发送消息、表情(动 阅读全文
posted @ 2019-06-21 00:44 xiaoyan2017 阅读 (1118) 评论 (0) 编辑
摘要:一、项目介绍 基于Vue2.5.6+Vuex+vue-cli+vue-router+vue-gemini-scrollbar+swiper+elementUI等技术混合架构开发的仿微信web端聊天室——vueWebChat,实现了发送消息、表情(动图),图片、视频预览,右键菜单、截屏、截图可直接粘贴 阅读全文
posted @ 2019-04-30 00:41 xiaoyan2017 阅读 (3379) 评论 (0) 编辑
摘要:一、项目简介 基于Vue2.0+Vuex+vue-router+webpack2.0+es6+vuePhotoPreview+wcPop等技术架构开发的仿微信界面聊天室——vueChatRoom,实现了微信聊天下拉刷新、发送消息、表情(动图),图片、视频预览,打赏、红包等功能。 二、技术栈 MVVM 阅读全文
posted @ 2019-04-05 01:22 xiaoyan2017 阅读 (6934) 评论 (0) 编辑
摘要:仿微信聊天小程序weChatRoom案例,一款基于微信小程序开发的聊天室实战项目。很早之前就有开发过一个h5版聊天室,最近又在原先思路的基础上开发了个小程序版聊天室,功能效果非常接近微信聊天,实现了消息、表情发送,小程序表情解析,图片、视频上传预览,打赏、红包等微交互场景。整体界面风格及效果挺不错哒 阅读全文
posted @ 2019-01-30 01:43 xiaoyan2017 阅读 (5718) 评论 (0) 编辑
摘要:wcPop.js 是一款基于原生javascript开发的前端 web版 弹窗组件,遵循原生 H5/css3/JS 的书写规范,简单实用、拿来即用(压缩后仅10KB)。已经兼容各大主流浏览器。内含多种弹窗类型(普通型弹窗、仿微信|android|ios弹窗、定位弹窗、全屏弹窗),多种动画展示效果,可 阅读全文
posted @ 2019-01-06 11:41 xiaoyan2017 阅读 (2457) 评论 (0) 编辑
摘要:之前有开发过一个h5微直播项目,当时里面也用到过聊天模块部分,今天就在之前聊天部分的基础上重新抽离模块,开发了这个h5趣聊项目,功能效果比较类似微信聊天界面。采用html5+css3+Zepto+swiper+wcPop+flex等技术融合开发,实现了发送消息、表情(动图),图片、视频预览,添加好友 阅读全文
posted @ 2018-12-23 00:28 xiaoyan2017 阅读 (7601) 评论 (2) 编辑
摘要:html5仿微信支付数字键盘|仿支付宝键盘|h5仿微信密码输入键盘|自定义数字键盘 很早之前由于项目需求,就有开发过一个h5仿微信支付键盘,这几天就把之前的数字键盘模块独立出来,重新整理开发成demo,采用h5+原生js开发,含有微信、支付宝两种键盘皮肤,可自定义普通键盘、最大值输入限制、密码键盘/ 阅读全文
posted @ 2018-12-06 23:49 xiaoyan2017 阅读 (1786) 评论 (0) 编辑
摘要:百度智能小程序自定义弹窗组件wcPop|百度小程序model对话框|智能小程序弹窗界面模板 最近百度也推出了自己的智能小程序,如是就赶紧去试了下,官方提供的api还不是狠完整。而且官方提供的弹窗组件也不能满足一些复杂展示场景,所以就自己动手封装了个智能小程序弹窗wcPop自定义模板插件。 百度智能小 阅读全文
posted @ 2018-11-30 00:49 xiaoyan2017 阅读 (1062) 评论 (0) 编辑
摘要:支付宝小程序自定义弹窗组件wcPop|小程序自定义对话框|actionSheet弹窗模板 支付宝小程序官方提供的alert提示框、dialog对话框、model弹窗功能比较有限,有些都不能随意自定义修改的。如是自己就捯饬着封装了个支付宝小程序自定义弹窗插件wcPop,多种展示场景,随意修改调用。 自 阅读全文
posted @ 2018-11-30 00:24 xiaoyan2017 阅读 (1228) 评论 (0) 编辑
摘要:微信小程序自定义组件弹窗wcPop|小程序消息提示框|toast自定义模板弹窗 平时在开发小程序的时候,弹窗应用场景还是蛮广泛的,但是微信官方提供的弹窗比较有局限性,不能自定义修改。这个时候首先想到的是自定义组件化开发,就是把弹出框封装成一个组件,然后多处调用。 解决了小程序开发自定义弹窗出现后,遮 阅读全文
posted @ 2018-11-18 02:01 xiaoyan2017 阅读 (2155) 评论 (0) 编辑
摘要:最近一些直播、小视频什么的都比较火,像陌陌、抖音、火山短视频… 于是空闲时间自己也利用html5技术也试着倒腾了下直播项目,使用到了h5+css3+iscroll+zepot+swiper+wlsPop架构开发了一个仿陌陌、火山小视频,项目效果挺不错哒!同时解决了在直播页面聊天时候页面撑起的问题。 阅读全文
posted @ 2018-11-04 15:12 xiaoyan2017 阅读 (7116) 评论 (3) 编辑
摘要:近几天尝试着使用html5+css3+swiper+jqUI+layerMobile等技术开发了一款仿携程、去哪儿、艺龙webapp酒店预订系统,页面图标统一使用iconfont,仿原生app右侧弹窗效果,jquery-ui实现了日期范围选择插件(入住-离店两个日期),整体功能效果及界面挺不错哒! 阅读全文
posted @ 2018-10-17 23:32 xiaoyan2017 阅读 (1294) 评论 (0) 编辑
摘要:最近一直着手开发h5仿钉钉项目,使用到了h5+css3+zepto+wcPop2等技术进行开发,实现了消息、表情、动图发送,仿QQ多人拼合图像,可以选择本地图片,并可以图片、视频预览,仿微信发红包及打赏功能(点击 “拆” 会有动画旋转动画),还有类似微信长按消息弹出菜单(智能边界检测) h5仿钉钉项 阅读全文
posted @ 2018-09-17 01:42 xiaoyan2017 阅读 (2896) 评论 (0) 编辑
摘要:这段时间一直在着手h5开发手机端聊天系统——html5仿微信聊天室,最近又在原先基础上开发了一个仿微信、微博网页web版聊天系统,使用到了HTML5+css3+jQuery+wcpop等技术开发,弹窗插件wcPop.js进行了一次全面api升级,修复编辑器插入表情时光标定位错误bug,新增了上传附件 阅读全文
posted @ 2018-08-17 00:52 xiaoyan2017 阅读 (6029) 评论 (1) 编辑
摘要:html5实现的博彩webapp、h5棋牌app实例,运用h5+css3+zepto+jQ+swiper+layer等技术进行布控开发,750px最大宽度适配手机端设备,采用flex+rem布局样式。登录、注册页面的验证提示则是采用的是layer弹窗功能,列表页面滚动到底部有加载更多提示。 项目效果 阅读全文
posted @ 2018-08-05 11:12 xiaoyan2017 阅读 (1117) 评论 (0) 编辑
友情链接:web码农◆前端技术