2024年最新项目中sass管理(3)，项目总面试技巧

最新推荐文章于 2024-07-02 06:15:07 发布
最新推荐文章于 2024-07-02 06:15:07 发布
阅读量431 收藏 9
点赞数 4
分类专栏： 程序员 文章标签： 前端 面试 学习
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2301_82244509/article/details/138913487
版权

计算机网络

  • HTTP 缓存

  • 你知道 302 状态码是什么嘛？你平时浏览网页的过程中遇到过哪些 302 的场景？

  • HTTP 常用的请求方式，区别和用途？

  • HTTPS 是什么？具体流程

  • 三次握手和四次挥手

  • 你对 TCP 滑动窗口有了解嘛？

  • WebSocket与Ajax的区别

  • 了解 WebSocket 嘛？

  • HTTP 如何实现长连接？在什么时候会超时？

  • TCP 如何保证有效传输及拥塞控制原理。

  • TCP 协议怎么保证可靠的，UDP 为什么不可靠？

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

算法

  • 链表

  • 字符串

  • 数组问题

  • 二叉树

  • 排序算法

  • 二分查找

  • 动态规划

  • BFS

  • 栈

  • DFS

  • 回溯算法

3. Components文件夹

对于小型组件来说，有一个components/文件夹来存放。相对于layout/的宏观（定义全局线框结构），components/更专注于局部组件。该文件夹包含各类具体模块，基本上是所有的独立模块，比如一个滑块、一个加载块、一个部件……由于整个网站或应用程序主要由微型模块构成，components/中往往有大量文件。

_media.scss

_carousel.scss

_thumbnails.scss

components/文件夹也会被称为modules/, 具体使用情况取决于个人喜好。

4.Pages文件夹

如果页面有特定的样式，最好将该样式文件放进pages/文件夹并用页面名字。例如，主页通常具有独特的样式，因此可以在pages/下包含一个_home.scss以实现需求。

_home.scss

_contact.scss

取决于各自的开发流程，这些文件可以使用你自己的前缀命名，避免在最终样式表中与他人的样式表发生合并。一切完全取决于你。

5.Themes文件夹

在大型网站和应用程序中，往往有多种主题。虽有多种方式管理这些主题，但是我个人更喜欢把它们存放在themes/文件夹中。

_theme.scss

_admin.scss

这个文件夹与项目的具体实现有密切关系，并且在许多项目中是并不存在的。

6.Utils文件夹

utils/文件夹包含了整个项目中使用到的Sass辅助工具，这里存放着每一个全局变量、函数、混合宏和占位符。该文件夹的经验法则是，编译后这里不应该输出任何CSS，单纯的只是一些Sass辅助工具。

_variables.scss

_mixins.scss

_functions.scss

_placeholders.scss (通常命名为_helpers.scss)

utils/文件夹也会被称为helpers/,sass-helpers/或者sass-utils/，具体使用情况取决于个人喜好。

7.Vendors文件夹

最后但并非最终的是，大多数的项目都有一个vendors/文件夹，用来存放所有外部库和框架（Normalize, Bootstrap, jQueryUI, FancyCarouselSliderjQueryPowered……）的CSS文件。将这些文件放在同一个文件中是一个很好的说明方式:“嘿，这些不是我的代码，无关我的责任。”

_normalize.scss

_jquery-ui.scss

_select2.scss

如果你重写了任何库或框架的部分，建议设置第8个文件夹vendors-extensions/来存放，并使用相同的名字命名。

Main文件

主文件（通常写作main.scss）应该是整个代码库中唯一开头不用下划线命名的Sass文件。除 @import和注释外，该文件不应该包含任何其他代码。文件应该按照存在的位置顺序依次被引用进来：

vendors/

utils/

base/

layout/

components/

pages/

themes/

为了保持可读性，主文件应遵守如下准则：

  • 每个 @import引用一个文件；

  • 从相同文件夹中引入的文件之间不用空行；

  • 从不同文件夹中引入的文件之间用空行分隔；

  • 忽略文件扩展名和下划线前缀。

@import ‘vendors/bootstrap’;

@import ‘vendors/jquery-ui’;

@import ‘utils/variables’;

@import ‘utils/functions’;

@import ‘utils/mixins’;

@import ‘utils/placeholders’;

@import ‘base/reset’;

@import ‘base/typography’;

@import ‘layout/navigation’;

@import ‘layout/grid’;

@import ‘layout/header’;

@import ‘layout/footer’;

@import ‘layout/sidebar’;

@import ‘layout/forms’;

@import ‘components/buttons’;

@import ‘components/carousel’;

@import ‘components/cover’;

@import ‘components/dropdown’;

@import ‘pages/home’;

@import ‘pages/contact’;

@import ‘themes/theme’;

@import ‘themes/admin’;

这里还有另一种引入的有效方式。令人高兴的是，它使文件更具有可读性；令人沮丧的是，更新时会有些麻烦。不管怎么说，由你决定哪一个最好，这没有任何问题。 对于这种方式，主要文件应遵守如下准则：

  • 每个文件夹只使用一个@import

  • 每个@import之后都断行

  • 每个文件占一行

  • 新的文件跟在最后的文件夹后面

  • 文件扩展名都可以省略@import

‘vendors/bootstrap’,

‘vendors/jquery-ui’;

@import

‘utils/variables’,

‘utils/functions’,

‘utils/mixins’,

‘utils/placeholders’;

@import

‘base/reset’,

‘base/typography’;

@import

‘layout/navigation’,

‘layout/grid’,

‘layout/header’,

‘layout/footer’,

‘layout/sidebar’,

‘layout/forms’;

@import

算法

  1. 冒泡排序

  2. 选择排序

  3. 快速排序

  4. 二叉树查找: 最大值、最小值、固定值

  5. 二叉树遍历

  6. 二叉树的最大深度

  7. 给予链表中的任一节点，把它删除掉

  8. 链表倒叙

  9. 如何判断一个单链表有环

由于篇幅限制小编，pdf文档的详解资料太全面，细节内容实在太多啦，所以只把部分知识点截图出来粗略的介绍，每个小节点里面都有更细化的内容！

如果你觉得对你有帮助，可以戳这里获取：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

查找: 最大值、最小值、固定值

  1. 二叉树遍历

  2. 二叉树的最大深度

  3. 给予链表中的任一节点，把它删除掉

  4. 链表倒叙

  5. 如何判断一个单链表有环

    [外链图片转存中…(img-09Tfau27-1715761673357)]

由于篇幅限制小编，pdf文档的详解资料太全面，细节内容实在太多啦，所以只把部分知识点截图出来粗略的介绍，每个小节点里面都有更细化的内容！

如果你觉得对你有帮助，可以戳这里获取：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

2301_82244509
关注
专栏目录
SASS的知识体系构建
qq_35897953的博客
08-22 306
虽然已经在多个项目中使用过sass,但在研究element sass搭建UI框架的源码中，发现很多自己没用过的高级用法，借着这次总结对sass的知识体系进行详细的梳理。 Sass 是一款强化 CSS 的辅助工具，它在 CSS 语法的基础上增加了变量 (variables)、嵌套 (nested rules)、混合 (mixins)、导入 (inline imports) 等高级功能，这些拓展令 CSS 更加强大与优雅。使用 Sass 以及 Sass 的样式库（如 Compass）有助于更好地组织管理.
2024年Sass教程，前端开发岗位要求
2401_84437604的博客
05-04 608
javascript是前端必要掌握的真正算得上是编程语言的语言，学会灵活运用javascript，将对以后学习工作有非常大的帮助。掌握它最重要的首先是学习好基础知识，而后通过不断的实战来提升我们的编程技巧和逻辑思维。这一块学习是持续的，直到我们真正掌握它并且能够灵活运用它。如果最开始学习一两遍之后，发现暂时没有提升的空间，我们可以暂时放一放。继续下面的学习，javascript贯穿我们前端工作中，在之后的学习实现里也会遇到和锻炼到。真正学习起来并不难理解，关键是灵活运用。
管理Sass项目文件结构
chuzhilin8720的博客
03-19 173
本文由大漠根据Hugo Giraudel的《Architecture for a Sass Project》所译，整个译文带有我们自己的理解与思想，如果译得不好或有不对之处还请同行朋友指点。如需转载此译文，需注明英文出处：http://www.sitepoint.com/architec...
架构sass文件
03-10 89
sass/ | |– base/ | |– _reset.scss # Reset/normalize | |– _typography.scss # Typography rules | ... # Etc… | |– components/ | |– _buttons.scss # Butto...
SASS框架
sunshi_ne的博客
06-15 980
SASS是一种CSS的开发工具，提供了许多便利的写法，大大节省了设计者的时间，使得CSS的开发，变得简单和可维护。它和LESS很相似。          Sass 扩展了 CSS3，增加了规则、变量、混入、选择器、继承等等特性。Sass 生成良好格式化的 CSS 代码，易于组织和维护。SASS是对CSS3（层叠样式表）的语法的一种扩充，它可以使用巢状、混入、选择子继承等功能，可以更有效有弹性的写
Sass预处理器
归兮的博客
07-23 710
Sass预处理器，Vs Code中安装Sass插件
前端面试题
热门推荐
qq_41887655的博客
08-08 2万+
前端面试题汇总 一、HTML和CSS 21 你做的页面在哪些流览器测试过？这些浏览器的内核分别是什么? 21 每个HTML文件里开头都有个很重要的东西，Doctype，知道这是干什么的吗？ 21 Quirks模式是什么？它和Standards模式有什么区别 21 div+css的布局较table布局有什么优点？ 22 img的alt与title有何异同？ strong与em的异同？ 22 你能...
vue的服务端渲染
2401_84152797的博客
04-20 871
正值金三银四招聘旺季，很多小伙伴都询问我有没有前端方面的面试题，特地整理出来赠送给大家！资料领取方式：点击这里前往免费获取ate，mutations，getters，actions即可注意：也是直接用的，不需要去配置什么，详情看下面教程在store目录下建立index.js//因为是具名导出，所以state必须是state，mutations必须是…count: 0})在store目录下建立users.jslist: []})},
sass框架简介
10-12
Sass又名SCSS，是CSS预处理器之一，它能让你更好更轻松的工作。Sass官网是这样描述Sass 的：Sass是一门高于CSS的元语言，能用来清晰的、结构化地描述文件样式，能提供更简洁优雅 的语法，提供多种功能来创建可维护和管理的样式表
saas系统架构经验总结
weixin_30565327的博客
10-14 3200
2B Saas系统最近几年都很火。很多创业公司都在尝试创建企业级别的应用cRM, HR,销售, Desk Saas系统。很多Saas创业公司也拿了大额风投。毕竟Saas相对传统软件的优势非常明显。 最近一年，有幸架构一个Crm saas 系统，上线了几个月来，各方面都比满意。整个系统创建过程，踩了很多坑，收获也比较多。总结一下Saas系统架构一些特点： 1.分层设计 ...
SAAS架构设计模式SAAS架构设计模式
06-04
SAAS架构设计模式SAAS架构设计模式SAAS架构设计模式
sass(css) 分层构架
好好编程的博客
06-25 2002
概览 我所使用的sass架构参考自这篇文章Architecture for a Sass Project，并根据我自身对sass的理解做了一些调整。 sass整体目录分层结构如下所示： /sass | |-- /vendors | |-- /helpers | | | |-- _functions.scss | | | |-- /mixins | | |-- _b...
快速入门Sass：Sass中的体系结构
culi3182的博客
08-15 1993
sass快速入门 The following is a short extract from our recent book, Jump Start Sass, available for free to SitePoint Premium members. Print copies are sold in stores worldwide, or you can order them her...
Sass让你的网站样式架构事半功倍(css预处理)
leleshuo
09-11 330
Sass是一个将脚本解析成CSS的脚本语言，即SassScript。
SaaS架构设计
攀登Fox的博客
07-14 1128
目录1、是什么2、优缺点3、成熟度模型3.1、成熟度级别3.1、成熟度演进方向3.1.1、多租户3.1.2、高性能3.1.3、可配置3.1.4、伸缩性 1、是什么 SaaS：就是软件即服务（Softwire as a Service），核心是将软件产品服务化，客户无需自建IT基础设施，通过按需购买，即可享受到软件产品及后续维护服务。 2、优缺点 优点：拿来即用，无需维护；按需购买，降低成本；随处可用； 缺点：客户数据安全性、敏感性问题； 3、成熟度模型 3.1、成熟度级别 成熟度 可配置 高性能 伸
vue 看sass版本_看看不同的Sass架构
culi3182的博客
08-13 4944
vue 看sass版本As the size and complexity of a project grows, you require some sort of logic to structure your Sass files. It helps to follow some agreed upon guidelines for creating files and folders whe...
SaaS 架构实现理论（二）多租户/高性能多租户
qq_43185059的博客
11-13 2833
SaaS架构实现原理（二）多租户/高性能多租户
SaaS架构详解
Rainbow的博客
07-02 1028
用户不用再购买软件，而改用向提供商租用基于Web-base的软件，来管理企业经营活动，且无需对软件进行维护，服务提供商会全权管理和维护软件，软件厂商在向客户提供互联网应用的同时，也提供软件的离线操作和本地数据存储，让用户随时随地都可以使用其定购的软件和服务。它是一种通过Internet提供软件的模式，厂商将应用软件统一部署在自己的服务器上，客户可以根据自己实际需求，通过互联网向厂商定购所需的应用软件服务，按定购的服务多少和时间长短向厂商支付费用，并通过互联网获得厂商提供的服务。
vite项目中sass silenceDeprecations
最新发布
09-28
在Vite项目中，`silenceDeprecations`是一个选项用于处理Sass的警告。Sass是一种CSS预处理器，它会在某些语法或特性即将过期时发出警告（deprecations）。当你在项目中使用Sass并启用这个选项时，它会阻止这些默认的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值