四时宝库

程序员的知识宝库

使用最快的 Rust web 框架 Farm 迁移最火的 Vue3 后台管理系统

Farm 介绍

可能很多同学还不知道 Farm , 先给大家介绍一下, Farm 是一个基于 Rust 的 Web 构建工具, 类似 webpack 和 vite,但更快。 Farm 用 resolve, load, transform 把所有的 asset (js/jsx/ts/tsx、css/sass/less、html、静态资源、json 等),并将它们打包成一系列可部署文件。 Farm 作为一个速度极快的构建工具,可帮助您更快的构建出 web / nodejs 应用程序。

HTML/CSS 备忘录 - 17. Sass 基本语法

一、注释

Sass 支持标准的 CSS 多行注释 /* */,以及单行注释 //,前者会被完整输出到编译后的 CSS 文件中,而后者则不会。

二、CSS 功能拓展

1. 嵌套规则

决战“金三银四”,中高级Web前端大厂面试秘籍:CSS篇

前言

又到了一年一度的“金三银四的季节了”。不过恐怕大家都有感觉,当下,正面临着近几年来的最严重的互联网寒冬,因此今天的“金三银四”肯定又是一场更为惨烈的江湖厮杀。

为了提升在厮杀中的“生存率”,让我们从面经开始如果吧。这将是一个长篇系列。这篇文章让我们先从CSS开始。

CSS

1. 盒模型

页面渲染时,dom 元素所采用的 布局模型。可通过box-sizing进行设置。根据计算宽高的区域可分为:

HTML/CSS 备忘录 - 18. Sass 常用指令

一、@import 导入

Sass 拓展了 @import 的功能,允许其导入 Sass 文件。被导入的文件将合并编译到同一个 CSS 文件中,另外,被导入的文件中所包含的变量或者混合指令都可以在导入的文件中使用。

// 不指定拓展名或指定拓展名为.scss 或 .sass,
// 则 Sass 将会试着寻找文件并导入
@import "style";
@import "style.scss";

// 同时导入多个文件
@import "rounded-corners", "text-shadow";

带你快速扫盲并掌握 React 生态中的 Next.js

Next.js 通常被视为 React 的扩展,但它不仅仅是一个构建 React 应用的框架,还带来了更多功能。本文深入探讨了 Next.js 与 React.js 的内部运作差异,突出了其独特的功能和优势。

从Tailwind CSS回归SASS:一个前端团队的技术选型反思

在前端开发领域,技术选型往往会对项目的成败产生深远影响。最近,我们团队在开发一个基于React的实时聊天应用时,经历了从采用Tailwind CSS到最终回归SASS和CSS Modules的曲折过程。这段经历不仅让我们深刻认识到了技术选型的重要性,也为其他开发者提供了宝贵的经验教训。

HTML/CSS 备忘录 - 16. Sass 介绍与安装

一、简介

Sass 是一款强化 CSS 的辅助工具,它在 CSS 语法的基础上增加了变量、嵌套、混合、导入等高级功能,这些拓展令 CSS 更加强大与优雅。

官网:https://www.sass.hk/

Sass 有两种语法格式:

react移动端架构TS,react+react_vant+vite+axios+redux+sass+ts

react:https://react.nodejs.cn/reference/react/hooks

vant:

sass 导入@import详解(sas 导入数据)

@import

Sass 拓展了 @import 的功能,允许其导入 SCSS 或 Sass 文件。被导入的文件将合并编译到同一个 CSS 文件中,另外,被导入的文件中所包含的变量或者混合指令 (mixin) 都可以在导入的文件中使用。

sass文件命名,sass注释,sass(@import)

sass文件后缀名有两种:
1、后缀名为sass,不适用用大括号和分号;
2、后缀名为scss,这种文件跟css文件使用类似,使用大括号和分号;
(建议使用后缀名为scss的文件,以避免sass后缀名的严格格式要求报错。)
<< < 1 2 3 4 5 > >>
控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言
    友情链接