2018年09月_子月吾生

原创 jQuery选择器整理

选择器描述示例#id根据给定的id匹配一个元素$(&quot;#test&quot;)选取id为test的元素.class根据给定的类名匹配元素$(&quot;.test&quot;)选取所有class为test的元素element根据给定的元素名匹配元素$(“p”)选取所有的 p标签元素*匹配所有元素$(&quot;

2018-09-29 10:27:15 233

原创 background-positoin详解

如何使用背景图片位置 .block { margin: 0 auto; border: 5px solid yellow; width: 600px; height: 600px; background:no-repeat url(./img/demo1.jpg); ...

2018-09-27 12:45:56 274

原创简单的理解事件冒泡与事件捕获

例如下面的图中外面的绿色的框为父级（parent），里面的橙色框为子级(child) var parent = document.getElementsByClassName("block_P")[0]; var child = document.getElementsByClassName("block_C")[0]; parent.onclick=function() {//...

2018-09-24 14:18:08 267

原创面试题解析

1.var length = 10;function fn() {console.log(this.length);}var obj = {length: 5,method: function(fn) {fn();arguments0;}};obj.method(fn, 1);输出结果：10；22.请给Array本地对象增加一个原型方法，它用于删除数组条目中重复的条目(可...

2018-09-20 19:07:17 329

原创 Canvas绘图

Canvas绘图——基本用法：要在这块画布（canvas）上绘图，需要取得绘图上下文，此时就要调用getContext()方法并传入上下文的名字。传入2d就可取得2d上下文对象。同时在使用canvas元素之前首先要检测getContext()方法是否存在，虽然浏览器会为该标签创建一个DOM对象，而且可以应用它但它可能并没有getContext()方法。如下：&lt;can...

2018-09-14 10:11:59 180

原创离线存储

Web存储机制Web Stroage的两个主要目标：提供一种在cookies之外存储会话数据的途径提供一种存储大量可以跨会话存在的数据的机制—— storage类型：提供最大的存储空间来存储名值对儿。有如下方法：clear()：删除所有值。firefox中没有实现。getItem(name)：根据指定的属性名字获取对应的值。key(index)：获得in...

2018-09-13 12:32:19 621

原创 JS面向对象的程序设计——理解对象

JS面向对象对象的理解：对象是一组没有特定顺序的值，对象的每一个属性或方法都有一个名字，而每个名字都映射到一个值。可以把其想象成散列表，就是一组名值对，其中值可以是数据或者函数。创建自定义对象：就是创建一个Object实例（通过new一下），然后再为它添加属性和方法。...

2018-09-12 14:08:38 183

Sunday97的博客