css
14篇文章 · 0订阅
  • CSS性能优化的8个技巧
    我们都知道对于网站来说，性能至关重要，CSS作为页面渲染和内容展现的重要环节，影响着用户对整个网站的第一体验。因此，与其相关的性能优化是不容忽视的。 对于性能优化我们常常在项目完成时才去考虑，经常被推迟到项目的末期，甚至到暴露出严重的性能问题时才进行性能优化，相信大多数人对此深…
    CSS 浏览器 前端
  • 愈发熟练的 CSS 技巧
    rem+simple-flexible适配方案简单解析rem相对于根元素<html>的font-size的大小来计算坐作为一个单位；simple-flexible是根据手淘团队lib-flexible
    CSS JavaScript 前端
  • 前端将数据转化为弹幕效果的实现方式
    这个需求如题，大体上是将文章的评论数据，在文章的首图上面以弹幕的形式出现。当时在做这个需求的时候，花了挺多精力的，踩了很多坑，现将弹幕的实现思路写出来，如果喜欢的话可以点波赞/关注，支持一下，希望大家看完本文可以有所收获。 实现弹幕的原理，并不算太复杂，耗费一些时间，怼一怼应该…
    CSS JavaScript 前端
    前端将数据转化为弹幕效果的实现方式
  • flex深度剖析-解决移动端适配问题！
    由于浮动导致父级子级之间设置了css padding、css margin属性的值不能正确表达。特别是上下边的padding和margin不能正确显示。 4、如果前面的元素设置了浮动，那后面的元素就有可能产生异位的现象。 这些问题让众多开发这相当苦恼，尤其是在相对复杂的项目，各…
    前端
  • CSS世界中那些说起来很冷的知识
    使用CSS让元素不可见的方法很多，剪裁、定位到屏幕外、透明度变化等都是可以的。虽然它们都是肉眼看不见，但背后却在多个维度上都有差别 在Chrome和Safari浏览器，则根据父元素是否是否为none来影响图片加载情况，父元素带有display:none，图片不加载。 2. 与c…
    CSS 前端
    CSS世界中那些说起来很冷的知识
  • 2018 CSS 大会多图见闻录
    CSS 之于前端有些像厦门之于 IT 界：耳熟能详却又略显小众。那么在厦门召开的第四届 CSS 大会是否能结合碰撞出新的火花呢？跟随着本兼职摄影师来看看吧~ 周六上午的巨幕影厅里，本届 CSS 大会正式拉开帷幕。在现在的前端圈技能树越点越多的大潮下，单单会写代码的前端或许已经不…
    React.js Vue.js CSS
    2018 CSS 大会多图见闻录
  • 你对CSS权重真的足够了解吗？
    css权重很多人都听过，也了解一些，但是很多人对具体的规则或者说再深如一些关于css权重的问题，可能会不那么清楚。日常开发中，或多或少都会遇到css规则不生效的问题，为了让我们能够减少调试css规则的时间，深刻理解css权重，就十分关键了。如果喜欢的话可以点波赞/关注，支持一下…
    CSS 前端
    你对CSS权重真的足够了解吗？
  • CSS动画之旋转魔方轮播
    很久没有回头来复习CSS方面的知识了, 正好又到了月底写文章的deadline...... 之前都是在SF上发的文章, 掘金是第一次。 所以这次选择了详细巩固一下CSS3动画有关的知识点,因为之前只是用过一些属性并没有深究细节。 在我自己写完这篇文章的时候, 才觉得CSS确实能…
    CSS 前端
  • 浏览器的回流与重绘 (Reflow & Repaint)
    浏览器使用流式布局模型 (Flow Based Layout)。 浏览器会把HTML解析成DOM，把CSS解析成CSSOM，DOM和CSSOM合并就产生了Render Tree。 有了RenderTree，我们就知道了所有节点的样式，然后计算他们在页面上的大小和位置，最后把节点…
    浏览器 前端 JavaScript
  • 论低于 12px 字体处理方案
    浏览器可渲染的最小字号为 12px，但设计图上经常出现小于该值的字体。对于 11px 我往往就按 12px 处理了，可 9px 这样的超小字号处理成 12px 绝对太不地道啊。大家可能都知道通过 transform: scale(n) 能达到缩小字体的效果，但你没有发现并非十分…
    前端 CSS