2024年8月23日
摘要: /* 竖屏时的样式 */@media screen and (orientation: portrait) { body { background-color: blue; /* 例如背景色为蓝色 */ }} /* 横屏时的样式 */@media screen and (orientation: l 阅读全文
posted @ 2024-08-23 11:25 W-阿飞 阅读(11) 评论(0) 推荐(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-阿飞 阅读(5) 评论(0) 推荐(0) 编辑
  2024年8月12日
摘要: 1.选择排序 思路如下: 在未排序序列中找到最小(大)元素,存放到排序序列的起始位置 从剩余未排序元素中继续寻找最小(大)元素,然后放到已排序序列的末尾。 重复第二步,直到所有元素均排序完毕 function selectionSort(arr) { var len = arr.length; va 阅读全文
posted @ 2024-08-12 02:07 W-阿飞 阅读(4) 评论(0) 推荐(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-阿飞 阅读(138) 评论(0) 推荐(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-阿飞 阅读(3) 评论(0) 推荐(0) 编辑
摘要: 1、Vue2 和 Vue3 的区别? vue3 对于 typescript 的支持更加的好 vue3 的 Composition API, vue2 的 Option API vue3 打包使用 tree-shaking 策略,体积更小 vue3 在模板编译的阶段会有静态节点提升,运行时性能更好 v 阅读全文
posted @ 2024-07-27 17:30 W-阿飞 阅读(30) 评论(0) 推荐(0) 编辑
  2024年7月25日
摘要: 现在大部分的中小型公司部署前端代码都是比较简单的,主要步骤如下: 首先,通过脚手架提供的命令npm run build打包前端代码,生成dist文件夹; 最后,将dist文件夹丢给后台开发人员放在他们的工程里面,随后台一起部署;现在普遍是前后端分开部署,因此,利用nginx起一个web服务器,将di 阅读全文
posted @ 2024-07-25 15:12 W-阿飞 阅读(10) 评论(0) 推荐(0) 编辑
  2024年7月18日
摘要: 在 Vue 3 中使用 @ 作为引用根目录(通常是 src 目录)报错,通常是因为配置未正确设置或者配置未被项目正确识别。 1.1. 排查和解决此类问题的步骤: 确认配置文件: 对于使用 Vite 的项目,需要在 vite.config.ts 文件中配置路径别名。确保你已经正确导入了 path 模块 阅读全文
posted @ 2024-07-18 11:50 W-阿飞 阅读(717) 评论(0) 推荐(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-阿飞 阅读(3) 评论(0) 推荐(0) 编辑
摘要: 浏览器的渲染流程是一个复杂的过程,涉及多个阶段和组件的协同工作。以下是浏览器渲染流程的主要步骤: 解析HTML:浏览器首先下载HTML文件,并使用HTML解析器将其转换为DOM树。这个过程是深度遍历的,只有当某个节点下所有子节点都遍历完成后,才会去解析下一个兄弟节点。 解析CSS:同时,浏览器识别并 阅读全文
posted @ 2024-06-24 23:31 W-阿飞 阅读(6) 评论(0) 推荐(0) 编辑