随笔分类 -  JavaScript

数据劫持，订阅者模式，双向绑定
摘要：//index.html文件 Document {{message}} {{message}} --> {{name}} //cvue.js文件 class Cvue{ constructor(options){ this.$option... 阅读全文
posted @ 2019-05-17 17:42 cher。 阅读(193) 评论(0) 推荐(0)
Event自定义事件
摘要：//index.html文件 Document //event.js文件 class Event{ constructor(){ this.handlers = {}//记录所有的事件和处理函数 } /** * 添加事件监听 *@param type ... 阅读全文
posted @ 2019-05-16 15:22 cher。 阅读(389) 评论(0) 推荐(0)
ES5继承
摘要：1 /** 2 * 继承大体分为俩种: 3 * 构造函数继承 4 * 原型继承 5 * - 拷贝继承 6 * -深拷贝 7 * -浅拷贝 8 * - 原型链继承 9 **/ 10 11 function Person(name,age){ 12 this.name = name; 13 this.age = age 14... 阅读全文
posted @ 2019-05-16 15:20 cher。 阅读(121) 评论(0) 推荐(0)
DOM操作
摘要：DOM是文档对象模型 ： 就是document提供了一些API赋予开发者操作页面的能力 节点类型 ： childNodes ： 某个节点下的所有子节点、类数组 children : 不是标准的属性，但是所有浏览器都支持，找到某个元素下的所有元素子节点 parentNode：查找某个元素的父节点 ne 阅读全文
posted @ 2019-02-26 10:11 cher。 阅读(145) 评论(0) 推荐(0)
js练习题
摘要：1. 2. 3. 4. 5. 6. 7. 8. 阅读全文
posted @ 2019-01-13 16:07 cher。 阅读(310) 评论(0) 推荐(0)
Js拾忆
摘要：instanceof运算符：他是判断一个构造函数的prototype是否在对象的原型链上查找到 箭头函数注意点，当箭头函数返回一个对象的话，要使用大括号把对象括起来，要不然会被认为是一个函数体 Object.assign(target,obj1,obj2...):合并对象，将源对象的所有可枚举属性复 阅读全文
posted @ 2018-12-27 10:30 cher。 阅读(145) 评论(0) 推荐(0)
js实现bind方法
摘要：//目标函数 function fun(...args) { console.log(this); console.log(args); } //目标函数原型对象上的一个方法cher func.prototype.cher = function () { console.log(1); } //bind传入参，一个是要改变this指向的对象，后面的是要传入的实参数值... 阅读全文
posted @ 2018-10-19 11:43 cher。 阅读(739) 评论(0) 推荐(0)
Js原生封装选项卡组件
摘要：然后在html文件里面写入<my-tab></my-tab>就可以使用组件了 阅读全文
posted @ 2018-10-15 17:45 cher。 阅读(1298) 评论(0) 推荐(0)
Promise使用
摘要：Promise可以进行异步操作，比起回调函数，更加容易维护。 首先创建一个简单的Promise 如果Promise构造函数里没有参数将会报错 promise有三个状态，分别是pending，resolved和rejected。 promise任务链 打印的是1和100，p拥有一个then方法，并且他 阅读全文
posted @ 2018-09-29 15:52 cher。 阅读(154) 评论(0) 推荐(0)
理解闭包
摘要：闭包是创建一个函数的时候允许在这函数里可以访问并且操作函数之外的变量所创建的作用域。 随处可见的闭包 一个神奇的闭包 在这里outFnHandler已经执行完毕，作用域不在了，为什么内部函数还可以访问到outname变量？ 因为闭包，创建innerFnHandler的时候也创建了一个闭包，闭包里包含 阅读全文
posted @ 2018-09-25 15:46 cher。 阅读(174) 评论(0) 推荐(0)
整理this笔记
摘要：1.在浏览器全局环境中this指向的是Window 2.在事件处理函数中的this,这个事件是由谁触发,this就指向谁 3.直接执行一个函数的时候在非严格模式下this指向的是Window,而在严格模式下是undefined 4.关于call,apply,和bind的this 他们的作用是把thi 阅读全文
posted @ 2018-08-28 18:13 cher。 阅读(121) 评论(0) 推荐(0)
ES6的小知识（后半部分）
摘要：一、iterator和for-of循环 在js里有数组和对象，es6又新出现了set和map这样js就有了四种数据集合，这样可以组合使用他们，比如数组里拥有对象，set等，这样就需要一个统一的 接口机制来处理不同的数据结构，iterator就是这样的接口，它为不同的数据结构提供统一的访问机制，任何数 阅读全文
posted @ 2018-08-20 15:25 cher。 阅读(536) 评论(0) 推荐(0)
封装axios在vue-cli项目中便捷使用
摘要：首先创建一个vue-cli搭建起来的vue项目这个不用多说了。 安装axios，使用npm install axios --save命令安装依赖，这时候项目的package.json文件中的"dependencies"属性会有个"axios"和它的版本号就说明 安装成功了 接下来就在项目中的src下 阅读全文
posted @ 2018-08-14 14:51 cher。 阅读(1080) 评论(0) 推荐(0)
ES6的小知识（前半部分）
摘要：一、let与const的使用 let：用来声明一个变量，与var类似 1.用let声明的变量，所声明的变量只在命令所在的代码块内有效 2.用let声明的变量在域解析的时候是不会被提升的 3.let不允许在同一作用域下声明已经存在的变量 4.let和var在for循环里的区别 另外在for循环语句里的 阅读全文
posted @ 2018-08-13 17:40 cher。 阅读(446) 评论(0) 推荐(0)