开启掘金成长之旅！这是我参与「掘金日新计划 · 2 月更文挑战」的第 19 天，点击查看活动详情 引言 今天我们一起来学习一下如何使用Scss精简一下我们平时开发的css代码。 什么是Scss SCSS 是 S...

Typescript+vite+sass手把手实现五子棋游戏（放置类） 下面有图片和gif可能没加载出来 上面有图片和gif可能没加载出来 导言 最近练习Typescript，觉得差不多了，就用这个项目练练手，使用Typesc...

CSS三角函数来了！好吧，如果您使用的是最新版本的 Firefox 和 Safari，那就是这样。CSS 中拥有这种数学能力开启了一大堆可能性。在本教程中，我们应该好好来感受一下几个新函数：sin()和cos()...

前言   最近参考了Element Plus风格样式，修改了Element内部样式源文件，并发布了自定义的暗黑主题包 element-theme-darkplus。   效果预览 ?戳这里。 背景   Vue版本经历了2到3的大迭代...

在开始之前，我想问大家一个问题，你们有吐槽过别人的代码吗？ 为什么会吐槽？我猜原因大概是他们的代码冗余且重复，难以维护和重构。 作为前端开发工程师，这样的代码只会出现在JS中吗？不，也...

⛳️前言 以往制定样式一直是用的css或者less，这次接触到的项目用的scss，然后就赶紧过来学一下！ ?css预处理器 css指层叠样式表 (Cascading Style Sheets)，是一门非程序式语言，没有变量、函...

这篇文章和大家分享两个设置table边框的方法，一种常用的，一种更灵活的。 方法一： 在table的标签上使用border属性就可以： <table border='1'></table> 效果是每个单元格cell都有...

sass的概念，作用，好处 Sass，全称为'Syntactically Awesome Stylesheets'，是一种强大的样式表预处理器，为前端开发人员提供了一种更优雅、更高效的方式来编写CSS。与传统的CSS相比，Sass引入...

前言 之前学css的时候，发现了两个css相关的东西sass,less，这俩玩意用起来是很方便的，毕竟里面可以自定义变量、方法之类的，可以让很多重复的东西封装起来共用一套代码。 但是我发现一个问题...