2023前端面试题二

这篇具有很好参考价值的文章主要介绍了2023前端面试题二。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

图片

  • png 无损压缩,尺寸体积要比jpg的大,适合做小图标
  • jpg 采用压缩算法,有一点失真,比png体积要小,适合做中大图片
  • gif 一般是做动图的
  • webp 同时支持有损或者无损压缩,相同质量的图片,webp具有更小的体积

css的盒子模型

  • 标准盒子模型
    margin/border/padding/content
  • ie盒子模型
    margin/content(border+padding+content)
  • 盒子模型转换
    box-sizing/content-box 标准/border-box ie模型

行高

  • line-height
    每一行文字的高度,如果文字有多行,则高度为行数*高度
  • height
    是一个死值,就是这个盒子的高度

css的选择符,哪些可以继承

  • 通配*
  • id选择器 #
  • class选择器 .
  • 标签选择器 div
  • 相邻选择器 +
  • 后代选择器 ul li
  • 子元素选择器 >
  • 属性选择器 a[href]
  • css可以继承的属性
    font-size
    color
    line-height
    text-align
  • css不可以继承的属性
    border
    padding
    margin

css优先级算法

!important>内联样式>id>class>标签>通配文章来源地址https://www.toymoban.com/news/detail-431846.html

到了这里,关于2023前端面试题二的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 有损压缩与无损压缩

    数据压缩(Data Compression)是减小任何数据或文件的存储大小以减少其在磁盘上占用的空间的过程。它是一种修改、重组、编码和转换任何数据的模式或实例以减少其大小的技术。简单地说,它转换文件的方式是最大限度地减少文件的大小。数据压缩也被称为比特率降低或源编

    2024年02月08日
    浏览(69)
  • 【算法】深入了解数据压缩算法(无损压缩和有损压缩)

    目录 1 引言: 1 数据压缩的重要性和应用场景 2 压缩算法的基本原理和分类 2. 无损压缩算法 2.1 哈夫曼编码 2.1.1 哈夫曼编码的原理和步骤 2.1.2 实现一个简单的哈夫曼编码器 2.2 字典编码 2.2.1 LZW算法的原理和步骤 2.2.2 实现一个基于LZW算法的压缩程序 2.3 预测编码 2.3.1 算术编

    2024年02月10日
    浏览(42)
  • Java后端面试题——Mysql篇

    在Mysql中,如何定位慢查询呢? 表象:页面加载过慢、接口压测响应时间过长(超过1s) 原因: 聚合查询 多表查询 表数据量过大查询 深度分页查询 方案:MySQL自带慢日志 需要在MySQL的配置文件(/etc/my.cnf)中配置如下信息: # 开启MySQL慢日志查询开关 slow_query_log=1 # 设置慢日

    2024年02月12日
    浏览(39)
  • 前端图片压缩解决办法

    在某一h5的项目,要求上传的图片格式为 base64 , 问题是用户上传的图片基本都在MB 级别,转base64 以后,图片的体积会增大30%以上,随着图片的体积增加,转换的base64 格式文件体积越大,如果此时前端不对用户上传的图片体积进行压缩,可能会导致服务器压力过大,从而崩溃

    2024年02月14日
    浏览(42)
  • Flink面试题二十道

    问题 1:什么是Apache Flink? 答案:Apache Flink是一个开源的流处理和批处理框架,它提供了高吞吐量、低延迟和容错性等特性。Flink支持事件驱动的流处理和批处理,可以处理有界和无界的数据集,并具有灵活的编程模型和丰富的功能库。 问题 2:Flink的主要特点是什么? 答案

    2024年02月15日
    浏览(39)
  • kafka面试题二十道

    什么是Apache Kafka? 参考答案:Apache Kafka是一个分布式流处理平台,用于高吞吐量、可持久化、容错的数据传输。它以高效的发布-订阅模型来处理实时数据流。 Kafka的核心概念有哪些? 参考答案:Kafka的核心概念包括主题(Topic)、分区(Partition)、偏移量(Offset)、生产者(

    2024年02月10日
    浏览(36)
  • SpringBoot面试题二十道

    问题 1:什么是Spring Boot? 答案:Spring Boot是一个用于快速开发基于Spring框架的Java应用程序的开源框架。它通过自动化配置和约定大于配置的原则,简化了Spring应用程序的搭建和部署过程。 问题 2:Spring Boot有哪些主要特点? 答案: 简化配置:Spring Boot提供了自动化配置,减

    2024年02月10日
    浏览(37)
  • 前端 JS 压缩图片的思路(附源码)

    相信大家都做过图片上传相关的功能,在图片上传的过程中,不知道大家有没有考虑过文件体积的问题,如果我们直接将原图片上传,可以图片体积比较大,一是上传速度较慢,二是前端进行渲染时速度也比较慢,比较影响客户的体验感。所以在不影响清晰度的情况下,前端

    2024年04月27日
    浏览(31)
  • 前端如何压缩图片在进行上传给后端

       前端压缩图片我目前能想到的就是 通过canvas 改变图片的 画质去改变图片的大小。 解决方案如下: 1、首先获取图片的全部内容,然后转化为base64让他可以在页面上展示。 2、当我们获取到base64的图片的时候我们就可以获取图片的大小尺寸。 3、我们把这个图片放置到ca

    2024年01月19日
    浏览(45)
  • Vue前端压缩图片后上传,拍照上传最佳实践

    最近有一个需求,通过手机拍照后上传图片到服务器,大家应该都知道,现在的手机像素实在是太高了,随便拍一张都是 10M 以上,直接上传到服务器一方面是浪费存储空间,另外就是特别浪费流量,如果网络不好还很慢。所以想寻求一种前端压缩图片的方案。 在网上找了很

    2024年02月10日
    浏览(65)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包