随笔分类 -  React

摘要:React框架的基本运行原理 React的本质是内部维护了一套虚拟DOM树,这个虚拟DOM树就是一棵js对象树,它和真实DOM树是一致的,一一对应的。 当某一个组件的state发生修改时,就会生成一个新的虚拟DOM,让它和旧的虚拟DOM通过Diff算法进行对比,生成一组差异对象。 然后遍历差异对象, 阅读全文
posted @ 2023-10-21 12:28 滴水微澜 阅读(774) 评论(0) 推荐(2) 编辑
摘要:初始化一个web项目 使用npm init -y 初始化一个项目 在项目目录下创建src, dist文件夹,创建webpack.config.js配置文件 然后在src文件夹下创建index.js, index.html文件 然后安装依赖包 npm i jquery -S 安装jQuery包 npm 阅读全文
posted @ 2023-10-21 10:19 滴水微澜 阅读(684) 评论(0) 推荐(1) 编辑
摘要:react-router-dom路由简介 现代的前端页面大多是SPA(单页面应用程序), 也就是只有一个HTML页面的程序,这样用户体验好,服务器压力小,所以更受欢迎。路由是使用单页面来管理原来多页面的功能。 路由的功能:从一个页面,跳转到另一个页面。 在React中,路由是一套映射规则,是URL路 阅读全文
posted @ 2023-02-01 23:45 滴水微澜 阅读(719) 评论(0) 推荐(0) 编辑
摘要:React框架运行主流程 1.JSX是JS语言的扩展,被babel编译后,会转换成React.creatElement(),这个方法返回的是一个虚拟DOM。 2.将虚拟DOM渲染到真实DOM的方法是ReactDom.render()。 在React的组件生命周期中,render是灵魂,它创建一个虚拟 阅读全文
posted @ 2023-01-31 23:48 滴水微澜 阅读(316) 评论(0) 推荐(0) 编辑
摘要:React组件简述 组件是React的一等公民,使用React就是在用组件。 组件是整个页面中的一小块,把这一小块抽成独立的,可复用的,UI小部件。 一个页面有多个组件构成,组件可复用,可以独立,可以组合。 创建组件的方式 创建组件有2种方法:创建函数组件和创建类组件。 创建函数组件 React的函 阅读全文
posted @ 2023-01-30 21:30 滴水微澜 阅读(245) 评论(0) 推荐(0) 编辑
摘要:React概况 React是一个只用来写HTML的UI页面的JS库,在MVC设计模式中它只相当于View,故:它并不是一个框架(MVC架构角色设计)。 React组件内数据改动会自动更新到屏幕上。 React项目是一个SPA单页面应用。 使用create-react-app脚手架工具创建的应用会默认 阅读全文
posted @ 2023-01-11 22:52 滴水微澜 阅读(95) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示