1、react 使用JSX语法来描述html,位于花括号的值会被当做一个JavaScript表达式进行求值 2、props是组件的不可变属性,有个重要属性:children,可以使用props.children来引用位于前置标签和后置标签之间的内容 3、state 组件所有可变的属性存储在state ...
分类:
其他好文 时间:
2018-01-07 23:31:12
阅读次数:
193
几个问题 什么是react? 构建前端UI界面的JavaScript库, 基于组件开发,使用JavaScript, 替代jQuery进行前端开发,以jQuery开发为代表的模式是活的DOM对象,操作DOM对象,而react是基于数据驱动 什么是jsx? 是JavaScript的语法扩展,看起来是HT ...
分类:
其他好文 时间:
2018-01-03 11:44:17
阅读次数:
154
JSX学习总结 一、 什么是JSX:一个比较高级、直观的语法糖;一种类似于XML的语法。 (语法糖:是指在计算机语言中添加的某种语法,对语言功能没有什么影响,其作用是为了增加代码的可读性减少代码的出错) React的核心机制之一就是创建虚拟DOM:通过JavaScript在内存中创建虚拟DOM来操控 ...
分类:
其他好文 时间:
2018-01-01 22:01:05
阅读次数:
172
什么是 webpack? webpack是近期最火的一款模块加载器兼打包工具,它能把各种资源,例如JS(含JSX)、coffee、样式(含less/sass)、图片等都作为模块来使用和处理。 我们可以直接使用 require(XXX) 的形式来引入各模块,即使它们可能需要经过编译(比如JSX和sas ...
分类:
Web程序 时间:
2017-12-31 12:50:57
阅读次数:
267
1.简要的介绍 学习react,首先学习的就是javascript,然后ES6,接着是jsx,通常来说如果有javascript的基础,上手非常快,但是真正要搭建一个前端工程化项目,还是有很多坑的 搞定上面的东西,那么去了解一下Virtual DOM,可以让你更快的了解react 状态管理和路由都是 ...
分类:
Web程序 时间:
2017-12-29 15:02:58
阅读次数:
289
一、React盒Vue的差异和相似的地方 React 单向绑定(加插件后,还是可以双向绑定) Vue 双向绑定 二、组件化 重新计算全dom,然后对旧的dom就行对比,然后字修改需要渲染的地方。 Vue不会这么傻去计算全dom,所以效率更高 React使用JSX的方式来操作(javascript中包 ...
分类:
其他好文 时间:
2017-12-28 21:41:17
阅读次数:
137
什么是Inferno Inferno可以看做是React的另一个精简、高性能实现。它的使用方式跟React基本相同,无论是JSX语法、组件的建立、组件的生命周期,还是与Redux或Mobx的配合、路由控制等,都可以基本按照React的方式来开发,只有微小的不同。不过Inferno是专门针对网页开发的 ...
分类:
Web程序 时间:
2017-12-27 17:55:56
阅读次数:
517
一: React简单介绍 React 专注于视图层,和Angular等框架不同,React并不是完整的MVC/MVVM框架,它专注于提供清晰的简洁的View(视图)层解决方案。使用的主要语法是JSX。 二 : JSX语法的由来 个人的理解:就是HTMl和JavaScript语法一块使用。 1. DO ...
分类:
其他好文 时间:
2017-12-26 23:12:51
阅读次数:
172
新建目录: demo(文件夹) ——views(文件夹) ——demo.html ——app(文件夹) ——components(文件夹) ——demo.jsx ——js(文件夹) ——demo_1.js ——demo_2.js ——css(文件夹) ——demo.css ——main.js(入口文 ...
分类:
Web程序 时间:
2017-12-20 22:12:12
阅读次数:
296
jsx语法 React的核心机制之一就是可以在内存中创建虚拟的DOM元素。React利用虚拟DOM来减少对实际DOM的操作从而提升性能。 JSX是什么 JSX就是Javascript和XML结合的一种格式。React发明了JSX,利用HTML语法来创建虚拟DOM。当遇到<,JSX就当HTML解析,遇 ...
分类:
Web程序 时间:
2017-12-11 16:13:54
阅读次数:
553