自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 React自定义Hook与组件与高级组件

如,路由守卫在页首引入,直接在函数内使用如useAuth()

2026-01-26 19:43:35 96

原创 在React架子中导入并使用路由

18.3.1版本的react对应6版本的router。

2026-01-26 19:12:14 369

原创 react的周期

卸载 componentWillUnMount。更新 ComponentDidUpdate。挂载 ComponentDidMount。

2026-01-25 16:08:44 271

原创 React进阶体验(构建脚手架与hooks)

可以存储任意可变值,其返回的引用对象在组件的整个生命周期内保持不变,且修改。用于在函数组件中创建一个可变的引用对象,安装18.3.1版本的react。属性不会触发组件的重新渲染。

2026-01-25 16:00:11 256

原创 CSS3 弹性盒子(Flex Box)

CSS3弹性盒布局(Flexbox)是一种响应式布局方式,通过display:flex属性实现。主要特性包括:1)flex-direction控制排列方向(横向/纵向);2)justify-content定义主轴对齐方式;3)align-items设置侧轴对齐;4)flex-wrap控制换行方式。这些属性组合使用可以实现灵活的元素排列,适应不同屏幕尺寸需求。弹性布局简化了传统CSS布局的复杂性,是现代响应式设计的重要工具。

2026-01-23 08:07:01 1321

原创 input

HTML的<input>元素是创建表单交互控件的核心标签,支持多种输入类型和属性。主要类型包括文本(text)、密码(password)、单选(radio)、复选框(checkbox)、日期(date)、文件上传(file)等。关键属性有name(字段标识)、value(初始值)、placeholder(提示文字)、required(必填)等。HTML5新增了专用类型如颜色选择器(color)、滑块(range)、搜索框(search)等。通过设置type属性和其他属性,可以灵活控制输入字段的行

2026-01-23 08:06:54 327

原创 关于循环的整理:map、for、for in、for of、forEach、while、do while、some、every

其中:可以使用for:先检测退出条件,再执行循环体它的循环示意图eg:1~100累加while 循环是,只要条件成立就会重复执行循环体适用于不确定循环次数时注意事项:避免无限循环它的流程示意图eg:1~100累加。

2026-01-22 08:53:17 1403

原创 this指向总结

普通场景优先级:new 绑定 > 显式绑定 > 隐式绑定 > 默认绑定。显式绑定(call/apply/bind)全局作用域 / 普通函数调用(默认绑定)(就近原则:只认直接调用者)。函数作为对象的方法被调用时,构造函数绑定(new 调用)通常指向触发事件的元素。的回调中,非箭头函数的。对象方法调用(隐式绑定)指向新创建的实例对象。DOM 事件处理函数中,

2026-01-22 08:53:09 404

原创 React初学体验(创建与组件)

本文介绍了React的基础使用方法,包括环境搭建和核心功能实现。首先讲解了如何创建HTML文件并正确引入React库文件。接着详细说明了React必备元素:根节点、转译声明和渲染实例的创建。重点演示了三个实用功能:字符串反转、图片渲染和样式绑定的实现方法。最后对比了类组件和函数组件两种组件形式的注意事项,包括命名规范、根节点要求和渲染方式等。全文以简明实用的方式呈现了React开发的核心要点,适合初学者快速入门React基础开发。

2026-01-21 08:45:40 534

原创 用HTML十CSS实现小米官网

一、用shift十!,快速加载出html样式。三,用display实现弹窗的弹起与关闭。页面名称,用HTML十css实现小米官网。页面亮点①引入了iconfont图标。页面要求,简洁,明了,符合参考。二,引入iconfound图标库。四, 实现标题变色与变换鼠标形态。②用HTML+css实现轮播。④实现功具栏的fixed定位。②用伪元素实现出宫格样式。五,实现轮播图图标变换。

2026-01-21 07:36:49 203

空空如也

空空如也

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

TA关注的人

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