随笔分类 -  前端杂烩

1 2 下一页
javascript中的三角学
摘要：三角学主要研究三角形和它们的边角关系，包含一个90度角的三角形被称为直角三角形。在这里主要研究直角三角形相关的知识。 1. 角度和弧度 360(角度) = 2*Math.PI(弧度) 2. 三角形的边 在一个直角三角形中，与90度角相邻的两条边称为直角边，与它对应的边称为斜边，斜边总是最长的边。 3 阅读全文
posted @ 2016-08-11 11:35 eyeear 阅读(2351) 评论(0) 推荐(0)
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)
理解JavaScript的闭包
摘要：在JS这块，免不了被问什么是闭包。 从一个常见的循环问题说起。 有一个ul列表, 里面有5个li标签，我希望点击每个li标签的时候，弹出每个li标签对应的索引值（第一个弹出0，第二个弹出1...）。 当我很认真的写出一段代码： 蛮高兴的做了点击测试，从第一个li标签开始，弹出"5",第二个、第三个. 阅读全文
posted @ 2015-10-25 14:16 eyeear 阅读(998) 评论(7) 推荐(3)
认识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)
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)
javascript的位操作、整数、二进制
摘要：位与(x&y)：对操作数进行二进制与的操作，如果两个操作数的某一位两个都为1，将对应的结果位设为1。 0x0007&0x0003 =0x0003 \ 一个小型年老棕色的狗：64 + 16 + 8 + 2 = 90 搜索一个有特定标记的宠物，只需要和搜索值进行位与操作。//搜索大型 年... 阅读全文
posted @ 2015-07-16 16:30 eyeear 阅读(773) 评论(0) 推荐(0)
JavaScript的"类"
摘要：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 阅读(304) 评论(0) 推荐(0)
在前端一定要了解的HTML，CSS知识
摘要：盒子模型 每个盒子都有4个属性：内容(content)、填充(padding)、边框(border)、边界(margin) 每个属性都有四个部分：上、右、下、左 块级元素 内联元素 块级元素(block element)，内联元素(inline element)，都... 阅读全文
posted @ 2015-07-14 09:11 eyeear 阅读(334) 评论(0) 推荐(1)

1 2 下一页