![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react.js
文章平均质量分 56
无人与我粥可温
粥可温
展开
-
react
react是一个声明式,高校且灵活的用于构建用户界面的javaScript库,前端三大框架之一,React 起源于 Facebook 的内部项目,因为该公司对市场上所有 JavaScript MVC 框架,都不满意,就决定自己写一套,用来架设 Instagram 的网站。做出来以后,发现这套东西很好用,就在2013年5月开源了文档对象模型(Document Object Model,简称DOM),是W3C组织推荐的处理可扩展置标语言的标准编程接口。它是一种与平台和语言无关的(API)应用程序接口。原创 2022-11-27 23:28:44 · 713 阅读 · 2 评论 -
vue和react diff算法的区别
什么是diff算法:React需要同时维护两棵虚拟DOM树:一棵表示当前的DOM结构,另一棵在React状态变更将要重新渲染时生成。React通过比较这两棵树的差异,决定是否需要修改DOM结构,以及如何修改简单来说Diff算法在虚拟DOM上实现,是虚拟DOM的加速器,提升性能的法宝。原创 2022-11-13 21:44:56 · 1832 阅读 · 0 评论 -
react的优缺点
React优点,速度很快、性能好、跨浏览器兼容、代码模块化重用性高、单向数据流、兼容性好;React缺点,不适合单独做一个完整的框架,本身只是View1.声明式设计:React采用声明范式,可以轻松描述应用。2.高效:React通过对DOM的模拟,最大限度地减少与DOM的交互。3.灵活:React可以与已知的库或框架很好地配合。4.jsx:JSX 代表 Javascript XML。它是 Javascript 和 Html 的融合。原创 2022-11-13 21:30:21 · 3877 阅读 · 0 评论 -
react总结之axios
Axios是一个基于promise的HTTP库,类似于jQuery的ajax,用于http请求。可以应用于浏览器端和node.js,既可以用于客户端,也可以用于node.js编写的服务端。GET请求参数会被完整保留在浏览器历史记录里,而POST中的参数不会被保留。GET请求会被浏览器主动cache,而POST不会,除非手动设置。GET产生的URL地址可以被Bookmark,而POST不可以。GET请求只能进行url编码,而POST支持多种编码方式。GET在浏览器回退时是无害的,而POST会再次提交请求。原创 2022-09-09 08:11:33 · 1866 阅读 · 0 评论 -
react总结之hooks
但是这类方案需要重新组织你的组件结构,这可能会很麻烦,使你的代码难以理解。如果你在 React DevTools 中观察过 React 应用,你会发现由 providers,consumers,高阶组件,render props 等其他抽象层组成的组件会形成“嵌套地狱”。原创 2022-09-09 07:25:36 · 1308 阅读 · 0 评论 -
vue和react的区别
如果想要一个轻量级,更快速,更现代的UI库来制作单页面应用程序应该选择Vue.js,如果是大规模应用程序和移动应用程序的应该选择React。原创 2022-09-07 22:29:10 · 35981 阅读 · 8 评论 -
react总结之axios(解决跨域)
跨域,是指浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的,是浏览器对JavaScript实施的安全限制。浏览器从一个域名的网页去请求另一个域名的资源时,出现域名、端口、协议任一不同,都属于跨域。原创 2022-09-07 18:15:18 · 2540 阅读 · 0 评论 -
react总结之jsx是什么,jsx语法规则
它是一种类似于 HTML 的标记语法,用于描述应用程序的 UI 外观。总体上使代码易于理解和调试,避免了复杂的 javascript DOM结构。原创 2022-09-07 17:32:51 · 835 阅读 · 0 评论 -
react总结之react-router-dom
react-router-dom安装的方法原创 2022-08-31 17:51:01 · 249 阅读 · 0 评论 -
react总结之react创建项目
1. 首先打开cmd命令行,全局安装react脚手架 npm i -g create-react-app原创 2022-08-31 16:08:44 · 316 阅读 · 0 评论 -
如何制作react的路由
安装成功后在你的src文件夹下创建一个router的文件夹在文件夹下创建一个index.js文件。然后如果后面需要添加页面,就跟vue一样是在router里面去先导入再按照这样的方式去添加即可。然后在你的App.js里面导入这个文件,使用useRoutes来注册一下就可以了。安装完成后我们可以在项目里面的package.json俩里面看到是否安装成功。1,首先需要再你的react项目中安装react-router-dom。这个是相当于手写了一个vue的路由(这个跟vue的路由很像)...原创 2022-08-28 23:35:53 · 476 阅读 · 0 评论 -
react项目创建(推荐几个好用的react组件库)
2.然后再你需要的文件夹下打开cmd命令行输入create-react-app 项目名字(项目名称不要使用中文,或特殊字符等等)1.首先先安装npm install -g create-react-app这是。官方提供了一个用于创建项目的脚手架库 : create-react-app。:这个组件库是适用于移动端的组件库,组件的使用清晰明了(这个不是ts的):这个组件库是适用于pc端的(这个组件库可以进行ts和js的代码切换)创建好后进入到你的项目里面使用npm start启动项目。...原创 2022-08-28 23:22:23 · 1044 阅读 · 0 评论 -
react.js使用echarts
1.先在项目的本地目录里打开cmd命令行输入npm install echarts --save然后我们就可以看到node_modules里面有一个eachers的文件夹2.然后在需要的页面里引入对了这里有个问题之前我是这样引入的后来除了一些问题就是GridComponent一直显示没有这个说以后来我就这样引入了3.接下来呢就是js代码了就在componentDidMount里面写就可以了4.最后就是html代码了就是一个div里面记得要写宽...原创 2021-10-19 16:43:10 · 260 阅读 · 0 评论