介绍2022年6款有意思的css tools，在有意思的同时可以节省前端开发效率，一些工具可以让运营或产品直接使用。赋能产品，解放前端生产力

BFC是准面试题，这篇文章做了简洁、深入阐述，帮助快速复习、加深记忆。BFC(Block formatting context)，块级格式化上下文。它是 CSS 中一种强大的布局概念，它提供了一种隔离

本文是阅读 CSS 标准文档的笔记，也是对 CSS 字体相关知识的一个梳理。 CSS 1 定义的字体属性包括：font-family、font-style、font-variant、font-weight、font-size和font。其算法要求 UA(User Agent，用…

我们平常实现的垂直居中不是真正的垂直居中？何出此言！很多时候，往往自己明明正确的实现了垂直居中，但是 UI/UX 依旧说你的垂直居中有问题，然后自己仔细一看确实好像在视觉效果上存在一些偏差，但是仔细看自己实现的垂直居中代码却丝毫没有问题。今天我们就探讨一下这个有趣问题的由来、解…

最近花时间弄了一个动态配置小程序页面的功能主要分配置端和渲染端（参考萤火商城后台配置小程序）设计思路1.先设计出页面有哪些展示类组件2.设计组件样式3.抽取能够动态变化的配置参数4.开发页面组件把每个

对于SaaS平台而言，因为需要一套平台面向不同客户，所以会有不同主题切换的需求。本篇主要探讨如何在Vue项目中实现该类需求。 方案一， 定义theme参数，通过prop下发，子组件根据theme来动态绑定style的方式实现。具体可以参考：非常规 - VUE 实现特定场景的主题…

如今前端工程师的技术要求越来越高，会使用常见的API已经不能满足现如今前端日益快速发展的脚步。现在中大厂基本都会要求面试者手写前端常见API的原理，以此来证明你对该知识点的理解程度。接下来，我将列举我面试时以及自认为比较重要的CSS部分、JS部分常见手写原理题！ 如今Flex布…

这样整个网页在设备内显示时的页面宽度就会等于设备逻辑像素大小，也就是device-width。 在scale为1的情况下，device-width = 设备的物理分辨率/devicePixelRatio 。