vue react angular

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

猜你喜欢

转载自www.cnblogs.com/xiaofenguo/p/13210851.html