Web 前端
文章平均质量分 94
Sundway-Sun
这个作者很懒,什么都没留下…
展开
-
运动和地理位置API
本篇学习DeviceMotionEvent,DeviceOrientationEvent和Geolocation三个API,目前各浏览器对这三个API的支持还算可以。 DeviceMotionEventDeviceMotionEvent,顾名思义,是监听设备运动事件。运动主要包括x,y,z轴的加速度,包含重力加速的加速度,以及角加速度。特性加速度acceleration,加速度反悔的事设备在x原创 2016-03-06 17:46:07 · 1580 阅读 · 0 评论 -
Javascript之Function
Function 函数包含一组语句,它们是JavaScript的基础模块单元,用于代码的复用、信息隐藏和组合调用。函数用于指定对象的行为。一般来说,所谓编程,就是将一组需求分解成函数与数据结构的技能。JavaScript中函数被作为“一等公民”,函数也属于对象,不同的是只有函数可以被调用。函数声明与表达式函数声明function foo() {}上面的方法会在执行前被 解析(hoisted),原创 2016-03-06 17:47:30 · 2350 阅读 · 0 评论 -
一个一百行内的现代的javascript路由
时下流行的单页的应用无处不在。有了这样的应用意味着你需要一个坚实的路由机制。像Emberjs框架是真正建立在一个路由器类的顶部。我真不知道,这是我喜欢的一个概念,但我绝对相信AbsurdJS应该有一个内置的路由器。而且,与一切都在这个小库,它应该是小的,简单的类。让我们来看看这样的模块可能长什么样。要求路由应该是:在一百行以内。支持hash类型的 URLs如: like http://site.翻译 2015-06-23 16:23:12 · 523 阅读 · 0 评论 -
CSS高级特性
Visual formatting modelVisual formatting model介绍W3C Recommendation中给出的定义是: how user agents process the document tree for visual media. user agents: 一般为浏览器。 document tree: 源文档中元素树的编码。 visVisual formatting modelVisual原创 2015-03-08 15:48:28 · 743 阅读 · 0 评论 -
JavaScript命名空间
什么是命名空间命名空间(英语:Namespace)表示标识符(identifier)的可见范围。一个标识符可在多个命名空间中定义,它在不同命名空间中的含义是互不相干的。这样,在一个新的命名空间中可定义任何标识符,它们不会与任何已有的标识符发生冲突,因为已有的定义都处于其它命名空间中。(维基百科)命名空间的作用当一个工程很大时,既有自身的代码,又有引用的外部库,当自身库和外部库中的对象重名时,没有命名原创 2015-03-08 16:55:08 · 893 阅读 · 0 评论 -
图片资源
一些要用的东西,CSDN无法引用站外图片,将一些需要的图片资源收集起来。原创 2015-06-14 17:26:12 · 521 阅读 · 0 评论 -
Flexbox布局
Flexbox简介 In the flex layout model, the children of a flex container can be laid out in any direction, and can “flex” their sizes, either growing to fill unused space or shrinking to avoid overflowin原创 2015-06-14 22:50:23 · 995 阅读 · 2 评论 -
javascript异步编程
异步机制JavaScript的执行环境是单线程的,单线程的好处是执行环境简单,不用去考虑诸如资源同步,死锁等多线程阻塞式编程等所需要面对的恼人的问题。但带来的坏处是当一个任务执行时间较长时,后面的任务会等待很长时间。在浏览器端就会出现浏览器假死,鼠标无法响应等情况。所以在浏览器端,耗时很长的操作都应该异步执行,避免浏览器失去响应。所谓异步执行,不同于同步执行(程序的执行顺序与任务的排列顺序是一致的、原创 2015-06-27 07:23:43 · 2864 阅读 · 6 评论 -
Web Animations
Web Animations? Web Animations defines a model for supporting animation and synchronization on the Web platform.原创 2015-10-18 01:03:17 · 1323 阅读 · 0 评论 -
Promise
Promise实现状态机Promise实际是一个状态机,从后面需要用到的状态开始实现Promise.var PENDING = 0;var FULFILLED = 1;var REJECTED = 2;function Promise() { //存储三种状态:PENDING, FULFILLED, REJECTED.初始状态是PENDING var state = PENDI原创 2016-03-06 17:41:58 · 933 阅读 · 0 评论 -
WebSocket
The WebSocket Protocol enables two-way communication between a client running untrusted code in a controlled environment to a remote host that has opted-in to communications from that code. The securit原创 2016-03-06 17:44:40 · 1219 阅读 · 0 评论 -
渲染性能
这篇文章主要关注的是资源加载之后的性能,因为大多数用户关注的不是应用如何加载而是具体的使用。所以要快速响应用户,尤其是无线端,我们有必要了解浏览器渲染性能。RAIL 性能模型首先一个需要思考的问题,怎样的网站是顺畅的?我们可能可以给一个大概的感觉,如:秒级响应等。其实,也可以给出一个很讨巧的答案:用户觉得顺畅的网站它就是顺畅的。因为几乎所有网站都希望将用户留在页面上,当然以用户为中心建立性能模型是必原创 2016-09-30 14:51:00 · 1921 阅读 · 0 评论