- 博客(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
原创 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
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅