2016年05月_前端学习

原创 javascript 面向对象基础(三)面向对象的常用属性和方法

/** * hasOwnProperty:判断是不是对象自身的属性 * constructor:查看对象的构造函数 * 每个原型都会自动添加constructor属性 * for in的时候有些属性是找不到的 * 避免修改constructor属性 * instanceof 运算符 * 对象与构造函数在原型链上是否有关系 * toString() object方法

2016-05-27 18:05:44 339

原创 javascript 面向对象基础(二) 包装对象原型链

/** *面向对象高级部分 * 不要修改或者添加系统对象下面的方法和属性 * * 包装对象 * 基本类型都有自己对应的包装对象 * null undefined没有 * 原型链 * 实例对象与原型之间的链接，叫做原型链 * _proto_(隐式链接) * Object对象类型是原型链的最外层: Object.prototype */ //

2016-05-27 16:56:47 293

原创 javascript 面向对象基础(一)对象组成及函数封装

/** *过程式编程 *面向对象写法 * 面向对象编程的特点 * -抽象：抓住问题的核心 * -封装性：只能通过对象来访问 * -继承性：从已有对象上继承出新的对象-复用 * -多太：多对象的不同形态 * * 对象的组成 * 对象下面的变量叫做对象的属性 * arr.xxx * 对象下面的函数叫做对象的方法 * arr.xxx = f

2016-05-27 13:36:24 270

转载移动开发对 META 标签的定义

一、meta 标签分两大部分：HTTP 标题信息（http-equiv）和页面描述信息（name）。1、http-equiv 属性的 Content-Type 值（显示字符集的设定）说明：设定页面使用的字符集，用以说明主页制作所使用的文字语言，浏览器会根据此来调用相应的字符集显示 page 内容。用法：1metahttp-eq

2016-05-25 09:59:48 385

原创 jquery 常用方法及事件操作 $工具方法

/** * //dom常用操作，DOM操作 * get() 就是把JQ转成原生js * outterWidth(); * 类似原生offsetWidth ：获取不到隐藏元素(display:none)的值 * text(); * remove(); * detach()跟remove一样，不过会保留删除这个元素的操作行为 * parents()获取当前元素的所有祖先节点

2016-05-20 15:53:37 296

原创 jquery width,innerWidth,outterWidth 及事件操作

* width() * innerWidth() //width+padding * outterWidth() //width+padding+border * outterWidth(true) //width+padding+border+margin

2016-05-19 17:13:30 821

原创 javascript基础十一（正则表达式）

/** * 正则：操作字符串 * 正则的写法： * * 常用方法 * test:正则匹配字符串，匹配成功返回真，匹配失败返回假 * RegExp.test(str); * search:正则去匹配字符串，成功返回匹配成功的位置，匹配失败返回-1 * str.search(RegExp) * match:正则去匹配字符串，如果匹配成功就返回匹配成功的数组，如果匹配

2016-05-13 15:16:51 289

原创解除javascript网页限制

可以解除写在标签（on+evt）形式的禁止右键、禁止选择和禁止复制···为目前兼容性最好的解除限制脚本。支持 jQuery 绑定，非 body标签、非document、非window 位置。并支持 js访问域下的 frameset和iframe。1. 完整源码(function(window) { var eventArr = ['contextm

2016-05-11 15:13:59 1661

原创 html5 新特性ajax跨域的问题和处理

/** * XMLHttpRequest * 在标准浏览器下XMLHttpRequeat对象已经是升级版本，支持更多的特性，可以跨域但是若果想实现跨域请求，还需要后端的配合才可以实现 * XMLHttpRequest:增加了很多功能，他不推荐使用onreadystatechange这个事件来监听，推荐使用onload * 新增事件(进度事件) * -upload.onprogre

2016-05-10 10:38:34 1434

原创 canvas 四合成与事件

/** * getImageData(x,y,w,h); * 属性data:一个数组包含每个像素的rgba四个值每个值豆子啊0-255之间 * putImageDate(获取图像,x,y) * 设置新的图像数据 * createImageData * 生成新的像素矩阵，初始值为全透明的黑色 * */var oc = document.getElementById

2016-05-06 18:35:07 561

原创 canvas 三图片插入及文字填充

/** * canvas插入图片 * 等图片加载完，在执行canvas操作 * 图片预加载：在onload 中调用方法 * drawImage(oImg,x,y,w,h) * oImg:图片x,y坐标 * w,h宽高 * * 设置背景 * createPattern(oImg,平铺方式) * repeat,repeat-x,repeat-y,no-repeat

2016-05-06 18:18:28 8578

原创 canvas 二 canvas绘制表盘，及canvas曲线的绘制

/** * 绘制圆 * arc(x,y,半径,起始弧度，结束弧度,旋转方向) * x,y起始位置 * 弧度与角度的关系 : 弧度 = 角度*Math.PI/180 * 旋转方向:顺时针(默认false)、逆时针(true) */var oc = document.getElementById('canvas');var ogc = oc.getContext('2d')

2016-05-06 16:18:15 1967

原创 canvas 一基础学习

/** * canvas * fillRect(L,T,W,H) 默认颜色为黑色 * strokeRect(L,T,W,H) 带边框的黑色 * 默认1像素的黑色边框，显示出两像素的原因：边框从坐标中间平均分配，但是不能显示半个像素，默认会补全，所以...就显示两个像素 * * 设置绘图： * fillStyle * strokeStyle * lineWidth * 边界绘

2016-05-06 11:07:58 685

原创 html5学习一 html5选择器与json新方法html5拖拽

/** * html5 新的选择器 * queryselector 只能选择一组元素 * querySelectorAll * getElementsByClassName * classList //返回类似与数组的对象 * classList.add(); * .remove * .toggle * .length * json的新方法

2016-05-05 15:47:48 734

凯子的专栏