css
13篇文章 · 0订阅
  • 「一劳永逸」48张小图带你领略flex布局之美
    48张图带你从0到1掌握flex布局方式。 需要本文的Xmind导图的话，移步公众号--前端UpUp,回复flex关键字即可。 从上面图来看，我们将flex布局分为两部分讲，轴和容器。 打个预防针，flex布局涉及到12个CSS属性，父容器,子容器各6个。 接下来先梳理常见的属…
    flexbox CSS
    「一劳永逸」48张小图带你领略flex布局之美
  • 自适应布局方案
    rem（font size of the root element）是指相对于根元素<html>来做计算的字体大小单位。 e.g. 设置html { font-size: 75px }时，其他元素1rem = 75px，4rem = 300px vw是基于viewpo…
    CSS
    自适应布局方案
  • CSS性能优化的8个技巧
    我们都知道对于网站来说，性能至关重要，CSS作为页面渲染和内容展现的重要环节，影响着用户对整个网站的第一体验。因此，与其相关的性能优化是不容忽视的。 对于性能优化我们常常在项目完成时才去考虑，经常被推迟到项目的末期，甚至到暴露出严重的性能问题时才进行性能优化，相信大多数人对此深…
    CSS 浏览器 前端
  • CSS实现水平垂直居中的10种方式
    划重点，这是一道面试必考题，很多面试官都喜欢问这个问题，我就被问过好几次了 要实现上图的效果看似很简单，实则暗藏玄机，本文总结了一下CSS实现水平垂直居中的方式大概有下面这些，本文将逐一介绍一下，我将
    React.js
  • 2023前端高频面试题--CSS篇
    css盒子模型 又称为框模型（Box Model），包含了元素内容（content）、内边距（padding）、边框（border）、外边距（margin）几个要素。如下图： 图中的内层是content依次是padding border margin。通常我们设置背景时就是内容…
    前端 CSS
    2023前端高频面试题--CSS篇
  • 🏆 掘金征文 | 2020与我的年中总结
    掘友们，大家好呀，我是掘金酱。 掘金酱在这里想和你一起，聊一聊过去的2020年不平凡的上半年。 2020，是个不平凡的一年！想必你也和掘金酱一样，在紧张中度过了一个难忘的上半年。隔离、口罩、酒精、消毒水，不断增长的数字，各大平台上喜忧参半的消息，这场突如其来又波及甚广的肺炎疫情…
    iOS Android 前端
  • 巧用 CSS 实现酷炫的充电动画
    循序渐进，看看只使用 CSS ，可以鼓捣出什么样的充电动画效果。 欧了，勉强就是它了。有了电池，那接下来直接充电吧。最最简单的动画，那应该是用色彩把整个电池灌满即可。 有内味了，如果要求不高，这个勉强也就能够交差了。通过蓝色渐变表示电量，通过色块的位移动画实现充电的动画。但是总…
    CSS 前端
    巧用 CSS 实现酷炫的充电动画
  • 灵活运用CSS开发技巧
    何为技巧，意指表现在文学、工艺、体育等方面的巧妙技能。代码作为一门现代高级工艺，推动着人类科学技术的发展，同时犹如文字一样承托着人类文化的进步。 每写好一篇文章，都会使用大量的写作技巧。烘托、渲染、悬念、铺垫、照应、伏笔、联想、想象、抑扬结合、点面结合、动静结合、叙议结合、情景…
    HTML CSS
    灵活运用CSS开发技巧
  • 构建大型 Vue.js 项目的10条建议
    下面是我在开发大型 Vue 项目时的最佳实践。这些技巧将帮助你开发更高效、更易于维护和共享的代码。 今年做自由职业的时候，我有机会开发了一些大型 Vue 应用程序。我所说的这些项目，Vuex store 超过十个，包含大量的组件（有时候几百个）和视图页面。对我来说这是个很有益的…
    Vue.js