关键字:@media
  • 【番外01】吐血整理五万字100道高频基础面试题 无名面试集《烂俗前端》
    <article class="_2rhmJa"><blockquote> <p><a href="https://links.jianshu.com/go?to=https%3A%2F%2Fjuejin.cn%2Fcolumn%2F701 ...
  • 媒体查询中的 CSS 变量
    <h3>许多新手开发人员发现很难使用"&amp;"符号读取预处理器中使用的嵌套属性。他们更喜欢写常规规则,而不是公式和混合。而不是 SASS 变量,它们使用 CSS 自定义属性。</h3><h3>在这种情况下,继续使用 SASS 的唯一原因 ...
  • 大屏中各种元素以及echarts图表如何做到完全自适应
    <article class="_2rhmJa"><p>        对于大屏,主要用于对外展示数据。</p><p>        可能会投放在各种分辨率的显示器上面,对于前端最重要的是自适应的处理。</p><p>        自适应包 ...
  • 精读《用 css grid 重新思考布局》
    <h2 id="1">1 引言</h2> <p>Flex 与 Grid 相比就像功能键盘和触摸屏。触摸屏的控制力相比功能键盘来说就像是降维打击,因为功能键盘只能上下左右控制(x、y 轴),而触摸屏打破了布局障碍,直接从(z 轴)触达,这样 ...
  • 静态资源优化
    <h2 id="_1">图片格式和应用场景</h2> <h3 id="jpeg">JPEG 格式</h3> <p>JPEG(Joint Photographic Experts Group)是一种针对彩色照片而广泛使用的有损压缩图形格式,属 ...
  • 学习WEB前端是应该自学还是参加培训机构?
    <article class="_2rhmJa"><p><i><b>先说观点,我强烈建议每个人都要自学,不要参加培训班。</b></i></p><p>我干web前端工程师这个职位已经有6年多的时间,之前在蚂蚁金服做过2年,后来离开是因为加班 ...
  • CSS前端经典面试题及解析——小白入门必备
    <article class="_2rhmJa"><h3>1.CSS 选择器的优先级是如何计算的?</h3> <p>浏览器通过优先级规则,判断元素展示哪些样式。优先级通过 4 个维度指标确定,我们假定以<code>a、b、c、d</code ...
  • 阿里前端大神:性能优化12条建议
    <article class="_2rhmJa"><p>性能优化是把双刃剑,有好的一面也有坏的一面。好的一面就是能提升网站性能,坏的一面就是配置麻烦,或者要遵守的规则太多。并且某些性能优化规则并不适用所有场景,需要谨慎使用,请读者带着批判性 ...
  • 前端面试题——html5
    1.html5的新特性 文件类型声明(<!DOCTYPE>)仅有一型:<!DOCTYPE HTML>。 新的解析顺序:不再基于 SGML。 绘画canvas; 用于媒介回放的 video和 audio元素; 语意化更好的内容元素:artic ...
  • 啥是前端开发工程师必会的5种网页布局方法?
    作为前端开发工程师,布局方式有多种,针对不同的情况有不一样的处理,但是很多初学的同学都不知道这些情况,那么我们今天就来说说,那些前端开发工程师不可不知的5种布局方式! 一、静态布局(static layout)即传统Web设计,网 ...

暂无数据