web前端项目案例实战

摘要： 这段时间一直在着手h5开发手机端聊天系统——html5仿微信聊天室，最近又在原先基础上开发了一个仿微信、微博网页web版聊天系统，使用到了HTML5+css3+jQuery+wcpop等技术开发，弹窗插件wcPop.js进行了一次全面api升级，修复编辑器插入表情时光标定位错误bug，新增了上传附件 阅读全文

摘要： 网上有很多环信、美恰之类的客服系统，最近也使用h5+css3+fontJs+swiper+wcPop等技术架构开发了一个在线客服(1v1沟通聊天)，可以应用到在线临时聊天、在线咨询等情景。实现了消息、表情(含动图)，图片、附件发送及商品的推送。 项目截图： 如下图：可点击“Apple官方旗舰店”或机 阅读全文

摘要： 今年的FIFA世界杯甚是精彩，最近兴致高涨就利用HTML5开发了一个手机端仿微信界面聊天室，该h5聊天室采用750px全新伸缩flex布局，以及使用rem响应式配合fontsize.js，页面弹窗则是使用自己开发的wcPop.js插件；编辑器部分由原先的单一表情新增为动图表情，实现了消息、表情发送 阅读全文

摘要： 前几天开发了一款手机端h5仿微信聊天，人唯有不停学习才能进步，这段时间倒腾着整理了下之前项目，又重新在原先的那版基础上开发了一款仿微信聊天电脑端web版本，聊天页面又重新优化了多图预览、视频播放，右键菜单menu，聊天底部编辑器模块重新优化源码，弹窗则是继续使用之前自己开发的wcPop.js，具体看 阅读全文

摘要： 之前做过一版h5微信聊天移动端，这段时间闲来无事就整理了下之前项目，又重新在原先的那版基础上升级了下，如是就有了现在的h5仿微信聊天高仿版，新增了微聊、通讯录、探索、我四个模块 左右触摸滑屏切换，聊天页面优化了多图预览、视频播放，长按菜单UI，聊天底部编辑器重新优化整理(新增多表情)，弹窗则用到了自 阅读全文

摘要： wcPop.js移动端消息对话框插件是之前的wxPop.js的升级版，优化了js和css，并且新增了仿微信弹窗效果， 是一款含有多种情景模式的原生模态消息对话框代码，可用于替代浏览器默认的alert弹出对话框，它提供各种参数和方法，功能非常强大。目前已经在项目中有应用到xwpop开发实例。 调用js 阅读全文

摘要： 《顺便游旅行》是一款H5移动端旅行app，提供目的地(国内、国外、周边)搜索、旅游攻略查询、游记分享、私人定制4大模块，类似携程、同程、去哪儿、马蜂窝移动端，只不过顺便游app界面更为简洁。 HTML5+css3+jQ+rem响应式+xwpop，其中xwpop是自己开发的一个移动端弹窗(9大自定义接 阅读全文

摘要： 快装WebApp项目(Web移动端开发案例)webapp移动端项目源码、html5+css3实战案例分享、微信端H5实例开发 简介快装WebApp是一个面向移动端的快速装修app，此项目为手机端；使用HTML5+css3+zepto+jQ开发，特效方面用到了css3里的过渡transition和动画 阅读全文

摘要： 近来区块链一词很热门，网络上关乎其讨论也很多，这里就不解释了，毕竟几句话也是说不清楚的。 最近得空利用HTML5+css3+jQ开发了一个移动端的区块链项目，感觉界面、布局、效果还是ok的。 项目效果截图： 对于区块链，这里有详细解释： https://www.zhihu.com/question/ 阅读全文

摘要： css3实现动态波纹特效，由于css3里面有过渡和动画效果，现在利用css3实现动态波浪效果就很简单了，直接使用transform来实现就ok， 使得translateX 产生偏移就可以不断实现循环动态效果，这样就比传统的flash来实现更为简单。而且对页面也比较友好的。 比如实现以下的背景波纹特效 阅读全文

摘要： 自微信生态圈一步步强大后，关于移动端购物的趋势，逐渐成为大众关心的内容，目前市场上关于移动商城的制定就有大量版本，比如、微商城、移动商城、移动webAPP、微信商城各等各种定义层出不穷，这就对于移动端电商的发展起到个很好的催化剂。之前对于H5移动端的开发也做过一些项目，这段时间就整理之前的知识，做了 阅读全文

摘要： 这几天使用H5开发了一个仿微信聊天前端界面，尤其微信底部编辑器那块处理的很好，使用HTML5来开发，虽说功能效果并没有微信那么全，但是也相当不错了，可以发送消息、表情，发送的消息自动回滚定位到底部，另外可以对消息、图片、视频有不同的右键处理提示，还有打赏、占屏等操作。 html代码片段： Javas 阅读全文

摘要： xwPop.js弹出消息对话框插件是一款含有多种情景模式的原生模态消息对话框代码，可用于替代浏览器默认的alert弹出对话框，它提供各种参数和方法，功能非常强大。目前已经在项目中有应用到xwpop开发实例。 调用js库<script src="js/jquery-2.1.1.min.js"></sc 阅读全文