2024年10月03日
sass定义了很多函数可供使用,当然你也可以自己定义函数,以@fuction开始。
sass的官方函数链接为:
sass fuction,实际项目中我们使用最多的应该是颜色函数,
而颜色函数中又以lighten减淡和darken加深为最,
其调用方法为lighten($color,$amount)和darken($color,$amount),
它们的第一个参数都是颜色值,第二个参数都是百分比。
2024年10月03日
一、vs code 的常用快捷键
1、注释:
a) 单行注释:[ctrl+k,ctrl+c] 或 ctrl+/
b) 取消单行注释:[ctrl+k,ctrl+u] (按下ctrl不放,再按k + u)
c) 多行注释:[alt+shift+A]
d) 多行注释:/**
2024年10月03日
text-overflow基本知识请看上篇文章的博客链接:text-overflow: ellipsis;什么时候可能不生效?https://dwz.cn/7w9DujpK
怨念。。。
不让我插入外链接。。。
直接贴进来,好丑。。。
单行文字我们为了能够截断文字,使用了强制文本在一行显示的nowrap.
2024年10月03日
由于可以使用多个扩展插件,VS Code被认为是最好的编辑器之一。出于这个原因,在这篇文章中,我们将讨论一些很棒的 VS Code 扩展,它们可以帮助您提高生产力:
自动重命名标签, 帮助你自动重命名成对的HTML / XML标签。
Better Comments:这个扩展将帮助你在你的代码中创建很棒的注释。使用此扩展程序,您将能够对您的注释进行分类,例如警报、查询、待办事项和突出显示。
Bookmarks:此扩展可帮助您在代码中导航,轻松快速地在重要位置之间移动。书签提供了一些功能,如:
2024年10月03日
可能很多同学还不知道 Farm , 先给大家介绍一下, Farm 是一个基于 Rust 的 Web 构建工具, 类似 webpack 和 vite,但更快。 Farm 用 resolve, load, transform 把所有的 asset (js/jsx/ts/tsx、css/sass/less、html、静态资源、json 等),并将它们打包成一系列可部署文件。 Farm 作为一个速度极快的构建工具,可帮助您更快的构建出 web / nodejs 应用程序。
2024年10月03日
Sass 支持标准的 CSS 多行注释 /* */,以及单行注释 //,前者会被完整输出到编译后的 CSS 文件中,而后者则不会。
1. 嵌套规则
2024年10月03日
又到了一年一度的“金三银四的季节了”。不过恐怕大家都有感觉,当下,正面临着近几年来的最严重的互联网寒冬,因此今天的“金三银四”肯定又是一场更为惨烈的江湖厮杀。
为了提升在厮杀中的“生存率”,让我们从面经开始如果吧。这将是一个长篇系列。这篇文章让我们先从CSS开始。
1. 盒模型
页面渲染时,dom 元素所采用的 布局模型。可通过box-sizing进行设置。根据计算宽高的区域可分为:
2024年10月03日
Sass 拓展了 @import 的功能,允许其导入 Sass 文件。被导入的文件将合并编译到同一个 CSS 文件中,另外,被导入的文件中所包含的变量或者混合指令都可以在导入的文件中使用。
// 不指定拓展名或指定拓展名为.scss 或 .sass,
// 则 Sass 将会试着寻找文件并导入
@import "style";
@import "style.scss";
// 同时导入多个文件
@import "rounded-corners", "text-shadow";