angular 代码比较难懂,性能也比较差
vue----双向数据流 双向数据流,就是内存的改变影响页面的改变,页面的改变影响内存的改变;
react-单向数据流、
单向数据流,只处理内存的改变,需要自己处理页面的改变来影响内存(通过事件),调用函数
react没有指令
导入文件
默认导入 import xxx from ‘./xxx.js‘ 导出: export default 数据
按需导入 import {} from ‘./aaa.js‘ 先定义再导出 导出:export const aa=2; 或者 let aa=2; export {aa}
全体导入 import * as obj from ‘./bbb.js‘
需要把import放在最上方,否则会报错
import 和require
import es6的语法,属于加载前置的机制,因此将其全放在代码顶部,代码解析逐个import获取一个引入的列表,先引入依赖,再向下
执行代码,加载前置
require 是node的语法,require懒加载,加载滞后,带啊吗执行到哪里才进行加载
react
脚手架,create-react-app
内部如果以来yarn npm i -g yarn yarn与npm类似的一个包管理工具
function obj1(){} let o=new obj();
obj1.prototype.age=1;
//等同
class obj1{
//静态属性
static staticAge=99;
//静态函数
static staticFun=function(){console.log(‘静态函数‘);console.log(this);//构造函数对象}
age=1;
//箭头函数才向上用别人的this
myFun(){console.log(‘实例的函数‘,this.age)}//上下文 this与function是一致的,用的就是自己的
}
类相当于实例的原型,所有在类中定义的方法,都会被实例继承,如果在一个方法或者属性前面加上static关键字,就表示该方法不会被实例继承,而是直接通过类来调用的,这就称为‘静态方法’‘静态属性’,所以静态方法不能访问实例
jsx语法
js+xml
js代码需要加{}
通知视图更新:
this.setState({num:1});
react中有变化的属性:
在react中class的类的关键字,所以样式就不能使用class,需要改成className
class:className
可以写js,for是js中的关键字,需要改成htmlFor
for:htmlFor
原文:https://www.cnblogs.com/xiaofenguo/p/13210851.html