- 博客(42)
- 收藏
- 关注
原创 react06-jsx渲染机制
在https://babeljs.io中看一下具体的编译后结果将右侧编译后的代码在vs code中展示如下:打印出来可以看到。
2024-04-21 14:50:59 482 1
原创 react-jsx基础使用02
{}: 此语法中使用不同类型值的时候可以具体效果报错: Objects are not valid as a React{ }给元素添加样式 :行内样式style = {{ 键值对,键名使用驼峰命名法、值必须为字符串 }}设置样式类名: 不在使用class,使用className。
2024-03-23 15:39:32 439
原创 react-jsx
在ReactDOM.createRoot()时,不能直接使用body 或 HTML直接作为页面的根元素。命令式循环都不可以: for、forin、forof、while ,因为可能只进行某写处理而无返回值。起名为 react.fragment 空文档标记标签,保证只有一个根结点,渲染后不会占据渲染层级。每一个构建的视图只能有一个”根结点“,否则会报错,如需多个根结点,需在最外层提供一个特殊节点。2,修改文件后缀为jsx,因为webpack的打包规则中可以解析下方的所有后缀文件。
2024-03-21 21:59:04 410
原创 react04- mvc 、 mvvm
react框架采用MVC体系,vue采用MVVM体系 : 这两套体系都是用来实现上面数据驱动显示。MVC: module(数据层) + view(视图层) + controller(控制层)使用框架前: 操作dom ==> js获取dom元素,事件侦听,修改数据,设置样式。MVVM : module + view + viewModule(数据、视图监听层)使用框架后: 数据驱动显示(开发效率更高,性能也更好)
2024-03-14 22:04:29 468
原创 数组方法-基础了解
什么是数组: 无序的值做有序地排列, 每个值叫做元素,每个值存储的位置叫做下标。在js中的数组并不是一种数据结构,他是根据对象创建出来的一种存储单元,和其他的语言不同的是:数组的长度可以改变,数组的元素可以是任意类型,所以js数组的效率更低修改原数组。
2023-12-04 07:42:01 324
原创 类型转换(赋值和一元)
所谓一元运算符:及自增自减 ,又可以分为前置,后置 , 值得记得一点是: 此运算符所涉及到的类型转换是将所有类型都转为数值来进行运算 *不要纠结前置和后置的划分,最终的结果是一样的。
2023-09-15 22:51:58 52 1
原创 数据类型转换(运算符)
两个作用:运算和连接运算:两端都是数值类型: console.log( 1+3) // 4两端有布尔类型,undefined,Null : 都会将这三种类型默认的隐式转换成数值型, Null --> 0 undefined —> NaN ,任何数字加NaN都是NaN连接: 两端有一个是字符串,就不在运算,而是进行字符串拼接根据上面的结果,充分理解,运算符的两端,一个运算符只管两个值,表达式从左向右运算,具体执行规则根据具体而定两个特例: 表达式的两边有数组和对象。
2023-09-13 08:20:01 34
原创 数据类型转换(二)
parseInt 可以接受两个参数,第一个参数是要转换的值,可以不用是字符串,在转换前自动的将第一个参数隐式的转为字符串,第二个参数表示第一个参数转换为字符串后是几进制的(可以理解为,如果那一坨是数字,表示的是几进制数 , 2-36) , 然后将其转为十进制数输出。toString() 所有的数据类型都有这个方法,因为所有的类型都是继承与对象的,而这个方法是直接在对象类型中描述定义的,通过原型链的传递,各个实例化的类型也就有这个方法。转换的不是字符串,就自动转为字符串,然后按照上面的俩规则转数字。
2023-09-09 20:44:24 58 1
原创 数据类型转换(一强制转换)
所有的数组在强制转换成数值时分为两步: 向将数组隐式转换为字符串,再将转换后的字符串强制转换成数值。入职的第一期工作,直接带上痛苦面具,但停更这么多天,主要还是懈怠了,不行得坚持。对象转为 “[object Object]” , 所有的对象都会转换成这个。数值,布尔值,undefined , Null都会直接转为对应的字符串。字符串转数值的时候,如果出现非法字符会转为NaN,否则都是数值。将数组中的数据连带逗号都转为数组,也可以用数组的方法,任何类型转换成对象时,都是该类型的对象类型。String(数组)
2023-09-08 23:07:48 348 1
原创 数据类型介绍
var c = undefined // 直接赋值为undefined,会将之前的所有的值覆盖var c1 // 没有赋值,系统默认赋予undefined。
2023-09-04 00:06:31 43 1
原创 js的变量,常量
一般在定义常量时:用全大写字母,单词与单词之间用_ , 定义多个也是用 , 隔开**一般在定义常量时:用全大写字母,单词与单词之间用_ , 定义多个也是用 , 隔开**
2023-09-03 22:10:54 43
原创 控制台的简单了解
这里可以对前端想服务端发出请求的返回结果进行观测,对现在大多数开发来说,经常要用到,前后端通信就是前端一个特别重要的应用,现在的前端开发已经不在时传统意义上的切图仔了,往往都是一套模版创建完成后,具体的渲染数据都是通过网络请求,从后端获取数据。元素:拍页面的时候用,可以对元素标签进行检查,调试样式等,在框架开发中用到的可能较少,集成的UI组件库,可以为我们在排版方面节省很多的时间,但如果要自己开发一个新的组件库或创建一个低代码平台,会用得到。也可以当个小工具用,直接在控制台进行代码的编写,查看效果。
2023-08-31 22:51:04 364
原创 react--中篇路由、Redux
在react框架的框架中也可以向vue一样配置路由,以后再说使用前的配置 index.js 文件 ,定义路由模式组件// 根组件// 路由,// BrowserRouter 指定路由模式为history// HashRouter 指定路由模式为Hash// 所有的路由规则和导航,必须要定义在路由模式子元素中才能生效,否则报错// 再倒入模块的时候起个别名,方便将来修改和调用。
2023-08-24 09:57:07 120 1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人