罗米笔记

由于不同浏览器对 Web 标准的支持度各有不同，所以在使用较新的语法或特性时，我们通常使用特性查询，即 `@supports` 来应用支持或不支持某个属性-值对的样式。

级联层提供了一种结构化的方式来组织和平衡单个源中的关注点。单个级联层内的规则级联在一起，而不与层外的样式规则交错。

媒体查询可以让我们根据设备显示器的特性（如视口宽度、屏幕比例、设备方向：横向或纵向）为其应用特定的 CSS 样式，媒体查询由媒体类型和一个或多个检测媒体特性的条件表达式组成。

容器查询 即 `@container` 规则，它可以使你能够根据元素容器不同的大小尺寸，对其内部元素进行特定样式的设置和布局。完美解决了组件根据父容器尺寸进行不同的适配和布局的需求。

本篇以 Vue3 的 Todo List 组件在 .vue / .tsx 单文件中的开发, 从 `选项式API` 到 `组合式API` 逐一分析，并对 Vue3 template / JSX 进行分析

前端学习 Nginx 入门篇，主要梳理讲解了 Nginx 安装、常用命令行指令，以及主要对Nginx 配置文件详细介绍。

CSS 社区模块化方案 `OOCSS`、`BEM`、`SMACSS`、`ITCSS`、`CSS Modules` 、`CSS-In-JS` 以及 `CSS 原生作用域@scope`。

在做前端开源推荐系列也写了好几篇文章了，里面整理了很多关于工作中实用的类库，我个人认为还是有用的，针对不同的框架，需要再去找特定的或者别人封装好的，或者自己可以进行再次封装都可以，这里只是提供一种思路

首先，我们从零开始搭建一个vue项目，以vue-cli3 来搭建。 修改之后，运行项目我们会发现报错了，那是因为目录结构改了，还有就是packges这个文件夹是我们新增的，webpack无法获取编译，我们需要在webpack里加上。 我们会新建一个vue.config.js的配…