Month的博客

最近在学习前端，虽说前端入门简单，但是要学深入是真的不容易。学前端，最基础的就是三剑客，html,css,javascrpit了而js更是重点中的重点，javascript虽然和java名字很像，但是和java是完全不一样啊。习惯了c和java的我对于js的变量提升，闭包，原型都是一脸懵逼啊..好了现在写正事，仔细探讨一下js中的==，!==,===,!===1.==和

要想实现new的功能,我们首先要知道new是干什么的呢?在js中 var a = new A() 后1.创建一个空对象obj{}2.将a的this指向obj{}3.将a的_proto_指向A的prototype4.执行A的构造函数5.返回obj 代码级实现:function Test (name) {this.name = name;this.test ...

// 深度优先遍历算法描述：（1）访问结点v。（2）找到v的第一个邻接点w。（3）如果邻接点w存在且未被访问，则从w出发深度优先遍历图；否则，结束。（4）找顶点v关于w的下一个邻接点，转(3)。递归算法：function dfs (node) {console.log(node); // 访问nodefor(var i=0;i<node.children....

原理:就是左边的参数沿原型链向上查找，不想多打字，直接贴代码function myInstanceOf (left,right) {let rightPrototype = right.prototype;let leftProto = left.__proto__;while(true) {if(leftProto === null){return false;}...

new一个对象的过程var a = new A();(1)创建一个空对象 newObj(2)将newObj的__proto__指向A的prototype(3)执行A的构造函数(4)return newObj  function _new () {var newObj = {};var constructor = Array.prototype.shift.c...

var all = document.getElementsByTagName('*');var tags = [];for(var i=0;i<all.length;i++){tags.push(all[i].tagName.toLocaleLowerCase());}var res = {};for(var i=0;i<tags.length;i++){...

Proxy 用于修改某些操作的默认行为，等同于在语言层面做出修改，所以属于一种“元编程”（meta programming），即对编程语言进行编程。Proxy 可以理解成，在目标对象之前架设一层“拦截”，外界对该对象的访问，都必须先通过这层拦截，因此提供了一种机制，可以对外界的访问进行过滤和改写。Proxy 这个词的原意是代理，用在这里表示由它来“代理”某些操作，可以译为“代理器”。ES6...

ES6新增了Generator与async函数一、Generator的语法形式上，Generator 函数是一个普通函数，但是有两个特征。一是，function关键字与函数名之间有一个星号；二是，函数体内部使用yield表达式，定义不同的内部状态。function* Gen(){ yield 1; yield 2; return 3;}var g = G...

var 是ES5中声明变量的方式，ES6中新增了let 和 const两种生命变量的方式。1.let用法类似于var 基本用法：let a = 1;var a = 1;let与var的区别：1) 块级作用域var 声明的变量，不存在块级作用域，只存在函数作用域。比如说console.log(a) // undefined{ var a = 1;}...

首先，函数有prototype属性，而对象（除Object）都有_proto_属性 _proto_可以理解为：构造器的prototype_proto_指向谁呢1.当以函数字面量的形式创建一个对象时var a={};_proto_指向Object的prototype2.当以构造器的形式创建一个对象时var A=function(){};var a=new A();_...

先上效果图：基本原理：动态生成雪花div，设置它的定位为绝对定位。初始时，设置它的位置为距顶部-30px。用Math.random()方法使雪花的大小随机，初始水平位置和最终水平位置随机。初始和最终透明度随机。然后用clone()方法复制雪花，通过jQuery动画方法让其下落，下落时间为固定时间+浏览器高度决定的时间。源代码：{CSDN:CODE:2

javascript中五种基本数据类型：Number String Boolean Null Undefined在ES6中新增了Symbol使用typeof运算符可以查看对象的数据类型，不过要注意，typeof(null)将会返回object，《JavaScript》一书中写道：这是一个设计时的巨大错误。typeof运算符返回的结果有： number string undefined ...

这几天做比赛项目的时候要写一个表白墙，用了瀑布流的方式实现，现在来说一下这个瀑布流是怎么实现的。瀑布流是什么就不再说了，不知道的可以看看这个：点击打开链接现在说说瀑布流的原理：先计算一行最多容纳几个div 而后将第一行摆满div，将他们的高度存入数组找出第一行中高度最小的div，第二行中的div距离顶部的距离就是该高度+留白，而后更新数组这样就基本实现瀑布流了代码：ht

javascript变量有两种不同的数据类型：基本类型和引用类型。基本类型指的是简单的数据段，引用类型指的是由多个值构成的对象。基本类型有6种 null undefined number string boolean Symbol(ES6)基本类型和引用类型的区别：1基本类型是不可变的，引用类型的值是可变的。2基本类型的比较是值的比较，引用类型的比较是引用的比较。3.基本类...

function myPromise (callback) {let self = this;self.status = 'pending';self.value = undefined;self.reason = undefined;self.fullFiledArr = [];self.rejectedArr = [];function resolve (value...

深拷贝：复制出的新变量的改变不会影响原变量。浅拷贝：复制出的新变量的改变会影响原变量。js中实现深拷贝的几种方法和优缺点：1手动实现（只使用于一层对象，实际是浅拷贝？） function deepClone(obj,copy){copy=copy||{};for(var key in obj){copy[key]=obj[key];}return copy;...

ES6 引入了一种新的原始数据类型Symbol，表示独一无二的值。1.基本用法Symbol值通过Symbol函数来生成let a = Symbol();console.log(a); // SymbolSymbol可以接收一个字符串作为参数，表示对Symbol实例的描述。let a = Symbol('aa');Symbol生成的值都是独一无二的，即使是相同参数的Sy...