2018年03月_zwkkkk1

转载从 JavaScript 的作用域链到闭包

分享一篇关于作用域链的文章，加上之前对执行环境的理解，很快就理解了作用域链和闭包的相关内容！原文地址：http://www.cnblogs.com/wilber2013/p/4909459.html上一篇文章中介绍了Execution Context中的三个重要部分：VO/AO，scope chain和this，并详细的介绍了VO/AO在JavaScript代码执行中的表现。...

2018-03-31 11:59:43 1168

原创 JavaScript 的执行环境

执行环境（execution context，有时也被叫做执行上下文）是 JavaScript 中最重要而且是最基本的一部分内容。在你搞清楚执行环境后，会对你弄清楚作用域链、变量提升、this这些核心概念起着决定性的作用。希望你能在读完本文后，能够弄清楚解释器做了什么，为什么函数和变量能在声明前使用以及他们的值是何时被决定的。执行环境（EC）执行环境定义了变量...

2018-03-31 10:05:33 2274 13

原创 JavaScript arguments对象详解

arguments 是 JavaScript 函数体中的一个内置对象，虽然经常被人所忽视，但实际上非常重要。所有主流的 JavaScript 函数库都利用了 arguments 对象。arguments 对象的属性对于一个对象而言，我们先来看一看arguments对象的三个属性的作用，然后分别来聊聊如何运用这三个属性 1.callee：指向当前函数的引用 2.lengt...

2018-03-30 15:51:21 614

转载 javascript的垃圾回收机制与内存管理

原文转自：你不知道的JavaScript–Item28 垃圾回收机制与内存管理垃圾回收机制—GC Javascript具有自动垃圾回收机制(GC:Garbage Collecation)，也就是说，执行环境会负责管理代码执行过程中使用的内存。原理：垃圾收集器会定期（周期性）找出那些不在继续使用的变量，然后释放其内存。 JavaScript垃圾回收的机制很简单：找出不再使...

2018-03-29 17:03:56 379

原创 JavaScript中的变量提升和函数提升

变量的作用域在理解变量提升和函数提升之前，我们需要先理解好JavaScript的作用域的奇特之处。没有块级作用域和C、C++、以及Java不同，在ES6之前，JavaScript没有块级作用域，只有全局作用域和函数作用域。注：其实从 ES3 发布以来，JavaScript 就有了块级作用域（with 和 catch分句），而 ES6 引入了 let我们首...

2018-03-29 14:31:26 5896 8

原创 TypeError 和 ReferenceError

ECAM-262中定义了7种错误类型，Error，EvalError，RangeError，ReferenceError，SyntaxError，TypeError，URIError。其中 TypeError 和 ReferenceError 是经常会碰到的错误类型，在这里我们进行一个比较。差异在哪里TypeError例如：var a;console.log(a....

2018-03-28 13:25:57 2183

原创 JavaScript中 with的用法

说起js中的with关键字，很多小伙伴们的第一印象可能就是with关键字的作用在于改变作用域，然后最关键的一点是不推荐使用with关键字。听到不推荐with关键字后，我们很多人都会忽略掉with关键字，认为不要去管它用它就可以了。但是有时候，我们在看一些代码或者面试题的时候，其中会有with关键字的相关问题，很多坑是你没接触过的，所以还是有必要说说with这一个关键字。 with的基本用...

2018-03-28 12:50:09 65248 21

原创 JavaScript中的LHS和RHS查询

问题来源于《你不知道的JavaScript（上卷）》，文章部分论述截自原书。简述编译原理 JavaScript通常会被归类为“动态”或“解释执行”语言，但事实上它是一门编译语言。但与传统的编译语言不同，它不是提前编译的，编译结果也不能在分布式系统上进行移植。在传统编译语言的流程中，程序中的一段源代码在执行前会经历三个步骤，统称为“编译”。 1. 分词 / ...

2018-03-28 11:53:32 9447 3

原创 css的两种盒模型

前言初学 css 的时候 div 的一些宽高问题经常会引起一些不好理解的问题，这里做一个关于css盒模型的分享。问题下面的代码可以直接复制出去运行哦<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <titl

2018-03-24 15:15:34 66676 7

原创探究Vue2.0生命周期

Vue生命周期下面是Vue官方的一张关于Vue生命周期的图例，并增添了一些标注关于钩子函数每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如，需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数，这给了用户在不同阶段添加自己的代码的机会。Vue2.0的生命周期钩子...

2018-03-23 15:05:01 550

平时在电脑开发完vue-cli的项目的时候，总想试试在手机上的效果,于是就想用把localhost改成ip地址的方式尝试访问，一般都会失败。这里介绍一个方法可以让大家轻松在手机上看到自己的项目,因为vue-cli使用webpack打包了自己的项目,这里可以在项目根目录的package.json文件里进行配置，改变绑定的ip，打开package.json,找到scripts下的dev 结尾增加一...

2018-03-21 16:27:50 7689 1

原创 Vue2报错解决方案：Failed to resolve directive: el

Vue在更新到2.x版本后更改了很多的api，这对很多按着Vue1.x课程学习的同学来说比较麻烦，经常报出各种各样的错误。这次我们遇到的报错是:Failed to resolve directive: el 这是因为v-el在vue2.x以后被淘汰。使用新的标签ref替换v-el，下面是修改的方法。修改前：<div class="menu-wrapper" v-el:m...

2018-03-21 15:00:59 35064

原创 css揭秘 -- Sticky footers解决方案

最近在读《CSS Secrets》，结合网上的许多文章写了笔记，希望大家都能有所收获注：《CSS Secrets》是 Lea Verou最新著作，这本书讲解了有关于CSS中的一些小秘密，是一本所有CSSer值得一读的一本书。我自身的感受是：这确实是多年难得一见的重磅CSS书籍，看得很过瘾，CSS进阶必读！问题在网页设计中，存在一个相当古老但又相当常见的问题，它是前端...

2018-03-18 17:27:13 854

zwkkkk1的博客