html5
家政帮主页的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日
css实现文字越界加点点点显示，并且后面紧跟一个图标
文字越界添加...显示
在HTML页面上，会遇到当文字长度超出一定长度的时候，将超出的部分显示为...的情况，这个功能很好实现，很多人都可以直接写出来。
示例代码：
.demo {display: block;text-overflow: ellipsis; //显示省略符号来代表被修剪的文本，也可以自定义overflow: hidden; //溢出内容隐藏white-sp
业界
2016年08月03日
(1/2)Canvas的交互&存为图片-基本篇
前言公司的产品同学看到朋友圈疯传的这场图后。一拍脑袋，决定做个H5版本的来推广一波。需求如下：文字变成可以点击的，而且还要能够变色（闪瞎有木有）中间的姓名换成用户的微信头像点击button后，将canvas的操作结果保存成图片，来现微信长按保存到本地的功能。难点总结：页面元素canvas基本的api画到画布上（要解决显示自适应的问题）；如何实现点击canvas，识别点击文字
业界
2016年08月04日
(2/2)Canvas的交互&存为图片-爬坑篇
需求介绍page2上的canvas可交互，并实时显示交互结果；点击下一步，page2消失，page3显示；page3显示的是一张图片，图片有canvas交互区和另外的一些元素组成。实现思路canvas重绘运用canvas重绘的方法可以实时同步canvas的交互结果。canvas重绘：在canvas有交互操作时，先清空画布，将canvas中所有的元素都重新画到画布上；var
业界
2016年08月04日
谷歌地图API 开发 之 Geocoding API
大部分项目还是都有要获取当前点击的坐标经纬度或者获取当前街道的信息的，然而谷歌API 的文档也并不是很直观。官网地理编码服务地址：https://developers.google.com/maps/documentation/javascript/geocoding在服务栏里的地理编码里，为什么说是服务呢，用谷歌翻译了下，发现想获取坐标以及街道详情，需要调用谷歌的地理编码
业界
2016年08月04日
谷歌地图API 开发 之 获取坐标以及街道详情
自己的项目中有获取当前点击的坐标经纬度或者获取当前街道的信息的需求。估计这个对于新手来说，还是比较麻烦的，因为从官网上找这个也并不是很好找，要找好久的，运气好的可能会一下子找到。献上自己写的测试案例。代码如下： Simple Map html, body { height: 100%; margi
业界
2016年08月04日
