摘要: Backbone.Collection(集合) collection是model对象的一个有序的组合,我们可以在集合上绑定 "change" 事件,从而当集合中的模型发生变化时fetch(获得)通知,集合也可以监听 "add" 和 "remove" 事件, 从服务器更新,并能使用 Unders... 阅读全文
posted @ 2015-08-04 14:16 eyeear 阅读(315) 评论(0) 推荐(0) 编辑
摘要: Backbone.Model(模型) Models(模型)是任何Javascript应用的核心,包括数据交互及与其相关的大量逻辑: 转换、验证、计算属性和访问控制。Model在Backbone中为数据模型,是最基础,最根本的数据基类。 创建一个模型对象 extendBackbone.Mod... 阅读全文
posted @ 2015-08-03 16:13 eyeear 阅读(325) 评论(0) 推荐(0) 编辑
摘要: Backbone.js为复杂WEB应用程序提供模型(models)、集合(collections)、视图(views)的结构。其中模型用于绑定键值数据和自定义事件;集合附有可枚举函数的丰富API; 视图可以声明事件处理函数,并通过RESRful JSON接口连接到应用程序。 Backbone.... 阅读全文
posted @ 2015-08-03 11:02 eyeear 阅读(581) 评论(0) 推荐(0) 编辑
摘要: Underscore一个JavaScript实用库,提供了一整套函数式编程的实用功能,但是没有扩展任何JavaScript内置对象。它弥补了部分jQuery没有实现的功能,同时又是Backbone.js必不可少的部分。 中文API:http://www.css88.com/doc/unders... 阅读全文
posted @ 2015-08-01 18:58 eyeear 阅读(340) 评论(0) 推荐(0) 编辑
摘要: Web Workers(后台线程) JavaScript是单线程的,较长的javascript运算会阻塞UI线程。 web worker 是运行在后台的 JavaScript,不会影响页面的性能。 在web worker中执行的脚本不能访问 window对象 document对象 pare... 阅读全文
posted @ 2015-07-27 18:02 eyeear 阅读(264) 评论(0) 推荐(0) 编辑
摘要: Communication(通信) Cross Document Messaging (跨文档消息通信) postMessage API origin security(源安全)chatFrame.contentWindow.postMessage('hello','http://... 阅读全文
posted @ 2015-07-27 11:55 eyeear 阅读(275) 评论(0) 推荐(0) 编辑
摘要: 简化了文档声明、字符集//声明//字符 引入了新的标签元素 Selectors API//单个querySelector() //多个querySelectorAll() javascript日志和调试console.log() JSONJSON.parse() //将JSON... 阅读全文
posted @ 2015-07-23 15:38 eyeear 阅读(296) 评论(0) 推荐(0) 编辑
摘要: 什么是向量 向量通常指一个有长度有方向的量。向量使所有的移动和空间行为更容易理解和在代码中实现。向量可以相加,缩放,旋转,指向某物体。 在javascript中,一个方向和长度(即向量)在二维空间中可以用横坐标x和纵坐标y表示。 上图中有4个不同的向量及其x和y分量(左上角为原... 阅读全文
posted @ 2015-07-21 17:42 eyeear 阅读(4286) 评论(0) 推荐(1) 编辑
摘要: 百分比圆环进度条 ----------------------------------------------------------- 柱状排行榜统计图 ----------------------------------------------------------- 饼状数据统计... 阅读全文
posted @ 2015-07-21 11:51 eyeear 阅读(640) 评论(0) 推荐(0) 编辑
摘要: 背景图像缓存// IE6 background image caching fix.try { document.execCommand("BackgroundImageCache", false, true);} catch(e) {} png透明———————————————— 待续 ——... 阅读全文
posted @ 2015-07-20 17:37 eyeear 阅读(166) 评论(0) 推荐(0) 编辑
摘要: 在写游戏的时候,动画移动的速度需要保持一致,为了在各个软硬件环境中速度的一致,需要考虑帧频的不同。 计算时间系数: 时间系数 = 目标FPS / 实际FPS 计算实际FPSactualFPS = 1000 / (endTime - startTime) 代码逻辑执行前计算开始的时间,... 阅读全文
posted @ 2015-07-20 17:19 eyeear 阅读(411) 评论(0) 推荐(0) 编辑
摘要: 在大多数平台注册一个新账户,输入密码是必须的,有时候为了提醒用户设置一个相对安全的密码,会检测密码强度。 /** * @param input (密码框) * @param notice (文本提示) * 检测密码强度 供参考**/function checkPasswordStrength(... 阅读全文
posted @ 2015-07-20 14:38 eyeear 阅读(600) 评论(0) 推荐(0) 编辑
摘要: 位与(x&y):对操作数进行二进制与的操作,如果两个操作数的某一位两个都为1,将对应的结果位设为1。 0x0007&0x0003 =0x0003 \ 一个小型年老棕色的狗:64 + 16 + 8 + 2 = 90 搜索一个有特定标记的宠物,只需要和搜索值进行位与操作。//搜索大型 年... 阅读全文
posted @ 2015-07-16 16:30 eyeear 阅读(760) 评论(0) 推荐(0) 编辑
摘要: 1. 基本创建“类”方式var Class = function(){ var klass = function(){ this.init.apply(this, arguments); }; klass.prototype.init = function(){}; return klass;... 阅读全文
posted @ 2015-07-16 11:05 eyeear 阅读(286) 评论(0) 推荐(0) 编辑
摘要: 隔了一段时间,现在开始看第8章。第8章:BOM BOM提供了很多对象,用于访问浏览器的功能。BOM的核心对象是window,它表示浏览器的一个实例。 window对象是通过javascript访问浏览器窗口的一个接口,又是ECMAScript中的Global对象。 所有在全局作用域声明的变... 阅读全文
posted @ 2015-07-15 16:09 eyeear 阅读(204) 评论(0) 推荐(0) 编辑
摘要: 盒子模型 每个盒子都有4个属性:内容(content)、填充(padding)、边框(border)、边界(margin) 每个属性都有四个部分:上、右、下、左 块级元素 内联元素 块级元素(block element),内联元素(inline element),都... 阅读全文
posted @ 2015-07-14 09:11 eyeear 阅读(314) 评论(0) 推荐(1) 编辑
摘要: 高性能JavaScript 1.脚本 把script脚本放到body标签底部( ) 把多个script脚本合成一个 无阻塞加载脚本(延迟defer、动态创建script、XMLHttpRequest脚本注入) 2.变量 减少变量的搜索过程 尽量使用局部变量 ... 阅读全文
posted @ 2015-07-13 12:53 eyeear 阅读(384) 评论(0) 推荐(0) 编辑
摘要: 平常会使用ajax来请求数据,加载一个库(框架),或许仅仅maybe就使用了它的ajax部分。 写个ajax,一来可以经历一下处理问题的过程,提升技术能力,二来工作中有时真的用不着这么大的一个库(框架),用自己写的,何乐不为呢。 先来看看流行的jQuery是怎样调用ajax的$.ajax({... 阅读全文
posted @ 2015-07-10 11:45 eyeear 阅读(7748) 评论(51) 推荐(35) 编辑
摘要: 在web页面上图片切换(焦点图)效果实在是太常见了,PC端、移动端到处都有它的身影。 上次写了个tab选项卡的效果,在这里延续一下,改成图片切换的效果。 如果不需要自动播放,稍微修改下html标签、和css样式,tab选项卡JS里动画持续时间、去掉点击切换事件部分就可以了。 html ... 阅读全文
posted @ 2015-07-07 19:42 eyeear 阅读(4181) 评论(5) 推荐(2) 编辑
摘要: 平常做移动端会用到tab选项卡,这和PC端有些区别,移动端是触摸滑动切换,PC端是点击、移入切换。 这里滑动切换就是一个移动端事件的应用,这里主要用到的触摸事件:touchstart、touchmove、touchend。 和做其他的效果一样,先有html结构,css样式修饰,再写JS代码。... 阅读全文
posted @ 2015-07-06 21:41 eyeear 阅读(5991) 评论(2) 推荐(1) 编辑