前言
学习React,生命周期很重要,我们了解完生命周期的各个组件,对写高性能组件会有很大的帮助.
React 生命周期
React 生命周期分为三种状态 1. 初始化 2.更新 3.销毁
在这段代码中 我来以 return a-b 为什么是升序为例来解释一下
|
|
这又是一个面试经典问题~/(ㄒoㄒ)/~~也是 ES5中众多坑中的一个,在 ES6 中可能会极大避免 this 产生的错误,但是为了一些老代码的维护,最好还是了解一下 this 的指向和 call、apply、bind 三者的区别。
在 ES5 中,其实 this 的指向,始终坚持一个原理:this 永远指向最后调用它的那个对象,来,跟着我朗读三遍:this 永远指向最后调用它的那个对象,this 永远指向最后调用它的那个对象,this 永远指向最后调用它的那个对象。记住这句话,this 你已经了解一半了。
下面我们来看一个最简单的例子:
例 1:
|
|
好久不见:这是一份常用的javascript简易算法
作为一个曾经的ruby后端,我在学习javascript时经历了不少挫折。像merge,flatten,uniq这些基础方法貌似都从我的视线中消失了。
然后我发现了loadsh, 嗯,它非常酷…,直到我发现在更新新版本的时候需要非常注意,一些重要方法中的变动导致的风险(当然发生过,想象一下当你在调试(debug)你的代码时loadsh改变了一个方法,几乎跟之前的完全不一样了,那个酸爽!更惊喜的是你甚至在最开始都没发现loadsh已经更新了!2333)
多年以后,感谢全新的es6标准让事情变的更简单了,我几乎很少使用loadsh或者其他基础算法库了。以下是我在写代码时常用的但并不很全面的一些算法。
免责声明:我并不是说loadsh在效率或者算法复杂度方面不好。其实,loadsh确实是一个很好的项目。以下例子只是一些可以在工作中覆盖大多数简单例子的简易代码片段;嗯,通常我们并不需要太复杂的工具。
噢,是的,以下所有代码都遵循不可变原则。我们不会去改变原始对象,而是返回一个有你想要的新对象。
自定义指令有五个生命周期(也叫钩子函数),分别是 bind,inserted,update,componentUpdated,unbind
随着项目复杂度的提升,node项目也暴露出一些弊端,例如不能很好的跳过一些中间环节和数据传递。我想到借助 Babel 编译提前使用 ES2015 规范和 React 的新特性。对于异步处理方式,我也有了更好的方式——Generator Function 或者 Async Function。
由于JavaScript是一门异步语言,Node.js中的大量API都是异步函数,异步函数无法得知确切的执行完毕时间,所以通常采用传入callback的方式来使得当异步函数执行完毕时自动调用回调函数。
假如我们有如下的数据库操作API:
首先我问看下完整的Vuex选项对象
在开发过程中,我们向服务端发送请求,一般会使用三种方式, XMLHttpRequest(XHR),jQuery实现的AJAX,Fetch ,让我们首先来比较一下这三者的使用示例。
|
|
阅读本文之前,先看下面这个webpack的配置文件,如果每一项你都懂,那本文能带给你的收获也许就比较有限,你可以快速浏览或直接跳过;如果你和十天前的我一样,对很多选项存在着疑惑,那花一段时间慢慢阅读本文,你的疑惑一定一个一个都会消失;如果你以前没怎么接触过Webpack,而你又你对webpack感兴趣,那么动手跟着本文中那个贯穿始终的例子写一次,写完以后你会发现你已明明白白的走进了Webpack的大门。
|
|
|
|
运行结果: