前端知识

js如何拦截全局Fetch的请求和响应

2024-10-29 23:10:20 563 482
本文讨论了如何从根路径转发方式迁移到前端直接请求新接口，重点介绍了FetchAPI的使用，包括GET和POST请求示例，以及如何全局拦截请求和响应，处理身份验证、错误等需求，同时强调了代码迁移中的注意事项和错误处理策略。

前端知识

vite中sass警告JS API过期

2024-10-29 23:10:07 610 733
本文解决在Vite创建的项目中引入Sass时，- 弹出The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0.警告，旧的 JavaScript API 已经被弃用- 通过Sass官网和Vite官网配置api为modern-compiler成功解决_the legacy js api is deprecated and will be removed in dart sass 2.0.0.

前端知识

第五章css盒博客

2024-10-29 23:10:51 282 498
5.1 盒模型的定义盒模型（Box Model）是Web开发中的一种概念，用于描述HTML元素如何在页面上占据空间。它将每个HTML元素看作是一个矩形盒子，并且定义了这个盒子由哪些部分组成，如何计算元素的总大小。盒模型包括以下四个区域：1. 内容区域（Content）： 显示元素的实际内容，如文本或图片。这是最内部的区域，定义了元素的宽度和高度。2. 内边距（Padding）： 内容区域与边框之间的空白区域。内边距会增加元素的整体尺寸，但它的背景颜色或图片可以扩展到内边距区域。

前端知识

【油猴脚本】00003案例 Tampermonkey油猴脚本引入css 库，油猴脚本css库的使用

2024-10-29 23:10:29 164 411
附具体代码，深入理解，彻底掌握！可以一键复制，查看效果。_油猴添加css

前端知识

CSS全解析

2024-10-29 23:10:12 982 104
CSS全解析_css

前端知识

scss概念及使用

2024-10-29 23:10:12 215 744
/ 样式规则使用参数在上面的例子中，@mixin 关键字定义了一个名为 mixin-name 的混合，可以接受多个参数（如果需要的话），并在其中定义一组样式规则。SCSS 的三种循环结构 @for、@each 和 @while 分别用于按照索引循环、遍历列表或 map 类型数据、以及根据条件循环生成样式。这些循环结构使得 SCSS 更加强大和灵活，能够根据需求生成复杂的 CSS 规则。在 SCSS 中，可以使用自定义函数来增强样式表的功能，这些函数可以接受参数并返回处理后的值。_scss

前端知识

【CSS】让文字垂直居中的方法

2024-10-29 23:10:11 796 720
推荐使用 Flexbox 或 CSS Grid 的方法，这两种方法不仅简单易用，而且兼容性好，适用于各种场景。方法也可以在简单的单行文本垂直居中效果中使用。如果你更加灵活地调整，你可能需要结合多个方法。通过这些方法，你可以确保文本在容器中垂直居中，并且在不同的设备和分辨率下都能保持良好的显示效果。_css文字垂直居中

前端知识

【CSS】深入探讨 CSS 的 `calc()` 函数

2024-10-29 23:10:43 289 117
calc是一个 CSS 函数，用于在样式表中进行数学计算，从而动态地设置 CSS 属性值。它允许开发者在指定长度、百分比、数值等时，进行加减乘除运算。过多的动态计算可能会使样式变得难以理解和调试。特别是在涉及布局的大量计算时，可能会对渲染性能产生影响。：虽然 CSS 的解析和计算速度非常快，但在复杂页面中频繁使用。，但在某些老旧浏览器中，可能会遇到兼容性问题。函数，我们可以实现更灵活和响应式的设计。前，建议检查目标用户的浏览器支持情况。时保持简洁明了，避免过度复杂的计算。的用法、易错点和一些常见争议点。_css calc

前端知识

2024 年 10 个很实用的 CSS 新特性，你不一定知道！

2024-10-29 23:10:43 687 515
CSS 既简单又复杂。刚开始学起来很容易，但 CSS 不断更新，设计方法也在变化，总有新的功能和特性出现来解决旧问题。这可真是个让人又爱又恨的家伙！最近几年，CSS 涌现出很多新特性，让网页设计变得更强大、更灵活。今天就来聊聊一些比较实用，并且已经得到广泛支持的新特性，帮助你提升网页设计的技能，做一个更牛的 web 设计师！aspect-ratio: 轻松控制元素比例aspect-ratio属性..._scrollbar-gutter

前端知识

CSS常见面试题

2024-10-29 23:10:42 617 270
CSS面试题涵盖了盒模型、选择器优先级、隐藏元素方法、单位差异、重绘与重排的概念、元素居中技巧及属性继承性等内容。盒模型包括标准模型（content-box）和IE模型（border-box）。选择器优先级依次为内联样式、!important、ID选择器等。隐藏元素常用display:none或visibility:hidden等方法。px是固定单位，rem是相对于根元素字体大小的单位。重绘仅涉及外观变化，重排则涉及尺寸或位置变化。元素居中可通过Flex、Grid布局或绝对定位实现。