React

redux:组件的公共数据

 

Axios:访问后端接口

Antd:组件库

1.简介

库:jquery

框架:vue react bootastrap

三个框架的区别

vue:轻量级

angular:笨重

react:

(面)vue中双向绑定v-midel的原理 : 

是通过Object.defineProperty()来实现数据劫持的.

提供了两个属性get和set

动态路由和静态路由区别

静态 是不可以传递参数的,

动态可以传参

组件库 element-ui ivew  layer-ui  antd

组件化，

就是把页面拆分成多个组件，每个组件依赖的 CSS、JS、模板、图片等资源放在一起开发和维护

前后端分离  互不干涉

vue与react区别 

(面)浏览器输入url按下回车后发生了什么?

vue核心:

        虚拟dom,组件化,vuex,vue-router

window.location.href="" 实现页面跳转

react核心概念:

        虚拟dom,

        jsx:利用了html语法创建了虚拟dom,javascript xml 是对javascript语法扩展

       当在jsx中如果

        遇到  <   :jsx  会当成html解析,

        遇到  {  :   会当成javascript解析

        优点:做过优化,编写模板会更加方便

        

引入js文件

react.development.js:react的核心库  ui

react-dom.development.js:提供与dom相关的功能

小案例:在页面中显示一段文字.

ReactDOM.render(内容,位置)

babel.min.js :用来解析jsx

jsx中

1) 所有的节点,必须有唯一的根元素

2)单标签必须闭合 <br>====><br/>

3)如果设置样式,原来是class,,要设置成className(因为在react中,class是用来创建组建的) 

4)行内样式 style={{属性名:属性值}},,,如果样式是font-size,那么就改成fontSize驼峰

5)没有if else 可以用三目运算符

6)没有for循环  用map

组件

1)创建组件的方式:

        React.createClass(早期的方式)

        function 组件名

        class 组件名 extends React.Component

2)组件中的数据:

        state:  this.setState修改 设置state

        微信中:data:{} this.setData

        现在:function是不能放state,称为无状态组件,也可以设置生命周期

        class:可以设置state和生命周期 

3)由父组件传到子组件的数据:

       vue props:

        在父组件 :通过自定义属性

        在子组件中: 在function中,函数的参数

        在类组件中国:this.props访问