SkyFly

JavaScript 中4种常见的内存泄露陷阱

Posted on 2016-05-19 Edited on 2021-03-11 In 大钱端

了解 JavaScript 的内存泄露和解决方式！

在这篇文章中我们将要探索客户端 JavaScript 代码中常见的一些内存泄漏的情况，并且学习如何使用 Chrome 的开发工具来发现他们。我们继续这个旅程！

介绍

内存泄露是每个开发者最终都不得不面对的问题。即便使用自动内存管理的语言，你还是会碰到一些内存泄漏的情况。内存泄露往往是其他一票问题的元凶，比如：运行缓慢，崩溃，高延迟，甚至一些与其他应用相关的问题。

js动态调用特性

Posted on 2016-04-25 Edited on 2021-03-11 In 大钱端

JS 的动态调用特性是 JS 动态特性中重要的组成部分，提到这个特性就需要讲明白bind，call，apply这三个函数

JS函数的调用机制

js 里函数调用有 4 种模式：方法调用、正常函数调用、构造器函数调用、apply/call 调用。无论哪种函数调用除了你声明时定义的形参外，还会自动添加 2 个形参，分别是 this 和 arguments。arguments 是一个 array-like 类型对象，提供了 length 和下标操作符访问元素的方法，但是却没有提供其他任何数组对象应有的方法。

this 到对象的绑定是一个超级延迟绑定，这个绑定发生在函数调用的时候，this 代表的也就是主调方对象。这实现了 JS 的强大动态特性。

js作用域

Posted on 2016-04-25 Edited on 2021-03-11 In 大钱端

先说结论，在 JavaScript 中，作用域只有两种。全局作用域（window）和局部作用域（函数）。
全局作用域中的所有对象均为 window 对象的属性。局部作用域（函数）中的所有对象在整个函数范围内均是可见的，也就是说 JavaScript 没有类似其他语言中的块级作用域。

浅析 jQuery deferred 对象

Posted on 2016-04-24 Edited on 2021-03-11 In 大钱端

什么是 deferred 对象

deferred 对象是 jQuery 为操作的回调函数提供的解决方案。deferred 对象提供了链式操作来对操作进行回调处理。

deferred 对象引入了“执行状态”这个概念，一个 deferred 对象的执行状态分为三种

未完成（unresolve）
已完成（resolved）
已失败（rejected）

通过 deferred 对象的 resolve，reject 方法来改变执行状态从而调用与该状态绑定的回调函数（们）。

JS运行机制

Posted on 2016-04-12 Edited on 2021-03-11 In 大钱端

1. 代码块

JavaScript中的代码块是指由<script>标签分割的代码段。
例如：

<script type="text/javascript">
      alert("这是代码块一");
</script>
<script type="text/javascript">
      alert("这是代码块二");
</script>

JS是按照代码块来进行编译和执行的，代码块间相互独立，但变量和方法共享。什么意思呢? 举个例子，就明白了：

ng-route多视图路由

Posted on 2016-04-12 Edited on 2021-03-11 In 大钱端

ng-view 是一个优先级为1000的终极指令。AngularJS 不会运行同一个元素上的低优先级指令。这个指令是一个特殊的指令，用于为$route对应内容提供占位

每次触发$routeChangeSuccess事件，视图都会更新。
如果某个模板同当前的路由相关联：
- 创建一个新的作用域
- 移除上一个视图，同时上一个作用域也会被清除
- 将新的作用域同当前模版关联在一起
- 如果路由中有相关的定义，那么就把对应的控制器同当前作用域关联起来
- 触发$viewContentLoaded事件
- 如果提供了onload属性，调用该属性所指定的函数