Farm 介绍
可能很多同学还不知道 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日
可能很多同学还不知道 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";
2024年10月03日
Next.js 通常被视为 React 的扩展,但它不仅仅是一个构建 React 应用的框架,还带来了更多功能。本文深入探讨了 Next.js 与 React.js 的内部运作差异,突出了其独特的功能和优势。
2024年10月03日
在前端开发领域,技术选型往往会对项目的成败产生深远影响。最近,我们团队在开发一个基于React的实时聊天应用时,经历了从采用Tailwind CSS到最终回归SASS和CSS Modules的曲折过程。这段经历不仅让我们深刻认识到了技术选型的重要性,也为其他开发者提供了宝贵的经验教训。
2024年10月03日
Sass 是一款强化 CSS 的辅助工具,它在 CSS 语法的基础上增加了变量、嵌套、混合、导入等高级功能,这些拓展令 CSS 更加强大与优雅。
官网:https://www.sass.hk/
Sass 有两种语法格式:
2024年07月26日
react:https://react.nodejs.cn/reference/react/hooks
vant:
2024年07月26日
Sass 拓展了 @import 的功能,允许其导入 SCSS 或 Sass 文件。被导入的文件将合并编译到同一个 CSS 文件中,另外,被导入的文件中所包含的变量或者混合指令 (mixin) 都可以在导入的文件中使用。
2024年07月26日
sass文件后缀名有两种:
1、后缀名为sass,不适用用大括号和分号;
2、后缀名为scss,这种文件跟css文件使用类似,使用大括号和分号;
(建议使用后缀名为scss的文件,以避免sass后缀名的严格格式要求报错。)