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