在React中,我们有时只想渲染部分组件,而在某些状态发生改变时渲染另一部分组件,此时就要使用条件渲染
if-else
我们可以通过if-else来判断状态值,从而渲染不同的组件
在React中,我们有时只想渲染部分组件,而在某些状态发生改变时渲染另一部分组件,此时就要使用条件渲染
我们可以通过if-else来判断状态值,从而渲染不同的组件
React的每个组件都有自己的生命周期,我们可以利用这些生命周期对应的方法,在组件的不同时期触发特定的方法,来达到我们想要的效果
jsx是我们在react中编写组件的一种语法,实际上jsx只是JavaScript的一种语法糖
jsx让我们能更为方便地在JavaScript中书写node节点,通过使用html的格式,让我们更为直观地看到节点的结构
AMD也是一个模块化的规范,它以require.js为基础,每个文件代表一个模块,与CommonJS不同的是,AMD是一个异步模块实现规范,且AMD更加侧重于浏览器,在运行时通过提前加载依赖,等到依赖加载完成再实现对应的方法来保证方法的正确实现。
在对几种模块规范的复习后,总结一下规范的区别和关系
CommonJS,AMD,CMD,ES Module
虽然对于这四个规范来说,都可以在浏览器端和服务器端运行,但除了ES Module外,其他都具有一定的偏向性
CMD依赖于sea.js,在语法上杂糅了CommonJS和AMD,可以同时使用同步加载和异步加载,适用于web浏览器端模块,同样的,在CMD中,一个文件代表一个模块
现在CMD似乎是被国外收购了,登上seajs.org会显示以下的内容
CommonJS提出JavaScript不仅针对浏览器,它做为一个规范,在服务器端被广泛使用,最常见到的就是node中的使用
事实上,node就是基于CommonJS规范来写的,在CommonJS规范中,每个js文件作为一个模块,CommonJS在服务器端和浏览器端的加载是不一样的
JavaScript模块化的历史漫长,一开始,正如在我们初学JavaScript的时候,写的代码不多,我们都是将代码写在一个文件里,因为代码量不多,所以没有感到什么不适,
通常情况下,我们会使用vue cli直接创建一个项目的脚手架,如果我们要自己用webpack来配置vue项目的话,就要用到vue loader
Promise是ES6中的一种异步实现方式,现在我们来自己实现Promise。(有关Promise使用:ES6学习笔记 Promise)
下面会详细写出实现过程及遇到的问题,如果要看代码实现的话直接滑至博客底部