simplify the life

随笔分类 -  HTML5

浅析列表页请求优化(history API)
摘要:最近搞了下列表页请求的功能,并做了一下调研整理,记此文备忘。 列表页请求的功能到处可见,比如在博客园。 点击相应的页码,页面返回相应的内容,看上去似乎大同小异,但是一些小的细节还是可以区分优劣。 full load 公司原来的代码采用的是 full load 的方式,也就是每点击一次,页面完全加载。 阅读全文

posted @ 2016-08-15 07:59 lessfish 阅读(1780) 评论(6) 推荐(3)

HTML5 File API — 让前端操作文件变的可能
摘要:前言 在 HTML5 File API 出现之前,前端对于文件的操作是非常有局限性的,大多需要配合后端实现。出于安全角度考虑,从本地上传文件时,代码不可能获取文件在用户本地的地址,所以纯前端不可能完成一些类似图片预览的功能。但是 File API 的出现,让这一切变成了可能。 跟着楼主由浅入深,了解 阅读全文

posted @ 2016-07-31 22:51 lessfish 阅读(57908) 评论(7) 推荐(15)

更好的逐帧动画函数 — requestAnimationFrame 简介
摘要:本文将会简单讲讲 requestAnimationFrame 函数的用法,与 setTimeout/setInterval 的区别和联系,以及当标签页隐藏时 requestAnimationFrame、setTimeout 各自的后续渲染。 requestAnimationFrame 说到 requ 阅读全文

posted @ 2016-02-22 21:22 lessfish 阅读(3643) 评论(0) 推荐(0)

拥抱HTML5 — Page Visibility(页面可见性) API介绍
摘要:H5 提供了很多简单实用的 API,Page Visibility API 就是其中之一。 不知道用户是不是在与页面交互,这是困扰广大 Web 开发人员的一个主要问题。如果 页面最小化了 或者 隐藏在了其他标签页后面,那么有些功能是可以停下来的,比如轮询服务器或者某些动画效果。那么如何判断呢? H5 阅读全文

posted @ 2016-01-25 23:07 lessfish 阅读(6543) 评论(1) 推荐(1)

HTML5 — 让拖放变的流行起来
摘要:先上 "Demo" ,尽量用 chrome,代码可参考 "Github" 。 在 HTML5 出现之前,页面元素的拖放需要监听 mousedown、mouseover 以及 mouseup 等一系列事件,然后改变元素的相对位置来实现这一效果。HTML DnD(Drag and Drop)API 的出 阅读全文

posted @ 2015-12-28 21:56 lessfish 阅读(4052) 评论(7) 推荐(2)

让 HTML5 来为你定位
摘要:Geolocation HTML5 的 是一个令人兴奋的 API,通过这套 API,Javascript 代码就能够访问到用户的当前位置。当然,访问之前必须得到用户的明确认可,即同意在页面共享位置。如果页面尝试访问地理位置信息,浏览器就会显示一个对话框,请求用户许可共享其地理位置信息,比如这样:... 阅读全文

posted @ 2015-11-19 05:02 lessfish 阅读(13174) 评论(21) 推荐(20)

Web Worker 是什么鬼?
摘要:前言 前端工程师们一定有过这样的体验,当一个页面加载了大量的 js 文件时,用户界面可能会短暂地“冻结”。这很好理解,因为 js 是单线程的语言。我们再走的极端点,一段 js 中出现了 的死循环,这时再去点击页面的 DOM 元素,将不会触发事件,事实上,这些异步的事件都排成了队列,只等页面的 js 阅读全文

posted @ 2015-11-10 21:54 lessfish 阅读(6349) 评论(6) 推荐(28)

HTML5 postMessage 跨域交换数据
摘要:前言 之前简单讲解了利用script标签(jsonp)以及iframe标签(window.name、location.hash)来跨域交换数据,今天我们来学习一下HTML5的api,利用postMessage来跨域交换数据。和前面一些方式交换数据方式不同的是,利用postMessage不能和服务端交 阅读全文

posted @ 2015-07-14 16:28 lessfish 阅读(5749) 评论(2) 推荐(5)

导航