2023-06-04 1229 阅读 值得一看 🔍️ ✨ CSS新魔法color()已经被所有主流引擎支持 背景6月google发了新的博客：关于color()已经被所有主流的引擎支持。下面是文章链接:NewCSScolorspacesandfunctionsinallmajorengines下面的例子可以看到支持的色彩空间.valid-css-color-function-colors{--srgb:c
2023-06-03 1261 阅读 实用干货 🌋 ☝ CSS hover效果的逆向思维 CSS的hover效果是一种常用的前端技术，通过为元素添加鼠标悬停状态下的样式，可以增强网页的交互性和用户体验。通常我们会使用:hover伪类来实现这个效果，但在某些情况下，我们也可以使用逆向思维来实现更加复杂和创新的hover效果。使用opacity属性opacity属性控制元素的不透明度，其取值
2023-06-02 1222 阅读 值得一看 🔍️ 🌵 现代前端框架的渲染模式 这十年，前端渲染方式一直在演进，我觉得大概可以分为以下三个阶段：传统SSR:那时候前端还没有分离，在JSP、ASP、RubyonRails、Django这些MVC框架下，通过模板来渲染页面。jQuery是这个阶段的主角前后端分离：从Node.js发布，到目前为止，是前端发展最迅速的10年。前后端分离
2023-05-30 1162 阅读 值得一看 🔍️ 🏝 面试官：生产环境构建时为什么要提取css文件？ 前言面试官:webpack生产环境构建时为什么要将css文件提取成单独的文件？我：基于性能考虑，如可以进行缓存控制面试官：还有吗？我：基于可读性考虑，独立的css文件更方便代码的阅读与调试面试官：那你有了解过css是怎么提取成单独文件的吗？我：嗯…?看完本篇之后，希望小伙伴面试的时候碰到这个问题时你
2023-05-26 1232 阅读 实用干货 🌋 🌟 PostCSS 入门教程 PostCSS是什么？PostCSS是专门用于处理CSS代码的工具，通过一系列的插件来修改最终样式，这样不仅可以让我们使用最新的CSS特性，提高开发效率，还可以转义CSS，实现兼容大多数浏览器。它相当于CSS界的Babel。为什么使用PostCSS例如，我们可以利用autofixer插件，把一些新的
2023-05-22 1235 阅读 值得一看 🔍️ 🌱 2023还不知道原子化样式你就out了 原子化定义原子化的样式是一种将样式属性拆分为小的、独立的类的设计方法。在原子化样式中，每个类对应一个具体的样式属性，如颜色、字体大小、边距、宽度等。与传统的CSS样式表相比，原子化的样式更加细粒度、离散化。通过将样式属性拆分为单独的类，并根据需要组合这些类，可以快速创建各种样式组合，从而实现高度可重
条件编译这些有时候处理不了 
比如地图选择方案差别就很大 这些跟项目也有很大关系 
需要看情况而定 最好是能一直在一个分支 不到万不得已最好不要这么做 
