2024年8月23日
摘要:
/* 竖屏时的样式 */@media screen and (orientation: portrait) { body { background-color: blue; /* 例如背景色为蓝色 */ }} /* 横屏时的样式 */@media screen and (orientation: l
阅读全文
posted @ 2024-08-23 11:25
W-阿飞
阅读(37)
推荐(0)
2024年8月21日
摘要:
一、使用 Set JavaScript 的 Set 对象允许你存储唯一值,因此可以通过将数组转换为 Set 然后再转换回数组来去重。 const array = [1, 2, 2, 3, 4, 4, 5]; const uniqueArray = [...new Set(array)]; conso
阅读全文
posted @ 2024-08-21 15:47
W-阿飞
阅读(38)
推荐(0)
2024年8月12日
摘要:
1.选择排序 思路如下: 在未排序序列中找到最小(大)元素,存放到排序序列的起始位置 从剩余未排序元素中继续寻找最小(大)元素,然后放到已排序序列的末尾。 重复第二步,直到所有元素均排序完毕 function selectionSort(arr) { var len = arr.length; va
阅读全文
posted @ 2024-08-12 02:07
W-阿飞
阅读(19)
推荐(0)
2024年7月28日
摘要:
1. 父组件向子组件传递数据 (Props) 这是最基本也是最常用的通信方式。父组件通过属性向子组件传递数据。 「父组件:」 <template> <child :name="name"></child></template><script setup>import { ref } from 'vu
阅读全文
posted @ 2024-07-28 00:19
W-阿飞
阅读(238)
推荐(0)
2024年7月27日
摘要:
1.默认插槽 // 子组件 <template> <div> <slot></slot> </div> </template> // 父组件 <template> <ChildComponent> <p>这是插槽中的内容</p> </ChildComponent> </template> 2.具名插
阅读全文
posted @ 2024-07-27 18:24
W-阿飞
阅读(15)
推荐(0)
摘要:
1、Vue2 和 Vue3 的区别? vue3 对于 typescript 的支持更加的好 vue3 的 Composition API, vue2 的 Option API vue3 打包使用 tree-shaking 策略,体积更小 vue3 在模板编译的阶段会有静态节点提升,运行时性能更好 v
阅读全文
posted @ 2024-07-27 17:30
W-阿飞
阅读(95)
推荐(0)
2024年7月25日
摘要:
现在大部分的中小型公司部署前端代码都是比较简单的,主要步骤如下: 首先,通过脚手架提供的命令npm run build打包前端代码,生成dist文件夹; 最后,将dist文件夹丢给后台开发人员放在他们的工程里面,随后台一起部署;现在普遍是前后端分开部署,因此,利用nginx起一个web服务器,将di
阅读全文
posted @ 2024-07-25 15:12
W-阿飞
阅读(25)
推荐(0)
2024年7月18日
摘要:
在 Vue 3 中使用 @ 作为引用根目录(通常是 src 目录)报错,通常是因为配置未正确设置或者配置未被项目正确识别。 1.1. 排查和解决此类问题的步骤: 确认配置文件: 对于使用 Vite 的项目,需要在 vite.config.ts 文件中配置路径别名。确保你已经正确导入了 path 模块
阅读全文
posted @ 2024-07-18 11:50
W-阿飞
阅读(3289)
推荐(0)
2024年6月24日
摘要:
export function genElement(el: ASTElement, state: CodegenState): string { if (el.parent) { el.pre = el.pre || el.parent.pre } if (el.staticRoot && !el
阅读全文
posted @ 2024-06-24 23:42
W-阿飞
阅读(23)
推荐(0)
摘要:
浏览器的渲染流程是一个复杂的过程,涉及多个阶段和组件的协同工作。以下是浏览器渲染流程的主要步骤: 解析HTML:浏览器首先下载HTML文件,并使用HTML解析器将其转换为DOM树。这个过程是深度遍历的,只有当某个节点下所有子节点都遍历完成后,才会去解析下一个兄弟节点。 解析CSS:同时,浏览器识别并
阅读全文
posted @ 2024-06-24 23:31
W-阿飞
阅读(47)
推荐(0)