HTML 5 Web Workers

web worker 是运行在后台的 JavaScript,不会影响页面的性能。 什么是 Web Worker? 当在 HTML 页面中执行脚本时,页面的状态是不可响应的,直到脚本已完成。web worker 是运行在后台的 JavaScript,独立于其他脚本,不会影响页面的性能。您可以继续做任何愿意做的事情:点击、选取内容等等,而此时 web worker 在后台运行。 浏览器支持 所有主流浏览器均支持 web worker,除了 Internet Explorer。 检测 Web Worker 支持 在创建 web worker 之前,请检测用户的浏览器是否支持它: if(typeof(…阅读全文

Swipe JS – 移动WEB页面内容触摸滑动类库

想必做移动前端的同学经常会接到这样子的一个需求,就是在移动设备页面上的banner图能够用手指触摸左右或上下的滑动切换,这在移动设备是个很 常见的一个效果,其用户体验远甚于点击一个按钮区域,通过手指的触摸操作也是移动设备的中一个特性,我们必须专业化的处理,哈哈。其实实现原理很简单,但 平常中自己开发不是很方便。 今天就为大家带来这样子的一个轻量级js触摸滑动类库 – Swipe JS。这是一个非常小的一个javascript类库,但他的功能却不简单,它可以用来展示web页面上的任何内容,支持精确的触摸移动操作,而且还可以设置自动播放、等比例缩放等等实用性的功能。 Swipe函数介绍 下面就为大…阅读全文

html5 canvas 实现图片合成

前段时间在公司做了个服装diy的项目,用到了html5 canvas的图片处理功能,项目的实现方法是先用3d建模,把渲染的服装拆分成碎片,在用js、jquery、html5等技术对服装的碎片组合成一张图片,下面是项目中用到html5canvas图片合成的一个小案例分享给大家 演示地址:demo

JS模块加载器,媲美sea.js

我比较追求简单的代码实现复杂的效果,平时和工作中的代码编写风格尽量做到一行搞定绝对不用两行,之前了解过一些模块加载器,其实无非就是动态添加一些css、js引入,于是乎写了一个很简单好用的模块加载器,同样实现了这样的效果分享给大家: <script> //载入模块 function use(module, callback, charset){     var i = 0, head = document.getElementsByTagName(‘head’)[0];     var module = module.replace(/\s/g, ”);     var iscss…阅读全文

网站回复时间格式化为文字描述

最近公司项目里的时间产品要改成像很多网站的文章发表时间或者回复时间那样,标记为刚刚、半小时前、或者几天前,于是自己也写了一个分享给大家,做这个效果的时候我才发现我还不知道一秒等于1000毫秒,汗! function ChangeTime(obj) { var newdate = new Date(obj), date = new Date(), s = date – newdate; //半小时以内的【刚刚】 if (s < 30 * 60 * 1000) { return ‘刚刚'; } if (s > 30 * 60 * 1000 && s < 60 * …阅读全文

详解 HTMLElement 对象属性和方法

HTMLElement 对象的属性 一个 HTML 文档中的每个元素都有和元素的 HTML 属性对应的属性。这里列出了所有 HTML 标记都支持的属性。其他的属性,都特定于某种具体的 HTML 标记。HTMLElement 对象继承了 Node 和 Element 对象的标准属性,也实现了下面所描述的几个非标准属性: className 规定元素的 class 属性。注意:该属性名不是 “class”,因为 “class” 是 JavaScript 中的保留字。类型:String。状态:可写。 currentStyle 这一特定于 IE 的属性应…阅读全文