随笔分类 -  H5项目实战

摘要:之前有开发过一个h5微直播项目,当时里面也用到过聊天模块部分,今天就在之前聊天部分的基础上重新抽离模块,开发了这个h5趣聊项目,功能效果比较类似微信聊天界面。采用html5+css3+Zepto+swiper+wcPop+flex等技术融合开发,实现了发送消息、表情(动图),图片、视频预览,添加好友 阅读全文
posted @ 2018-12-23 00:28 xiaoyan2017 阅读(20972) 评论(4) 推荐(1) 编辑
摘要:html5仿微信支付数字键盘|仿支付宝键盘|h5仿微信密码输入键盘|自定义数字键盘 很早之前由于项目需求,就有开发过一个h5仿微信支付键盘,这几天就把之前的数字键盘模块独立出来,重新整理开发成demo,采用h5+原生js开发,含有微信、支付宝两种键盘皮肤,可自定义普通键盘、最大值输入限制、密码键盘/ 阅读全文
posted @ 2018-12-06 23:49 xiaoyan2017 阅读(5827) 评论(1) 推荐(0) 编辑
摘要:最近一些直播、小视频什么的都比较火,像陌陌、抖音、火山短视频… 于是空闲时间自己也利用html5技术也试着倒腾了下直播项目,使用到了h5+css3+iscroll+zepot+swiper+wlsPop架构开发了一个仿陌陌、火山小视频,项目效果挺不错哒!同时解决了在直播页面聊天时候页面撑起的问题。 阅读全文
posted @ 2018-11-04 15:12 xiaoyan2017 阅读(24400) 评论(6) 推荐(5) 编辑
摘要:近几天尝试着使用html5+css3+swiper+jqUI+layerMobile等技术开发了一款仿携程、去哪儿、艺龙webapp酒店预订系统,页面图标统一使用iconfont,仿原生app右侧弹窗效果,jquery-ui实现了日期范围选择插件(入住-离店两个日期),整体功能效果及界面挺不错哒! 阅读全文
posted @ 2018-10-17 23:32 xiaoyan2017 阅读(4062) 评论(1) 推荐(2) 编辑
摘要:最近一直着手开发h5仿钉钉项目,使用到了h5+css3+zepto+wcPop2等技术进行开发,实现了消息、表情、动图发送,仿QQ多人拼合图像,可以选择本地图片,并可以图片、视频预览,仿微信发红包及打赏功能(点击 “拆” 会有动画旋转动画),还有类似微信长按消息弹出菜单(智能边界检测) h5仿钉钉项 阅读全文
posted @ 2018-09-17 01:42 xiaoyan2017 阅读(7367) 评论(0) 推荐(0) 编辑
摘要:这段时间一直在着手h5开发手机端聊天系统——html5仿微信聊天室,最近又在原先基础上开发了一个仿微信、微博网页web版聊天系统,使用到了HTML5+css3+jQuery+wcpop等技术开发,弹窗插件wcPop.js进行了一次全面api升级,修复编辑器插入表情时光标定位错误bug,新增了上传附件 阅读全文
posted @ 2018-08-17 00:52 xiaoyan2017 阅读(21566) 评论(2) 推荐(1) 编辑
摘要:网上有很多环信、美恰之类的客服系统,最近也使用h5+css3+fontJs+swiper+wcPop等技术架构开发了一个在线客服(1v1沟通聊天),可以应用到在线临时聊天、在线咨询等情景。实现了消息、表情(含动图),图片、附件发送及商品的推送。 项目截图: 如下图:可点击“Apple官方旗舰店”或机 阅读全文
posted @ 2018-07-30 23:55 xiaoyan2017 阅读(6798) 评论(0) 推荐(0) 编辑
摘要:今年的FIFA世界杯甚是精彩,最近兴致高涨就利用HTML5开发了一个手机端仿微信界面聊天室,该h5聊天室采用750px全新伸缩flex布局,以及使用rem响应式配合fontsize.js,页面弹窗则是使用自己开发的wcPop.js插件;编辑器部分由原先的单一表情新增为动图表情,实现了消息、表情发送 阅读全文
posted @ 2018-07-05 00:57 xiaoyan2017 编辑
摘要:前几天开发了一款手机端h5仿微信聊天,人唯有不停学习才能进步,这段时间倒腾着整理了下之前项目,又重新在原先的那版基础上开发了一款仿微信聊天电脑端web版本,聊天页面又重新优化了多图预览、视频播放,右键菜单menu,聊天底部编辑器模块重新优化源码,弹窗则是继续使用之前自己开发的wcPop.js,具体看 阅读全文
posted @ 2018-05-26 12:52 xiaoyan2017 阅读(14507) 评论(2) 推荐(1) 编辑
摘要:之前做过一版h5微信聊天移动端,这段时间闲来无事就整理了下之前项目,又重新在原先的那版基础上升级了下,如是就有了现在的h5仿微信聊天高仿版,新增了微聊、通讯录、探索、我四个模块 左右触摸滑屏切换,聊天页面优化了多图预览、视频播放,长按菜单UI,聊天底部编辑器重新优化整理(新增多表情),弹窗则用到了自 阅读全文
posted @ 2018-04-23 01:29 xiaoyan2017 阅读(34042) 评论(8) 推荐(9) 编辑
摘要:wcPop.js移动端消息对话框插件是之前的wxPop.js的升级版,优化了js和css,并且新增了仿微信弹窗效果, 是一款含有多种情景模式的原生模态消息对话框代码,可用于替代浏览器默认的alert弹出对话框,它提供各种参数和方法,功能非常强大。目前已经在项目中有应用到xwpop开发实例。 调用js 阅读全文
posted @ 2018-04-02 17:40 xiaoyan2017 阅读(4230) 评论(2) 推荐(1) 编辑
摘要:《顺便游旅行》是一款H5移动端旅行app,提供目的地(国内、国外、周边)搜索、旅游攻略查询、游记分享、私人定制4大模块,类似携程、同程、去哪儿、马蜂窝移动端,只不过顺便游app界面更为简洁。 HTML5+css3+jQ+rem响应式+xwpop,其中xwpop是自己开发的一个移动端弹窗(9大自定义接 阅读全文
posted @ 2018-03-20 14:13 xiaoyan2017 阅读(1843) 评论(2) 推荐(0) 编辑
摘要:快装WebApp项目(Web移动端开发案例)webapp移动端项目源码、html5+css3实战案例分享、微信端H5实例开发 简介快装WebApp是一个面向移动端的快速装修app,此项目为手机端;使用HTML5+css3+zepto+jQ开发,特效方面用到了css3里的过渡transition和动画 阅读全文
posted @ 2018-03-10 10:16 xiaoyan2017 阅读(3552) 评论(2) 推荐(0) 编辑
摘要:近来区块链一词很热门,网络上关乎其讨论也很多,这里就不解释了,毕竟几句话也是说不清楚的。 最近得空利用HTML5+css3+jQ开发了一个移动端的区块链项目,感觉界面、布局、效果还是ok的。 项目效果截图: 对于区块链,这里有详细解释: https://www.zhihu.com/question/ 阅读全文
posted @ 2018-03-05 11:47 xiaoyan2017 阅读(1399) 评论(0) 推荐(0) 编辑
摘要:自微信生态圈一步步强大后,关于移动端购物的趋势,逐渐成为大众关心的内容,目前市场上关于移动商城的制定就有大量版本,比如、微商城、移动商城、移动webAPP、微信商城各等各种定义层出不穷,这就对于移动端电商的发展起到个很好的催化剂。之前对于H5移动端的开发也做过一些项目,这段时间就整理之前的知识,做了 阅读全文
posted @ 2018-01-28 23:19 xiaoyan2017 阅读(8133) 评论(0) 推荐(0) 编辑
摘要:这几天使用H5开发了一个仿微信聊天前端界面,尤其微信底部编辑器那块处理的很好,使用HTML5来开发,虽说功能效果并没有微信那么全,但是也相当不错了,可以发送消息、表情,发送的消息自动回滚定位到底部,另外可以对消息、图片、视频有不同的右键处理提示,还有打赏、占屏等操作。 html代码片段: Javas 阅读全文
posted @ 2018-01-28 12:24 xiaoyan2017 阅读(15877) 评论(2) 推荐(0) 编辑

友情链接:web码农◆前端技术B站
点击右上角即可分享
微信分享提示