自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 Vue3 组件通信

核心概念:子组件通过事件向父组件传递数据-- 父组件监听事件 --><template>console.log('收到玩具:', toy)</script>-- 子组件触发事件 -->emit('send-toy', '奥特曼')</script>

2025-11-16 21:21:51 426

原创 Vue3 路由学习笔记

路由命名:为重要路由设置 name,方便跳转和维护参数传递必填参数用params可选参数用query编程式导航:在方法中跳转时使用组件通信:优先使用路由参数,而不是 Vuex/pinia通过合理使用 Vue Router,可以构建出体验良好的单页面应用,实现流畅的页面切换和导航体验。

2025-11-15 20:53:09 309

原创 Vue3核心语法

在中定义组件选项Vue 3.3+ 新增的宏函数解决无法在中直接设置name等选项的问题name: 'ComponentName', // 组件名inheritAttrs: false, // 是否继承属性components: { ... }, // 注册组件directives: { ... }, // 注册指令// 和其他组件选项})直接写数据名即可,监视的是其value值的改变。// 监视基本类型。

2025-11-15 20:02:10 750

原创 Vue 3 - day1学习笔记

在中定义组件选项Vue 3.3+ 新增的宏函数解决无法在中直接设置name等选项的问题name: 'ComponentName', // 组件名inheritAttrs: false, // 是否继承属性components: { ... }, // 注册组件directives: { ... }, // 注册指令// 和其他组件选项})

2025-11-14 23:20:48 366

原创 JavaScript - day2学习笔记

使用构造函数创建对象,通过原型共享方法节约内存。

2025-11-14 15:25:24 303

原创 JavaScript-day1学习笔记

了解变量和函数的可访问范围,掌握不同作用域的特点和使用场景。

2025-11-13 21:18:22 1230

原创 APIs-day4学习笔记

(Regular Expression)是一种字符串匹配的模式(规则)

2025-11-12 15:04:18 903

原创 APIs-day3学习笔记

掌握 Date 日期对象的使用,动态获取当前计算机的时间。

2025-11-11 20:13:42 1123

原创 APIs-day2学习笔记

结合 DOM 使用事件时,需要为 DOM 对象添加事件监听,等待事件发生(触发)时,便立即调用一个函数。是 DOM 对象专门用来添加事件监听的方法,它的两个参数分别为【事件类型】和【事件回调】。click。

2025-11-08 20:46:10 775

原创 APIs-day1学习笔记

标准属性: 标签天生自带的属性 比如classidtitle等, 可以直接使用点语法操作比如:disabledcheckedselected自定义属性:在html5中推出来了专门的data-自定义属性在标签上一律以data-开头在DOM对象上一律以dataset对象方式获取。

2025-11-07 18:21:46 1012

原创 06-移动网页开发

视口标签:<meta name=“viewport” content=“width=device-width, initial-scale=1.”>是一种基于视窗宽度的相对单位,非常适合用于移动端适配 单位定义:设计稿转换公式:​ vw值 = (元素在设计稿中的px值/设计稿宽度) * 100vw示例:(106/375)*100vw =28.26vw注意:网页是主要对屏幕宽度适配,所以通常用vw即可,vh很少用物理像素和CSS像素的分别:​ 物理像素。是设备屏幕的实际物理像素数量,出厂默认,平时我们说的设备

2025-11-02 10:44:32 570

原创 05-前沿技术拓展

svg是行内块元素类似,可以设置大小、移动位置、动画等。但是有自己特殊的样式属性。fill填充颜色(支持颜色值、渐变、图案)不需要改为 none示例:fill: #f00;stroke定义描边颜色(支持颜色值、渐变、图案)示例:stroke:#f00;描边宽度(支持像素、百分比、px、em 等单位)示例:stroke-width: 2px;虚线模式(实线长度+间隔长度)示例:stroke-dasharray:10;调整虚线与间隔的起始位置示例:stroke-dashoffset:100;和。

2025-10-31 21:24:49 315

原创 04-交互动效设计

transform变换属性和animation动画学习笔记

2025-10-29 18:25:14 1022

原创 03-现代网页布局

flex布局、grid布局、多列布局学习笔记

2025-10-28 21:00:47 1119

原创 02-CSS3核心技术

CSS3学习笔记

2025-10-26 17:13:23 537

原创 01-HTML5语义标签

单选框、复选框和文件域textarea。

2025-10-26 17:07:09 824

空空如也

空空如也

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

TA关注的人

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