家政帮主页的ie兼容性改写

虽然IE8及以下浏览器已经和时代格格不入，但很多人的电脑上的浏览器还是IE8及以下浏览器，而且xp系统最高版本的浏览器就是IE8，所有当用户想在电脑上搜索家政帮时，但他的浏览器是IE8之类低版本浏览器，此时他就不能看到完整信息，于是下面是对这问题的解决方案。具体实现在IE8及以下浏览器兼容的实现是通过在body前的判断是否手机浏览器后面增加一个判断是否用户使用浏览器是否IE

业界 2016年07月20日

动静分离的数据并发加载策略

作者：莫冠钊转载请注明出处，保留原文链接和作者信息前言当今许多大型网页应用尤其是SPA均采用了动静分离的策略。关于动静分离的描述，这里推荐一篇不错的博文 网站静态化处理—动静分离策略。本人是做前端的，之前有幸与一位对性能追求极致的后端同学一起开发这种动静分离的web项目，以下将从传统顺序模式、单路数据并发模式（以下简称单并发模式）、多路数据并发模式（以下简称多路并发模式）来

业界 2016年07月21日

Canvas入门－利用Canvas绘制好玩的电子时钟

在这之前你需要了解一下方法的使用：beginPath()closePath()moveTo()lineTo()fill()stroke()fillRect()clearRect()这些我在前面的文章介绍过，可以看：canvas入门－利用 canvas 制作一个七巧板画个圆arc()方法arc(x, y, radius, startAngle, endAngle, antic

业界 2016年07月21日

兼容各浏览器的鼠标滚动事件写法

wheelEvent = "onwheel" in document.createElement("div") ? "wheel" : // Modern browsers support "wheel"document.onmousewheel !== undefined ? "mousewheel" : // Webkit and IE support at least

业界 2016年07月21日

从零开始开发一款H5小游戏(四) 撞击吧粒子，炫酷技能的实现

本系列文章对应游戏代码已开源 Sinuous game。本游戏有五种技能粒子，分别是 "护盾"，"重力场"，"时间变慢"，"使敌人变小"，"增加生命"。Player粒子吃了技能粒子后就能表现各种特殊效果。碰撞检测游戏中Player粒子可能会撞击到Enemy粒子，也可能吃到Skill粒子。我们怎么来判断呢？画布中两个粒子的碰撞检测其实很简单，如果是圆形粒子，只需要判断两个粒子

业界 2016年07月21日

多屏互动——H5 中级进阶

前言随着智能硬件的普及，手机，平板，PC甚至路边的电子广告牌，现代浏览器已经无处不在。在浏览器里编织出我们自己的一片天地已经轻车熟路，但是这还不够，H5赋予了浏览器太多的新特性，等待我们去使用。这篇文章介绍利用手机浏览器的罗盘API，在PC的浏览器实时地绘制一个3D盒模型。这种炫酷的玩法叫做“多屏互动”，就像是把手机当做游戏手柄，PC显示器当做电视机，不过这些都是在浏览器里

业界 2016年07月21日

CSS3 聊天气泡框以及 inherit、currentColor 关键字

效果如上图所示，主要用到CSS3的伪类::after、::before，以及圆角边框border-radius属性。对于下面的气泡框，可以有两种方式实现小三角：传统方式，利用CSS画小三角，利用到了透明背景和边框属性transparent的应用。CSS3的transform属性的使用然后通过position定位到合适的位置。此外，本文还会讲一下CSS的inherit属性值的

业界 2016年07月21日

Brunch：入门上手

在 Phoenix 项目中遇到关于 Branch 这个 HTML5 构建工具的问题, 在这里为了剥离问题的复杂度, 独立创建一个 Branch 前端项目来探索如何使用 Brunch 这个全新的前端构建工具.Brunch 是一个HTML5的构建工具, 对于前端开发, 它能够帮助你设置和维护高效的工作流.Brunch 能够：编译脚本, 模板和样式单Lint工具把Javascri

业界 2016年07月21日

[分享] 微信支付中商户对个人用户付款案例

随着微信支付的普及，越来越的APP要求支持微信支付。相信大多数开发者也碰到了这样的需求。百度了一下，大家用到最多的是微信支付中个人对商户的支付业务，而很少有人用到微信中商户对个人付款的业务。我最近就碰到了这样的需求，因为从来没有做过，所以只能查资料，可是百度到的资料很少，并且是过时的东西。又问了圈子里的高手，可是大家都没有做过。没办法只有硬着头皮自己拱吧!还好还好，功夫不负

业界 2016年07月21日

从零开始开发一款H5小游戏(五) 必要的包装，游戏规则和场景设计

本系列文章对应游戏代码已开源 Sinuous game到这里我们已经讲了游戏的整体设计和实现。一个游戏要完整，还需要给它制定一个评分机制，它是整个游戏的关键所在。就好比一部电影，特效再好看，如果剧情狗血，那也是一部烂片。相信大家都玩过一些简单但很吸引人的小游戏。比如很久以前微信上的打飞机，围住神经猫，还有前段时间大火的slither.io。他们都简单易玩，但却能让人肾上腺素

业界 2016年07月21日