图片预览，实现了图片预览，关闭，以及滚动的时候的时候流程的动画效果，提升了用户体验，（附完整代码）！

5w字长文讲述一个前端小白如何从零开始搭建项目，来感受小白首次使用这些令人眼花缭乱的技术时的艰辛与坎坷。

使用新语法糖script setup，做了一个简单的随机音乐网页，公司做一些简单活动页面，可以直接上手了

前言 在做公司做了很多大屏的项目之后，针对于屏幕适配，说实话有很多解决方案，例如媒体查询、scale缩放、Rem、vw等等，但每种方案都有其特定的使用场景，面对不同的项目，我们首先考虑的不是哪种方案最

由于手机屏幕尺寸不一样，分辨率不一样，或者需要考虑横竖屏的问题，或者考虑到移动端兼容性。这时候你也就不得不解决在不同手机上，不同情况下的展示效果，所以就需要一个开箱即用并且行之有效的移的移动端适配方案

前段时间我的移动端适配解决方案一文在评论区引发了激烈的讨论。其中讨论最多的就是，移动端rem的适配已经淘汰了，目前大家使用的都是viewport。

整个页面列表相对简单、局部列表就有点麻烦了，下拉刷新+加载更多结合体还是需要结合场景做出相应改变的，生搬硬套是不行的。（文章最后会给出完整代码） 1. 进页面会触发一次onload事件，第一次如果在子组件触发的话会很慢,出现局部空白的情况，所以选择在父组件触发,看下onload…

在今天这篇文章中，我并不会在这里讲一些移动端视口的概念，包括物理像素和逻辑像素，理想视口，dpr等等等等，我只介绍这样一种非常不错的移动端适配方案：post-css-to-viewport，如果我说这种方案能解决98%以上的移动端布局痛点，我想整个掘金，应该没有人会反驳。 这种…

rem（font size of the root element）是相对长度单位。 相对于根元素（即 html 元素）font-size 计算值的倍数。 适配原理：将 px 替换成 rem，动态修改 html 的 font-size 适配。 也就是说最低兼容到 375 像素的…