蝴蝶未来

当你参加赛跑，追过第二名，那你是第几名？如果你的回答是第一名，那你就错了，因为如果你追过第二名，你只是取代那人的位置，而你正是第二名。你参加赛跑，你追过最后一名，你是第几名...

用户体验好的Button，通常至少有3种状态： 常态、Hover态、Active态。但是在移动端，你不需要Hover态！本文告诉你原因、实现方法！...

Netflix 删除了 React,网站加载时间减少了 50%! 听起来真的不错，React 心智负担重、性能差、bundle 体积大，我们都应该放弃 React。那么，这...

做了两年多的性能优化，从一开始的一脸懵逼，到后来的逐渐摸到点门道，所以想由此记录一下，今天我们不谈术的东西，就聊聊道的方面，到底当我们接手一个性能优化专项后，我们该如何规划...

响应式布局指的是同一页面在不同屏幕尺寸下有不同的布局。传统的开发方式是PC端开发一套，手机端再开发一套，而使用响应式布局只要开发一套就够，缺点就是CSS比较重。下面是博客网...

现在，移动设备普遍，用户量远超桌面设备，很多用户使用移动设备（手机、平板等）浏览网站。于是，除了传统的桌面端，对移动小屏设备的良好支持，提供移动设备用户体验，成为几乎所有网...

Typora 是一款广受欢迎的 Markdown 编辑器，以其所见即所得的编辑模式和优雅的界面而闻名，长期以来是许多 Markdown 用户的首选。然而，从 2021 年起...

近期做移动端 H5 项目，遇到了一个「有趣」的问题：Safari on iOS 下 100vh 无法完全展示页面内容。...

CSS中的Viewport单元听起来很棒。如果你想将一个元素设置成全屏高度，你可以设置高度:100vh，这样你就有了一个完美的全屏元素，它会随着视口的改变而改变大小!遗憾的...

容器的高度需要设置为100vh，发现在ios(safari)浏览器显示的时候，浏览器的底部工具栏总是会挡住底下的一部分。...

前言 最近在公司改bug，突然发现上一个前端留下的毛病不少，页面存在各种适配问题，为此甲方爸爸时常提出宝贵意见！ 你的页面是不是时常是这样： 侧边栏未收缩时： 收缩后： 这...

在一些场景中，比如我们封装的一些工具函数、hooks、插件等中没办法像在单文件组件中一样将dialog写到template中，或者一些公共的弹窗使用声明式弹窗会比较臃肿，这...

前言 现在组件化已经是很平常了，市面也有很多的UI库，基本组件的轮子都可以直接使用，但是如果想提升自己的技术水平，学会如何正确的组件封装是必不可少的路，今天和大家聊聊基于 ...

许多业务场景需要展示一组业务标签，受空间限制，通常设定最多展示几行，超出的隐藏，超出部分可以设计成展开收起功能，也可设计成省略号的形式。...

文本将正式开始学习Gitlab CI/CD ，带大家掌握了其中的各个概念，学习各种常见场景下的流水线配置方法。...