桐生战兔——-CSDN博客

原创轻松实现响应式布局

我们可以使用flex - direction属性来定义主轴方向（水平或垂直），使用justify - content属性来控制项目在主轴上的对齐方式，使用align - items属性来控制项目在交叉轴上的对齐方式。而在小屏幕设备上，grid - template - columns被修改为1fr，所有元素变为单列布局，依次堆叠，确保在小屏幕上也能清晰展示内容。当屏幕宽度小于 600 像素时，每个链接会变为单独一行，占据整个屏幕宽度，且文本居中显示，大大提升了小屏幕设备上的用户体验。

2025-03-20 13:55:53 1704

原创轻松实现WebRTC音视频通话

WebRTC（Web Real-Time Communication）是一项实时通信技术，它允许 Web 浏览器之间进行实时的音频、视频和数据传输，无需安装任何插件。这项技术为 Web 应用开发者提供了强大的工具，使得在网页上实现视频通话、屏幕共享、文件传输等实时交互功能变得轻而易举，极大地拓展了 Web 应用的功能边界。

2025-03-18 11:50:42 2260 1

原创 Vue3中比较常见的几个指令

作用：根据条件显示或隐藏元素，与v-if不同的是，v-show只是通过CSS的display属性来控制元素的显示与隐藏，而v-if是真正地添加或移除元素。作用：用于根据条件动态渲染元素，v-if是条件判断的起始指令，v-else-if用于多个条件的中间判断，v-else用于没有满足前面条件时的渲染。这些指令是 Vue 3 中比较常用的，它们能帮助你在开发过程中更高效地处理数据绑定、事件处理、条件渲染、列表渲染等常见任务。作用：用于在表单元素上创建双向数据绑定，使得表单元素的值与Vue实例中的数据保持同步。

2025-02-14 18:13:23 360