自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(42)
  • 收藏
  • 关注

原创 react09 hooks(useState)

useState

2024-04-21 17:22:26 460

原创 react06-jsx渲染机制

在https://babeljs.io中看一下具体的编译后结果将右侧编译后的代码在vs code中展示如下:打印出来可以看到。

2024-04-21 14:50:59 465 1

原创 react-静态组件,动态组件

动态组件

2024-04-09 22:28:52 552

原创 react08-插槽

插槽的简单应用

2024-04-06 16:33:30 397

原创 react07-组件化开发

函数组件的应用,props校验

2024-04-04 17:23:12 614

原创 react-jsx基础使用02

{}: 此语法中使用不同类型值的时候可以具体效果报错: Objects are not valid as a React{ }给元素添加样式 :行内样式style = {{ 键值对,键名使用驼峰命名法、值必须为字符串 }}设置样式类名: 不在使用class,使用className。

2024-03-23 15:39:32 424

原创 react-jsx

在ReactDOM.createRoot()时,不能直接使用body 或 HTML直接作为页面的根元素。命令式循环都不可以: for、forin、forof、while ,因为可能只进行某写处理而无返回值。起名为 react.fragment 空文档标记标签,保证只有一个根结点,渲染后不会占据渲染层级。每一个构建的视图只能有一个”根结点“,否则会报错,如需多个根结点,需在最外层提供一个特殊节点。2,修改文件后缀为jsx,因为webpack的打包规则中可以解析下方的所有后缀文件。

2024-03-21 21:59:04 401

原创 react04- mvc 、 mvvm

react框架采用MVC体系,vue采用MVVM体系 : 这两套体系都是用来实现上面数据驱动显示。MVC: module(数据层) + view(视图层) + controller(控制层)使用框架前: 操作dom ==> js获取dom元素,事件侦听,修改数据,设置样式。MVVM : module + view + viewModule(数据、视图监听层)使用框架后: 数据驱动显示(开发效率更高,性能也更好)

2024-03-14 22:04:29 455

原创 git提交代码到仓库

git提交

2024-03-14 21:14:54 220

原创 react03

react脚手架搭建的项目,手动暴露默认webpack配置,并进行一些常用配置的修改

2024-03-14 19:46:09 608

原创 数组重构-Map

map

2023-12-13 08:06:29 393

原创 react表单-受控

受控组件

2023-12-10 17:30:46 561

原创 react-props扩展

类插槽的补充,以及prop Type整理

2023-12-09 18:14:14 556

原创 数组重构03-fill , forEach , copyWithin

fill ,foreach中断

2023-12-08 07:49:26 370

原创 数组重构02 - splice

splice逻辑实现

2023-12-06 07:27:09 338

原创 数组重构01

简单实现一下数组的方法

2023-12-05 07:58:28 425

原创 数组方法-基础了解

什么是数组: 无序的值做有序地排列, 每个值叫做元素,每个值存储的位置叫做下标。在js中的数组并不是一种数据结构,他是根据对象创建出来的一种存储单元,和其他的语言不同的是:数组的长度可以改变,数组的元素可以是任意类型,所以js数组的效率更低修改原数组。

2023-12-04 07:42:01 317

原创 react-插槽模拟

react中的插槽实现

2023-12-03 18:48:41 388

原创 react--状态

react - 类状态

2023-12-03 18:03:34 352

原创 react-组件

react组件事件补充

2023-12-03 17:42:47 1009 2

原创 react-组件

react组件

2023-11-19 17:38:08 51 3

原创 类型转换(逻辑运算)

逻辑运算中的数据类型转换

2023-09-19 22:40:42 58

原创 类型转换(关系运算)

类型转换(关系运算符)

2023-09-18 08:39:32 53

原创 类型转换(赋值和一元)

所谓一元运算符:及自增自减 ,又可以分为前置,后置 , 值得记得一点是: 此运算符所涉及到的类型转换是将所有类型都转为数值来进行运算 *不要纠结前置和后置的划分,最终的结果是一样的。

2023-09-15 22:51:58 39 1

原创 数据类型转换(运算符)

两个作用:运算和连接运算:两端都是数值类型: console.log( 1+3) // 4两端有布尔类型,undefined,Null : 都会将这三种类型默认的隐式转换成数值型, Null --> 0 undefined —> NaN ,任何数字加NaN都是NaN连接: 两端有一个是字符串,就不在运算,而是进行字符串拼接根据上面的结果,充分理解,运算符的两端,一个运算符只管两个值,表达式从左向右运算,具体执行规则根据具体而定两个特例: 表达式的两边有数组和对象。

2023-09-13 08:20:01 25

原创 数据类型转换(二)

parseInt 可以接受两个参数,第一个参数是要转换的值,可以不用是字符串,在转换前自动的将第一个参数隐式的转为字符串,第二个参数表示第一个参数转换为字符串后是几进制的(可以理解为,如果那一坨是数字,表示的是几进制数 , 2-36) , 然后将其转为十进制数输出。toString() 所有的数据类型都有这个方法,因为所有的类型都是继承与对象的,而这个方法是直接在对象类型中描述定义的,通过原型链的传递,各个实例化的类型也就有这个方法。转换的不是字符串,就自动转为字符串,然后按照上面的俩规则转数字。

2023-09-09 20:44:24 43 1

原创 数据类型转换(一强制转换)

所有的数组在强制转换成数值时分为两步: 向将数组隐式转换为字符串,再将转换后的字符串强制转换成数值。入职的第一期工作,直接带上痛苦面具,但停更这么多天,主要还是懈怠了,不行得坚持。对象转为 “[object Object]” , 所有的对象都会转换成这个。数值,布尔值,undefined , Null都会直接转为对应的字符串。字符串转数值的时候,如果出现非法字符会转为NaN,否则都是数值。将数组中的数据连带逗号都转为数组,也可以用数组的方法,任何类型转换成对象时,都是该类型的对象类型。String(数组)

2023-09-08 23:07:48 313 1

原创 数据类型介绍

var c = undefined // 直接赋值为undefined,会将之前的所有的值覆盖var c1 // 没有赋值,系统默认赋予undefined。

2023-09-04 00:06:31 37 1

原创 js的变量,常量

一般在定义常量时:用全大写字母,单词与单词之间用_ , 定义多个也是用 , 隔开**一般在定义常量时:用全大写字母,单词与单词之间用_ , 定义多个也是用 , 隔开**

2023-09-03 22:10:54 34

原创 一些常用的操作

浏览器渲染时的两个概念: 回流和重绘。

2023-09-02 00:55:38 29

原创 控制台的简单了解

这里可以对前端想服务端发出请求的返回结果进行观测,对现在大多数开发来说,经常要用到,前后端通信就是前端一个特别重要的应用,现在的前端开发已经不在时传统意义上的切图仔了,往往都是一套模版创建完成后,具体的渲染数据都是通过网络请求,从后端获取数据。元素:拍页面的时候用,可以对元素标签进行检查,调试样式等,在框架开发中用到的可能较少,集成的UI组件库,可以为我们在排版方面节省很多的时间,但如果要自己开发一个新的组件库或创建一个低代码平台,会用得到。也可以当个小工具用,直接在控制台进行代码的编写,查看效果。

2023-08-31 22:51:04 312

原创 js引入的一些基础

scripthead。

2023-08-30 23:15:18 37 1

原创 进化之路--开篇

开始

2023-08-30 08:31:29 28 1

原创 react--中篇路由、Redux

在react框架的框架中也可以向vue一样配置路由,以后再说使用前的配置 index.js 文件 ,定义路由模式组件// 根组件// 路由,// BrowserRouter 指定路由模式为history// HashRouter 指定路由模式为Hash// 所有的路由规则和导航,必须要定义在路由模式子元素中才能生效,否则报错// 再倒入模块的时候起个别名,方便将来修改和调用。

2023-08-24 09:57:07 86 1

原创 基本概念的理解

文档类型声明扩展: 啥玩意是混杂模式,和标准模式有啥不一样在扩展: 除了HTML外,还有什么类型。

2023-08-23 09:30:21 115

原创 react---上篇

react基础应用

2023-07-22 20:19:56 127 1

原创 TypeScript简述

ts简述

2023-07-10 19:14:21 115 1

原创 BOM DOM

bom dom

2023-03-24 21:27:30 36

原创 BOM DOM

bom dom

2023-03-23 20:18:42 36

原创 Math 和 时间方法

math 时间方法

2023-03-22 19:40:32 104

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除