![[发呆]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_4.28b310a.png)
![[绝望的凝视]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_69.cabd864.png)
![[皱眉]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_71.e8c2090.png)
奔跑吧铁蛋
18线小前端
|
一家不知名的小公司
获得徽章 7
- #每天一个知识点# day32
CSS预处理器（如SCSS）具有以下优点：
1、变量和计算：预处理器允许使用变量来存储颜色、字体、尺寸等属性，以及进行数学计算。这样可以提高代码的重用性和可维护性。
2、嵌套规则：预处理器支持嵌套CSS规则，使得编写层次结构清晰的代码更加容易。通过嵌套，可以减少选择器的重复书写，提高代码的可读性。
3、混合（Mixins）：混合是一种可以将一组CSS属性集合封装起来并在需要时重复使用的功能。它类似于函数或模板，可以减少重复的代码片段，并且方便修改和维护。
4、导入和模块化：预处理器允许将CSS代码分割成多个文件，并通过导入机制引入到主文件中。这样可以实现模块化开发，使得代码更加可维护、易扩展，并且可以减少页面加载时间。
5、自动前缀：预处理器通常提供自动添加CSS前缀的功能，以确保样式在不同浏览器中的兼容性。这样可以节省手动添加前缀的时间和精力。
6、代码压缩和优化：预处理器可以通过去除空格、注释和不必要的代码，以及合并和压缩样式表来优化生成的CSS代码。这可以减少文件大小，加快页面加载速度展开等人赞过 评论5 - #每天一个知识点# day31
Less、Sass和SCSS都是CSS预处理器，它们扩展了CSS的功能。它们提供了额外的特性，如变量、嵌套、混合以及函数，使得CSS代码更易于维护和重用。
它们之间的主要区别如下：
1、语法：Less的语法与Sass和SCSS不同。Less使用缩进和大括号来定义嵌套块，而Sass和SCSS使用嵌套选择器和传统CSS语法的大括号。
2、文件扩展名：Less文件的扩展名是.less，而Sass文件可以使用.sass或.scss。.sass语法更为简洁，不需要大括号和分号，而.scss类似于标准CSS语法。
3、编译器兼容性：Less有自己的JavaScript编译器，可以在浏览器或服务器上执行。Sass和SCSS使用同一个名为"Sass"的编译器，需要单独安装，并可从命令行运行或集成到构建系统中。
4、社区和普及度：Sass比Less和SCSS存在更长时间，并且具有更大的社区和更广泛的应用。然而，由于SCSS（Sass的新语法）类似于CSS，并且对于已经熟悉CSS的开发人员更容易迁移，因此SCSS正在逐渐流行起来。展开等人赞过 评论5 - #每天一个知识点# day30
Axios在Vue中被广泛使用，其强大之处包括以下几个方面：
1、简洁易用：Axios提供了一个简单一致的API，使得发送HTTP请求变得非常简单和直观。它支持Promise API，可以通过链式调用来处理请求和响应。
2、跨浏览器兼容性：Axios是基于XMLHttpRequest或者浏览器自带的fetch API实现的，因此它具有良好的跨浏览器兼容性，可以在主流的现代浏览器中运行。
3、功能丰富：Axios提供了许多强大的功能，例如请求和响应拦截器、自动转换请求和响应数据格式（如JSON）、取消请求、并发请求管理等。这些功能使得在处理复杂的网络请求场景时更加便捷和灵活。
4、错误处理：Axios具有完善的错误处理机制，可以捕获请求过程中可能发生的各种错误，并提供友好的错误信息。你可以轻松地处理请求超时、网络错误、服务器错误等情况。
5、扩展性：Axios提供了一种可扩展的方式来自定义和扩展其功能。你可以通过添加请求和响应拦截器来在请求发出前或响应返回后执行额外的逻辑，以满足特定的需求。展开赞过 评论2 - #每天一个知识点# day29
Vue 3 中的生命周期方法：
1、beforeCreate：在实例被创建之前调用，此时组件的数据观测和事件配置尚未完成。
2、created：在实例创建完成后立即调用，此时已经完成了数据观测和事件配置，但尚未挂载到 DOM 上。
3、beforeMount：在组件挂载之前调用，此时模板编译已完成，但尚未将生成的 DOM 替换为组件实例。
4、mounted：在组件挂载到 DOM 后调用，此时组件已经被渲染并放置到页面中。
5、beforeUpdate：在数据更新之前调用，发生在虚拟 DOM 重新渲染和打补丁之前。
6、updated：在数据更新之后调用，发生在虚拟 DOM 重新渲染和打补丁之后。
7、beforeUnmount：在卸载之前调用，用于清理定时器、取消订阅等操作。
8、unmounted：在组件卸载之后调用，此时组件实例已被销毁，不再使用。
9、onRenderTracked：在渲染跟踪期间调用，用于追踪组件的渲染依赖。
10、onRenderTriggered：在渲染触发期间调用，用于追踪组件的渲染触发。展开赞过 评论3
![[不失礼貌的微笑]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_16.9d17f6d.png)