xiaoyan2017 - 博客园
摘要: 前几天开发了一款手机端h5仿微信聊天,人唯有不停学习才能进步,这段时间倒腾着整理了下之前项目,又重新在原先的那版基础上开发了一款仿微信聊天电脑端web版本,聊天页面又重新优化了多图预览、视频播放,右键菜单menu,聊天底部编辑器模块重新优化源码,弹窗则是继续使用之前自己开发的wcPop.js,具体看阅读全文
posted @ 2018-05-26 12:52 xiaoyan2017 阅读(209) 评论(0) 编辑
摘要: 之前做过一版h5微信聊天移动端,这段时间闲来无事就整理了下之前项目,又重新在原先的那版基础上升级了下,如是就有了现在的h5仿微信聊天高仿版,新增了微聊、通讯录、探索、我四个模块 左右触摸滑屏切换,聊天页面优化了多图预览、视频播放,长按菜单UI,聊天底部编辑器重新优化整理(新增多表情),弹窗则用到了自阅读全文
posted @ 2018-04-23 01:29 xiaoyan2017 阅读(683) 评论(3) 编辑
摘要: wcPop.js移动端消息对话框插件是之前的wxPop.js的升级版,优化了js和css,并且新增了仿微信弹窗效果, 是一款含有多种情景模式的原生模态消息对话框代码,可用于替代浏览器默认的alert弹出对话框,它提供各种参数和方法,功能非常强大。目前已经在项目中有应用到xwpop开发实例。 调用js阅读全文
posted @ 2018-04-02 17:40 xiaoyan2017 阅读(104) 评论(0) 编辑
摘要: 《顺便游旅行》是一款H5移动端旅行app,提供目的地(国内、国外、周边)搜索、旅游攻略查询、游记分享、私人定制4大模块,类似携程、同程、去哪儿、马蜂窝移动端,只不过顺便游app界面更为简洁。 HTML5+css3+jQ+rem响应式+xwpop,其中xwpop是自己开发的一个移动端弹窗(9大自定义接阅读全文
posted @ 2018-03-20 14:13 xiaoyan2017 阅读(108) 评论(0) 编辑
摘要: 快装WebApp项目(Web移动端开发案例)webapp移动端项目源码、html5+css3实战案例分享、微信端H5实例开发 简介快装WebApp是一个面向移动端的快速装修app,此项目为手机端;使用HTML5+css3+zepto+jQ开发,特效方面用到了css3里的过渡transition和动画阅读全文
posted @ 2018-03-10 10:16 xiaoyan2017 阅读(119) 评论(0) 编辑
摘要: 近来区块链一词很热门,网络上关乎其讨论也很多,这里就不解释了,毕竟几句话也是说不清楚的。 最近得空利用HTML5+css3+jQ开发了一个移动端的区块链项目,感觉界面、布局、效果还是ok的。 项目效果截图: 对于区块链,这里有详细解释: https://www.zhihu.com/question/阅读全文
posted @ 2018-03-05 11:47 xiaoyan2017 阅读(326) 评论(0) 编辑
摘要: css3实现动态波纹特效,由于css3里面有过渡和动画效果,现在利用css3实现动态波浪效果就很简单了,直接使用transform来实现就ok, 使得translateX 产生偏移就可以不断实现循环动态效果,这样就比传统的flash来实现更为简单。而且对页面也比较友好的。 比如实现以下的背景波纹特效阅读全文
posted @ 2018-01-31 11:37 xiaoyan2017 阅读(330) 评论(0) 编辑
摘要: 自微信生态圈一步步强大后,关于移动端购物的趋势,逐渐成为大众关心的内容,目前市场上关于移动商城的制定就有大量版本,比如、微商城、移动商城、移动webAPP、微信商城各等各种定义层出不穷,这就对于移动端电商的发展起到个很好的催化剂。之前对于H5移动端的开发也做过一些项目,这段时间就整理之前的知识,做了阅读全文
posted @ 2018-01-28 23:19 xiaoyan2017 阅读(499) 评论(0) 编辑
摘要: 这几天使用H5开发了一个仿微信聊天前端界面,尤其微信底部编辑器那块处理的很好,使用HTML5来开发,虽说功能效果并没有微信那么全,但是也相当不错了,可以发送消息、表情,发送的消息自动回滚定位到底部,另外可以对消息、图片、视频有不同的右键处理提示,还有打赏、占屏等操作。 html代码片段: Javas阅读全文
posted @ 2018-01-28 12:24 xiaoyan2017 阅读(671) 评论(0) 编辑
摘要: xwPop.js弹出消息对话框插件是一款含有多种情景模式的原生模态消息对话框代码,可用于替代浏览器默认的alert弹出对话框,它提供各种参数和方法,功能非常强大。目前已经在项目中有应用到xwpop开发实例。 调用js库<script src="js/jquery-2.1.1.min.js"></sc阅读全文
posted @ 2018-01-11 15:18 xiaoyan2017 阅读(159) 评论(0) 编辑
友情链接:andy.Y的技术博客