![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javascript
湫风。
一点一滴的积累。
展开
-
Js拾忆
Js拾忆instanceof运算符:他是判断一个构造函数的prototype是否在对象的原型链上查找到var a = new Array();console.log(a instanceof Array) //true//a.__proto__ == Array.prototype//如果a不是对象将返回false//如果右边不是构造函数将报错箭头函数注意点,当箭...原创 2018-12-27 10:30:00 · 135 阅读 · 0 评论 -
ES6的小知识(前半部分)
ES6的小知识(前半部分)一、let与const的使用let:用来声明一个变量,与var类似1.用let声明的变量,所声明的变量只在命令所在的代码块内有效function hander(){ let a = 10; console.log(a); }hander(); //10console.log(a); //报错未定义 ...原创 2018-08-13 17:40:00 · 84 阅读 · 0 评论 -
ES6的小知识(后半部分)
ES6的小知识(后半部分)一、iterator和for-of循环在js里有数组和对象,es6又新出现了set和map这样js就有了四种数据集合,这样可以组合使用他们,比如数组里拥有对象,set等,这样就需要一个统一的接口机制来处理不同的数据结构,iterator就是这样的接口,它为不同的数据结构提供统一的访问机制,任何数据结构只要部署iterator接口就可以遍历操作他们,并且it...原创 2018-08-20 15:25:00 · 80 阅读 · 0 评论 -
整理this笔记
整理this笔记1.在浏览器全局环境中this指向的是Windowconsole.log(this); //Window2.在事件处理函数中的this,这个事件是由谁触发,this就指向谁3.直接执行一个函数的时候在非严格模式下this指向的是Window,而在严格模式下是undefinedfunction fn1() { "use strict" ...原创 2018-08-28 18:13:00 · 100 阅读 · 0 评论 -
理解闭包
理解闭包闭包是创建一个函数的时候允许在这函数里可以访问并且操作函数之外的变量所创建的作用域。随处可见的闭包var name = 'cher'; //一个全局变量function fn() { //声明一个全局函数 console.log(name); //cher 在这个函数里面访问外面的全局变量}fn();//在这函数里面可以访问到函数外的变量形成了简单的闭...原创 2018-09-25 15:46:00 · 74 阅读 · 0 评论 -
Promise使用
Promise使用Promise可以进行异步操作,比起回调函数,更加容易维护。首先创建一个简单的Promisevar p = new Promise( () => {});console.log(p); //会打印一个promise对象,状态是pending,状态值是undefined如果Promise构造函数里没有参数将会报错promise有三个状态...原创 2018-09-29 15:52:00 · 333 阅读 · 0 评论 -
Js原生封装选项卡组件
Js原生封装选项卡组件class MyTab extends HTMLElement{ //创建一个类名MyTab constructor(){ //构造函数 super(); //指向父类构造函数,必须要有的 const shadow = this.attachShadow({ //影子dom mode : 'open'...原创 2018-10-15 17:45:00 · 518 阅读 · 0 评论 -
js实现bind方法
js实现bind方法//目标函数function fun(...args) { console.log(this); console.log(args);}//目标函数原型对象上的一个方法cherfunc.prototype.cher = function () { console.log(1);}//bind传入参,一个是要改变this指向的对象,...原创 2018-10-19 11:43:00 · 195 阅读 · 0 评论 -
js练习题
js练习题1.var i = 0,j = 0;for(;i<6,j<10;i++,j++){ k = i + j;};console.log(k); //18,逗号运算符只看最后一个运算2.fn1();var fn1 = function(a){ alert(a); } //fn1 is not a function//变量域解析,...原创 2019-01-13 16:07:00 · 201 阅读 · 0 评论 -
DOM操作
DOM操作DOM是文档对象模型 : 就是document提供了一些API赋予开发者操作页面的能力节点类型 : childNodes : 某个节点下的所有子节点、类数组children : 不是标准的属性,但是所有浏览器都支持,找到某个元素下的所有元素子节点parentNode:查找某个元素的父节点nextElementSibling : 上一个兄弟节点p...原创 2019-02-26 10:11:00 · 87 阅读 · 0 评论 -
ES5继承
ES5继承/** * 继承大体分为俩种: * 构造函数继承 * 原型继承 * - 拷贝继承 * -深拷贝 * -浅拷贝 * - 原型链继承**/ function Person(name,age){ this.name = name; this.age = age} Person.prototype.sayName = f...原创 2019-05-16 15:20:00 · 106 阅读 · 0 评论 -
Event自定义事件
Event自定义事件//index.html文件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">...原创 2019-05-16 15:22:00 · 538 阅读 · 0 评论 -
正则表达式
正则表达式//正则默认:匹配成功就会结束匹配 (如果想全部查找加标识 g),不区分大小写 (如果想区分大小写 加标识 i)//1.test : 正则去匹配字符串,如果匹配成功返回真,匹配失败返回假; 正则.test(字符串)//2.search : 正则去匹配字符串,如果匹配成功就返回匹配位置,否则就返回 -1; 字符串.search(正则)//3.match : 正则去匹配...原创 2019-05-17 15:33:00 · 76 阅读 · 0 评论 -
数据劫持,订阅者模式,双向绑定
数据劫持,订阅者模式,双向绑定//index.html文件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"...原创 2019-05-17 17:42:00 · 430 阅读 · 0 评论