- 博客(7)
- 收藏
- 关注
原创 在React中使用百度地图
在common/BMAP_DATA.js中指定这些参数。为了使用antd 的时候能够按需加载,先配置 babel-plugin-import 这是一个用于按需加载组件代码和样式的 babel 插件。然后在src/components/bmap/mapSample/BasicMapView.jsx中导入。在config/webpack.config.dev.js中。然后在componentDidMount中对地图进行绑定id。我们会看见上图,然后我们在此基础上进行改造。然后在你要使用的jsx中加入。
2024-06-27 21:30:42
641
原创 vue和react的区别
当页面的状态发生改变,我们需要对页面的DOM结构进行调整的时候,我们首先根据变更的状态,重新构建一棵对象树,然后将这棵新树的对象树和旧的对象树进行比较,记录新旧两棵树的差异,最后将记录的有差异的地方应用到真正的到Dom树中去。我觉得Virtual Dom这种方法对我们需要有大量的Dom操作的时候能够很好地提高我们的操作效率,通过在操作前确定需要做的最小修改,尽可能的减少Dom操作带来的重流和重绘的影响。的差异,这是由于它在渲染过程中,会跟踪每个组件的依赖关系,不需要更新渲染整个组件树。
2024-06-26 15:56:00
1446
原创 react的语法
React是一个用于构建用户界面的Javascript库。用户界面:前端HTML界面。react主要是用来写HTML页面,或构建web应用。如果从MVC的角度看,react仅仅是视图层(V),也就是负责视图的渲染,而并非提供了完整的M和C的功能。JSX是Javascript XML的简写,表示在Javascript代码中写XML(HTML)格式的代码优势:声明式语法更加直观,与HTML结构相同,降低了学习成本,提高开发效率JSX是React的核心内容为什么脚手架中可以使用JSX语法?
2024-06-25 16:06:18
527
原创 React基础语法
组件表示的是一段结构内容,对于函数组件来说,渲染的内容是函数的返回值就是对应的内容。1.组件的名称必须首字母大写,react内部会根据这个来判断是组件还是普通的HTML标签。2.函数组件必须有返回值,表示该组件的UI结构;类组件应该继承React.Component父类,从而使用父类中提供的属性和方法。状态:就相当于Vue中的data中数据,自己内部可以调用的属性或方法。4.使用函数名称作为组件标签名称,可以成对出现也可以自闭合。这样写回调函数中的this指向的是当前对象组件中的实例对象。
2024-06-24 09:48:27
833
原创 大屏可视化(持续更新中.....)
1、react脚手架:npm create react-app 项目名称。下载包:npm i react-router-dom。
2024-06-21 09:50:42
249
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人