文章 2023-02-09 来自:开发者社区

react笔记之第一个react项目

index.html<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>React项目</title> </head> <body> <div id="root"></div>...

react笔记之第一个react项目
文章 2023-02-09 来自:开发者社区

react笔记之JSX的注意事项

<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>JSX的注意</title> <script src="script/react.development.js"></script> ...

文章 2023-02-09 来自:开发者社区

react笔记之虚拟DOM

<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>虚拟DOM</title> <script src="script/react.development.js"></script> ...

文章 2023-01-08 来自:开发者社区

React router(V6)随手笔记.三

一.路由表的使用useRoutes首先我们观察下面的情景:过多,会显得整个组件臃肿,且这些信息在我们的布局代码中的出现好像没那么必要。 路由表由此产生,这个hook主要用来解决Routes拥堵在界面上的问题。下面来讲解一下使用规则。我们刚开始使用的时候,还不是那么熟练,我不要急于一下子把它们分开到另一个文件夹内,我们就现在当前页面内引入,就把当前页面想象成我们将要从外部引入的那个routes.j....

React router(V6)随手笔记.三
文章 2023-01-08 来自:开发者社区

React router(V6)随手笔记.二

一 .换成自己独有的地址栏信息在地址栏里我们经常可以看到公司的名称或者当前页面的大概内容,其实我们也可以修改地址栏里的路径信息,很简单,在<Link>标签里的to属性里设置就可以二.需要注意的点我们需要注意的是,webpack会把react脚手架下名字叫做public的文件夹当成根目录,也就是说localhost:3000 其实就是public这个文件夹,(你可以暂时这样理解)我这里....

React router(V6)随手笔记.二
文章 2023-01-08 来自:开发者社区

React router随手笔记.一

一.路由也更像是一映射关系。key 对应一个 value,怎么理解这句话呢?我们都熟悉的a标签是这样的&lt;a href="XXX"&gt;页面2&lt;/a&gt;那么路由其实就是这样写&lt;Route key="xxx" value="component"&gt;页面2&lt;/Route&gt;其实路由的原理就是操作BOM(浏览器对象)的一个方法,大家不要迷,我们经常使用的Window....

React router随手笔记.一
文章 2022-11-26 来自:开发者社区

React修仙笔记,筑基初期之更新数据

在之前的一篇文章中我们有了解到react函数组件和class组件,以及react数据流,状态提升,以及react设计哲学,在我们了解了这些基本的知识后,我们需要了解react内部更深的一些知识在开始本文之前,主要会从以下几个点去认识react,以及我们那些我们常常遇到的坑react是如何更新数据的,更新数据到底有些注意点react中setState有哪些你需要知道的如何优化组件渲染Context....

React修仙笔记,筑基初期之更新数据
文章 2022-11-26 来自:开发者社区

react修仙笔记,请问仙溪几级了?

react在企业项目中已经变成了一个必不可少的UI框架,从过去早期有jquery,后面有bootstrap兴起,jquery可以说二次封装的原生js,bootstarp可以快速搭建一个精美网页,现在基本很少用bootstrap和jquery了,基本上vuejs,react,angular三分天下,国内vuejs和react居多,angular很少用,本文是一篇笔者关于react相关的笔记,希望看....

react修仙笔记,请问仙溪几级了?
文章 2022-11-12 来自:开发者社区

响应式系统与React | 青训营笔记

React基本概念React是一个基于组件的声明式UI库,用于构建高效、快速的用户界面。React的历史与应用React应用场景前端应用开发,如Facebook,Instagram,Netflix网页版移动原生应用开发,如Instagram,Discord,Oculus结合Electron,进行桌面应用开发React 的设计思路UI 编程痛点状态更新,UI 不会自动更新,需要手动地调用 DOM ....

响应式系统与React | 青训营笔记
文章 2022-11-10 来自:开发者社区

react实战笔记76:完成counter计数器

样式设置前端等于0的时候就不能在减了

react实战笔记76:完成counter计数器

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

阿里巴巴终端技术

阿里巴巴终端技术最新内容汇聚在此,由阿里巴巴终端委员会官方运营。阿里巴巴终端委员会是阿里集团面向前端、客户端的虚拟技术组织。我们的愿景是着眼用户体验前沿、技术创新引领业界,将面向未来,制定技术策略和目标并落地执行,推动终端技术发展,帮助工程师成长,打造顶级的终端体验。同时我们运营着阿里巴巴终端域的官方公众号:阿里巴巴终端技术,欢迎关注。

+关注