这只伶俐的棕色狐狸跳过一只懒惰的狗

过去写前端HTML页面时都是傻乎乎地一个一个敲，后来看网课发现别人用快捷键来生成标签，于是来学习一下1.简单生成一个元素打上标签名然后Tabdiv + Tab  <div></div>2.镶嵌元素div>table>tr>td + Tab<div> <table> <tr> ...

学习了变量的作用域和执行上下文后我们看一个例子，并顺便说一下使用var定义变量和不使用时的区别。var定义变量时，会把这个变量限定于这个作用域下，只有在其内部能使用，对外不可见；this定义变量时，内部使用需要加this，因为this根据调用不同，对外表现也不同；什么都不加的时候，准确地说是赋值了，而不是定义变量了，就要沿着作用域链去寻找了，找到谁算谁，到了全局都没找到，只好给全局的属性里加一个这...

闭包应用的两种情况——函数作为返回值，函数作为参数一、函数作为返回值 function fn() { var max = 10 return function bar(x) { if(x > max){ console.log(x); //15 } ...

在某个作用域A中使用的变量，却没有在这个作用域中声明，而是在其他作用域中声明，那么这个变量对于A这个作用域来说就是自由变量。 举个栗子 var x = 10 function fn() { var b = 20 console.log(x + b) //这里使用的x就是一个自由变量 }fn中使用的x是在全局作用域中声明的，因此x对于...

作用域与执行上下文联系起来，直接看一个例子 js文件有一个全局作用域这个没问题，其次每个函数又会形成一个自己的作用域。接下来看一下执行过程中发生了什么第一步，在加载程序时就已经确定了上下文执行环境包括变量a，b的声明，fn和bar的赋值；接下来代码执行，对a，b赋值，直到执行到fn（10）； 第二步，调用fn（10），生成fn执行上下文环境，将其压栈并激活 第三步，执行到...

执行全局代码时会产生一个执行上下文环境，每次调用函数又会产生一个执行上下文环境。当函数调用完成后，这个环境以及里面的数据便会消除，再回到全局执行上下文环境中。处于活动中的执行上下文只有一个。这就好比一个压栈出栈的过程。 下面看一个例子 var a = 10, fn, bar = function (x) { ...

执行上下文中有一个对this的赋值，接下来学习一下this，因为在函数中用的非常多this的精髓在于，在函数定义时无法确定this的值，只有当函数真正被调用执行时才能确定值。1.构造函数 function fn() { this.a = 1 this.b = 2 console.log(this) //fn {a: 1, b...

一、什么是执行上下文先看一个例子console.log(a) //报错Uncaught ReferenceError: a is not defined这个结果显而易见，因为我们没有定义a嘛console.log(a) //undefinedvar a在log（a）之前我们也没有定义a，为什么不报错，只是显示没有值console.log(a) //undefine...

一、原型链function fn() {}var f = new fn()console.log(f instanceof fn) //trueconsole.log(f instanceof Object) //trueconsole.log(fn instanceof Function) //trueconsole.log(fn instanceof ...

一、prototype原型函数有一个默认属性prototype，prototype是一堆对象的集合 在Object这个对象中有一个属性prototype，这个属性指向一个Prototype对象，里面含有一个默认的构造函数指向Object，还含有其他的属性function fn() {}console.log(fn.prototype)可以看一下prototype中的内容...

最近学习Vue的过程中，发现代码组织得很混乱，主要原因应该是对JS的学习不够深入，因此抽出时间来深入理解一下JS参考：深入理解javascript原型和闭包一、一切皆对象1.1哪些是对象使用typeof关键字可以查看某个变量的类型console.log(typeof a) //undefinedconsole.log(typeof 1) //numberc...

在做课设的时候，动态生成表格需要写一堆js代码，于是乎决定采用一个前端框架来简化编码过程，之前已经学过Vue的一些知识了，因此直接从组件开始记录。1.简单的组件实例<div class="vue"> <button-counter></button-counter></div></body><scr..

持续更新ing，遇到好的例子就写进来