文章正文第一句：本文已参与掘金创作者训练营第三期「高产更文」赛道，详情查看：掘力计划｜创作者训练营第三期正在进行，「写」出个人影响力。 是什么 网页的一个页面占据一屏的宽高，多个页面上下或者左右拼接在

前端主题切换方案 现在我们经常可以看到一些网站会有类似暗黑模式/白天模式的主题切换功能，效果也是十分炫酷，在平时的开发场景中也有越来越多这样的需求，这里大致罗列一些常见的主题切换方案并分析其优劣，大家

获取屏幕缩放比例 获取分辨率 屏幕分辨率的高：屏幕可用工作区高度：window.screen.availHeight; 屏幕可用工作区宽度：window.screen.availWidt

缩放组件是做大屏项目首先要解决的一个点，但是网上的相关文章总有一些没说明详细的地方，本文对其中的一些坑做了系统的总结。

本文将介绍一种配合 SVG 滤镜实现各种不规则图形添加边框的小技巧。 在我们日常开发中，时长会遇到一些非矩形、非圆形的图案。类似下面这些： 使用纯 CSS，搭配一些技巧，是可以制作出上面的图形的，当然这只是需求的第一步。 紧接着，可能会有要给上述图形添加边框的诉求，这个时候，C…

大家好，这里是CSS魔法使——alphardex。 切图仔，是大多数前端用来自嘲的称呼。相信很多人平时写页面的时候，大部分时间是在切图和排图，如此往复。这里并不是要否定切图本身，而是在质疑：一直切图到底对自己的功力增长有何好处？想想UI丢给你一套好看的界面，你却只需一个img标…

背景 1、1366*768 2、1920*1080 3、2k+屏幕 效果 由于px都变成了rem,字体大小，宽度等等都会随屏幕大小而变化。 1、创建rem.js 这里给文字大小限制住，最小12px大小

web开发中，三角形的日常应用，以三角形指示箭头最为常见，其用CSS来实现非常简单，熟悉了之后相比于引入SVG或是背景图片会是更好更灵活的选择。 而三角箭头一般而言，又分为两种，一种是视觉上没有边框的，我们叫做实心三角形；还有一种是视觉上有边框的，而三角箭头刨去边框的部分又要与…

Grid 布局即网格布局，是一种新的 CSS 布局模型，比较擅长将一个页面划分为几个主要区域，以及定义这些区域的大小、位置、层次等关系。号称是最强大的的 CSS 布局方案！！