2016年12月3日

摘要: (function( w ) { // 角度转换为弧度 function angleToRadian( angle ) { return Math.PI / 180 * angle; } /* * constructor { PipeChart } 饼图构造函数 * param { ctx: Con 阅读全文
posted @ 2016-12-03 08:42 鹿晓晓 阅读(642) 评论(0) 推荐(0) 编辑
 
摘要: (function( w ) { /* * constructor { LineChart } 折线图构造函数 * param { ctx: Context } 绘图上下文 * param { paddingArr: Array } 折线图到画布四边的距离,存储顺序为上右下左 * param { a 阅读全文
posted @ 2016-12-03 08:41 鹿晓晓 阅读(1102) 评论(0) 推荐(0) 编辑
 

2016年11月29日

摘要: extend 方法在 jQuery 中是一个很重要的方法,jQuey 内部用它来扩展静态方法或实例方法,而且我们开发 jQuery 插件开发的时候也会用到它。但是在内部,是存在 jQuery.fn.extend 和 jQuery.extend 两个 extend 方法的,而区分这两个 extend 阅读全文
posted @ 2016-11-29 20:25 鹿晓晓 阅读(182) 评论(0) 推荐(0) 编辑
 
摘要: // 添加一个处理兼容获取样式的静态方法jQuery.getStyle = function( dom, styleName ) { // dom不是dom,styleName不是字符串,直接打走 if( !jQuery.isDOM( dom ) || !jQuery.isString( style 阅读全文
posted @ 2016-11-29 20:01 鹿晓晓 阅读(426) 评论(0) 推荐(0) 编辑
 
摘要: jQuery.extend({ // 绑定事件 addEvent: function( ele, type, fn ) { // ele不是DOM,type不是字符串,fn不是函数,打包打走 if( !jQuery.isDOM( ele ) || !jQuery.isString( type ) | 阅读全文
posted @ 2016-11-29 20:00 鹿晓晓 阅读(260) 评论(0) 推荐(0) 编辑
 
摘要: // 扩展DOM操作方法jQuery.fn.extend({ // 设置或者获取元素的内容 html: function( html ) { /* * 实现思路: * 1、不传参,返回第一个元素的内容 * 2、传参 * 2.1、参数类型为null,遍历所有元素,依次清除它们的内容 * 2.2、参数类 阅读全文
posted @ 2016-11-29 19:59 鹿晓晓 阅读(249) 评论(0) 推荐(0) 编辑
 
摘要: // 1、自调防止全局变量污染(function( window ) { var version = '1.0.0'; var document = window.document; var arr = []; var push = arr.push; var slice = arr.slice; 阅读全文
posted @ 2016-11-29 19:58 鹿晓晓 阅读(863) 评论(0) 推荐(0) 编辑
 

2016年11月26日

摘要: /* * 对于DOM对象来说: * * 所有书写在html中的属性,都是DOM元素的属性节点, * 通过setAttribute设置的属性,也都是DOM元素的属性节点。 * * 有一个attributes属性,该属性存储了该DOM所有的属性节点, * 这些属性节点都是DOM对象,拥有DOM的特征,比 阅读全文
posted @ 2016-11-26 21:59 鹿晓晓 阅读(134) 评论(0) 推荐(0) 编辑
 
摘要: /* * 错误捕获: * 前端用的比较少,一般用在可能会发生错误的代码上, * 在前端tru catch差不多有一半是用来检测和处理浏览器兼容性问题的。 * try{}catch(e){}finally{} * */ try{//可能出错的地方 console.log(a); }catch(e){/ 阅读全文
posted @ 2016-11-26 21:52 鹿晓晓 阅读(124) 评论(0) 推荐(0) 编辑
 

2016年11月25日

摘要: // 考题1 /*function Fn() { console.log(this);//window } Fn(); new Fn();//Fn实例 Fn.apply(Fn); //将this指向Fn,所以输出function Fn(){console.log(this)} /* */ // 考题 阅读全文
posted @ 2016-11-25 22:02 鹿晓晓 阅读(333) 评论(0) 推荐(0) 编辑