-
Vue 中的 插槽(slot)? 它有什么作用?
sot(插槽)是 Vue 中的一个重要功能,它允许我们向组件传递模板内容。主要有以下几个要点:一、基本概念插槽是组件内的一个占位符,让我们可以向组件内部插入内容。父组件可以在使用子组件时,在子组件标签内传入内容,这些内容会被渲染到子组件内部的slot 标签位置。...
08月10日[编码文章]浏览:17
-
每个前端工程师须知的20个现代CSS规则
CSS的发展早已超越了单纯设置颜色和边距的范畴。如今的现代CSS赋予开发者构建布局的能力——这些布局在过去必须依赖JavaScript或复杂的变通方案才能实现。随着容器查询、滚动吸附、层叠上下文以及新型响应式单位的兴起,我们现在拥有了原生工具来打造动态化、无障碍且高性能的用户界面。但这里存在一个挑战...
08月10日[编码文章]浏览:16
-
用CSS 实现元素垂直居中,有哪些好的方案?
水平居中方案:水平居中设置1、行内元素设置 text-align:center2、定宽块状元素设置 左右 margin 值为 auto3、不定宽块状元素a:在元素外加入 table 标签(完整的,包括 table、tbody、tr、td),该元素写在 td 内,然后设置 margin 的值为 aut...
08月10日[编码文章]浏览:17
-
有利于SEO的DIV+CSS的命名规则(css id命名规则)
搜索引擎优化(seo 有很多工作要做,其中对代码的优化是一个很关键的步骤。为了更加符合SEO的规范,下面是目前流行的CSS+DIV的命名规则:页头:header登录条:loginBar标志:logo侧栏:sideBar广告:banner导航:nav子导航:subNav菜单:menu子菜单:subMe...
08月10日[编码文章]浏览:17
-
flex布局在css中的使用,一看就会!
1.认识 flex 布局我们在写前端页面的时候可能会遇到这样的问题:同样的一个页面在 1920x1080 的大屏幕中显示正常,但是在 1366x768 的小屏幕中却显示的非常凌乱。...
08月10日[编码文章]浏览:17
-
CSS 元素分类与水平居中(css水平居中的几种方法)
元素分类在讲解CSS布局之前,我们需要提前知道一些知识,在CSS中,html中的标签元素大体被分为三种不同的类型:块状元素、内联元素(又叫行内元素 和内联块状元素。常用的内联元素有:<a>、<span>、<br/>、<sub>、<sup>、...
08月10日[编码文章]浏览:14
-
CSS实现常见元素水平、垂直居中(使用css实现垂直水平居中)
本文简单介绍如何通过CSS实现常见元素的水平、垂直居中。水平居中行内元素这种情况最简单,只需要将行内元素包括在一个display属性为block的父元素中,并且设置父元素text-align为居中即可...
08月10日[编码文章]浏览:13
-
-
CSS :has()伪类:2025年最值得掌握的前端黑科技
从"不可能"到"真香":CSS终于能选择父元素了当Chrome 105版本正式支持:has( 伪类的那一刻,前端开发者社群沸腾了——这个被戏称为"CSS之父选择器"的功能,终于让样式表拥有了逆向选择的能力。截至2025年,全球92%的浏览器已全面支持这...
08月10日[编码文章]浏览:17
-
