随笔分类 -  有点随便

canvas绘制百分比圆环进度条
摘要：开发项目，PM会跟踪项目进度；完成某个事情，也可以设置一个完成的进度。 这里用canvas绘制一个简单百分比圆环进度条。 看下效果： 1. 动画方式 2. 静默方式 贴上代码，仅供参考 /** * LBS drawRing * Date: 2015-04-24 * * opts.parent 插入到 阅读全文
posted @ 2016-03-31 14:16 eyeear 阅读(13839) 评论(5) 推荐(5)
今年最后一场“雪”：下雪效果讲解
摘要：每年年底，特别是在圣诞节，各大网站都玩起了“下雪”。在这弄一个，纪念：今年的结束，新年的开始。也祝福大家在新的一年里越来越好。 先看看效果（如果乱码或者不能查看复制下面的代码保存在本地查看） 下雪 来看下代码，仅供参考/** * LBS Snowing * Date: 201... 阅读全文
posted @ 2015-12-31 22:39 eyeear 阅读(1090) 评论(3) 推荐(2)
认识node.js：express（一）
摘要：express是node.js官方推荐的框架。 安装npm install express -g 命令中的 “-g” 表示全局(global) 由于新版本(4.x.x)的express的命令集中到了另一个插件中，所以还要安装express-generator。npm install exp... 阅读全文
posted @ 2015-08-18 11:44 eyeear 阅读(422) 评论(0) 推荐(0)
认识Backbone (五)
摘要：Backbone.Router（路由）/ Backbone.history（历史） Backbone.Router为客户端路由提供了许多方法，并能连接到指定的动作（actions）和事件（events）。 对于不支持 History API 的旧浏览器，路由提供了优雅的回调函数并可以透明的进行... 阅读全文
posted @ 2015-08-12 14:13 eyeear 阅读(391) 评论(0) 推荐(0)
认识Backbone (四)
摘要：Backbone.View（视图） 视图的核心是处理数据业务逻辑、绑定DOM元素事件、渲染模型或者集合数据。 添加DOM元素 renderview.render()render默认实现是没有操作的。 重载本函数可以实现从模型数据渲染视图模板，并可用新的 HTML 更新this.el。 推荐... 阅读全文
posted @ 2015-08-11 11:41 eyeear 阅读(457) 评论(0) 推荐(0)
认识Backbone (三)
摘要：Backbone.Collection（集合） collection是model对象的一个有序的组合，我们可以在集合上绑定 "change" 事件，从而当集合中的模型发生变化时fetch（获得）通知，集合也可以监听 "add" 和 "remove" 事件， 从服务器更新，并能使用 Unders... 阅读全文
posted @ 2015-08-04 14:16 eyeear 阅读(328) 评论(0) 推荐(0)
认识Backbone (二)
摘要：Backbone.Model（模型） Models（模型）是任何Javascript应用的核心，包括数据交互及与其相关的大量逻辑： 转换、验证、计算属性和访问控制。Model在Backbone中为数据模型，是最基础，最根本的数据基类。 创建一个模型对象 extendBackbone.Mod... 阅读全文
posted @ 2015-08-03 16:13 eyeear 阅读(334) 评论(0) 推荐(0)
认识Backbone (一)
摘要：Backbone.js为复杂WEB应用程序提供模型(models)、集合(collections)、视图(views)的结构。其中模型用于绑定键值数据和自定义事件；集合附有可枚举函数的丰富API； 视图可以声明事件处理函数，并通过RESRful JSON接口连接到应用程序。 Backbone.... 阅读全文
posted @ 2015-08-03 11:02 eyeear 阅读(675) 评论(0) 推荐(0)
认识Underscore
摘要：Underscore一个JavaScript实用库，提供了一整套函数式编程的实用功能，但是没有扩展任何JavaScript内置对象。它弥补了部分jQuery没有实现的功能,同时又是Backbone.js必不可少的部分。 中文API：http://www.css88.com/doc/unders... 阅读全文
posted @ 2015-08-01 18:58 eyeear 阅读(378) 评论(0) 推荐(0)
了解HTML5和“她”的 API (三)
摘要：Web Workers(后台线程) JavaScript是单线程的，较长的javascript运算会阻塞UI线程。 web worker 是运行在后台的 JavaScript，不会影响页面的性能。 在web worker中执行的脚本不能访问 window对象 document对象 pare... 阅读全文
posted @ 2015-07-27 18:02 eyeear 阅读(279) 评论(0) 推荐(0)
了解HTML5和“她”的 API (二)
摘要：Communication(通信) Cross Document Messaging (跨文档消息通信) postMessage API origin security(源安全)chatFrame.contentWindow.postMessage('hello','http://... 阅读全文
posted @ 2015-07-27 11:55 eyeear 阅读(287) 评论(0) 推荐(0)
了解HTML5和“她”的 API (一)
摘要：简化了文档声明、字符集//声明//字符 引入了新的标签元素 Selectors API//单个querySelector() //多个querySelectorAll() javascript日志和调试console.log() JSONJSON.parse() //将JSON... 阅读全文
posted @ 2015-07-23 15:38 eyeear 阅读(304) 评论(0) 推荐(0)
javascript中的“向量”
摘要：什么是向量 向量通常指一个有长度有方向的量。向量使所有的移动和空间行为更容易理解和在代码中实现。向量可以相加，缩放，旋转，指向某物体。 在javascript中，一个方向和长度(即向量)在二维空间中可以用横坐标x和纵坐标y表示。 上图中有4个不同的向量及其x和y分量(左上角为原... 阅读全文
posted @ 2015-07-21 17:42 eyeear 阅读(4397) 评论(0) 推荐(1)
使用HTML5 Canvas做些什么
摘要：百分比圆环进度条 ----------------------------------------------------------- 柱状排行榜统计图 ----------------------------------------------------------- 饼状数据统计... 阅读全文
posted @ 2015-07-21 11:51 eyeear 阅读(644) 评论(0) 推荐(0)
IE6浏览器的一些问题
摘要：背景图像缓存// IE6 background image caching fix.try { document.execCommand("BackgroundImageCache", false, true);} catch(e) {} png透明———————————————— 待续 ——... 阅读全文
posted @ 2015-07-20 17:37 eyeear 阅读(172) 评论(0) 推荐(0)
javascript动画中的“帧”
摘要：在写游戏的时候，动画移动的速度需要保持一致，为了在各个软硬件环境中速度的一致，需要考虑帧频的不同。 计算时间系数： 时间系数 = 目标FPS / 实际FPS 计算实际FPSactualFPS = 1000 / (endTime - startTime) 代码逻辑执行前计算开始的时间，... 阅读全文
posted @ 2015-07-20 17:19 eyeear 阅读(425) 评论(0) 推荐(0)
检测密码强度
摘要：在大多数平台注册一个新账户，输入密码是必须的，有时候为了提醒用户设置一个相对安全的密码，会检测密码强度。　/** * @param input (密码框) * @param notice (文本提示) * 检测密码强度 供参考**/function checkPasswordStrength(... 阅读全文
posted @ 2015-07-20 14:38 eyeear 阅读(679) 评论(0) 推荐(0)
一切从编辑器说起：web前端代码编辑器
摘要：俗话说：工欲善其事，必先利其器。工欲善其事必先利其器。谓工匠想要使他的工作做好，一定要先让工具锋利。比喻要做好一件事，准备工作非常重要。前端写代码也是一样，需要一个好的适合自己的代码编辑器。我想大多数人接触前端，都是从 dreamweaver开始的。 dreamweaver大而全，面面俱到。 ... 阅读全文
posted @ 2015-06-17 12:35 eyeear 阅读(1485) 评论(0) 推荐(0)