小红依的树

摘要： 上一节用面向对象的方法写了选项卡，这次我们来讲讲拖拽 面向过程的拖拽 拖拽主要是对位置的定义，绑定监听器监听鼠标移动的位置。 面向对象的拖拽 注意点 因为mouseover和mouseup是嵌套在mousedown里面的，所以需要在mousedown里面再去定义一次this，不然会报错"_this 阅读全文

摘要： 面向过程的tab选项卡 下面我们要把它改成面向对象的选项卡 第一步：解开所有嵌套函数 将onclick后面的匿名函数提到外面去 这样的一次实战我们发现，this在面向对象编程时非常重要，虽然我们在平时的 编程中很少用到面向对象编程，但在面试时这是一个大考点，游戏公司大都采用面向对象的语言。 最后，推 阅读全文

摘要： 我们创建每一个函数都有一个prototype(原型)属性，这个属性是一个指针，指向一个对象。使用原型的好处是可以让所有对象共享它所包含的属性和方法。 使用原型对象时，因为对象的属性和方法时所有实例所共享的，所以person1和person2访问的都是同一组对象和同一个sayName函数。说到这里，你 阅读全文

摘要： 数据属性 数据属性包含一个数据值的位置。在这个位置可以读取和写入值。数据属性一般用于存储数据数值。 数据属性有4个描述其行为的特征。 configurable：true/false，是否可以通过delete删除属性，能否修改属性的特性，能否把属性修改为访问器属性，默认false； enumerabl 阅读全文

摘要： 创建方式 或者直接等于一个方括号 length属性 它不是只读，可以通过设置这个属性为数组添加新项。 向数组末端添加了一个新项“c” 指定位置添加会改变长度 检测数组 instanceof 对于一个网页或者是一个全局作用域，可以用instanceof操作符 但它假定只有一个全局环境，所以如果网页中用 阅读全文

摘要： 基本类型和引用类型 5种基本类型：undefined、null、boolean、number、string 引用类型：由多个值构成的对象 属性 引用类型可以动态添加属性，而基本类型不可以 复制变量值 基本类型 会在变量的对象上创建了一个新值，然后把复制到新变量分配的位置上。 下面的我形象化的帮助大家 阅读全文

摘要： 我在用canvas制作画板时，遇到了绘图位置和鼠标位置不一致的问题，所以今天查阅了一下资料，解决了这个问题。 canvas绘图原理 在Canvas元素的内部存在一个名为2d渲染环境（2d redering context）的对象，canvas可以看成在页面上的一张图片 使用css对cnavas设置宽 阅读全文

摘要： 看了这么久的canvas,今天用canvas写了个网页画板。 画板可以选择颜色，画笔大小进行绘图，可以切换背景图片。 下面简单介绍制作过程 第一阶段定义一些变量 将颜色push到arr数组中 这里解释一下，之所以要用push方法，是因为red、orange等是定义的变量，如果直接把它们添加到数组中， 阅读全文

摘要： 队列的概念 栈是一种后进先出的结构，而队列是一种先进先出的结构。如银行排队，排在前面的人先办业务然后离开，后来的人站在最后。可以用队列的push()方法插入元素到队列的末尾，可以用shift()方法删除第一个元素。 模拟队列进行插入、删除 在html中生成新的节点 然后在把这个节点插入到ul中 在j 阅读全文

摘要： 以百度前端技术学院的js任务三为例，复习一下关于js数组的几个点 题目 我的代码 取出文本 方法一： 这种方法会将整个的内容一起取出来，包括标签。 方法二： 这种方法只会取出中的文本内容 方法三 是第二个节点，childNodes[1]就是获取这个节点里的内容 生成数组 数组的slice方法 sli 阅读全文