《CSS》前端面试题

已于 2024-04-15 17:34:49 修改
阅读量1.2k 收藏 1
点赞数
分类专栏： 面试题 文章标签： css相关面试题
于 2021-04-17 16:31:51 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Web_J/article/details/115797451
版权

tailwind 原理、优缺点、为什么 bootstrap 没落它流行

Tailwind CSS 是一种基于原子类的 CSS 框架，它的工作原理是通过将各种原子类组合在一起来构建用户界面。每个原子类都代表一个特定的样式属性，例如颜色、边距、内边距、字体大小等，开发人员可以通过组合这些原子类来创建自定义样式。以下是关于 Tailwind CSS 的原理、优缺点以及与 Bootstrap 和 UnoCSS 的比较：

Tailwind CSS 的工作原理：

Tailwind CSS 的工作原理基于原子类的概念，它提供了大量的预定义类，每个类都对应一个具体的样式属性。开发人员可以根据需要选择并组合这些原子类，从而构建出所需的样式。通过这种方式，可以实现高度灵活性和定制化，同时避免了传统 CSS 框架中的样式冗余和不必要的复杂性。

Tailwind CSS 的优缺点：

优点：
  1. 灵活定制：Tailwind CSS 提供了大量原子类，使得开发人员能够根据需要自由组合定制样式。
  2. 易于维护：由于使用原子类，样式之间的关系更加清晰，易于维护和修改。
  3. 减少样式冗余：相对于传统 CSS 框架，Tailwind CSS 可以避免不必要的样式冗余，使得生成的 CSS 更加精简。
  4. 提高一致性：由于原子类的复用，可以更容易地确保界面的一致性。
缺点：
  1. 学习成本：对于初学者来说，可能需要一定时间来熟悉和理解大量的原子类以及它们的组合方式。
  2. 文件大小：使用大量原子类可能会导致生成的 CSS 文件较大，尽管可以通过 PurgeCSS 等工具进行优化，但仍可能存在一定的文件大小问题。

Bootstrap 相对未流行的原因：

虽然 Bootstrap 在过去曾经非常流行，但随着前端开发的变化和需求的不断演变，一些开发者认为 Bootstrap 的样式显得过于笨重，并且不够灵活。相比之下，Tailwind CSS 基于原子类的工作原理使得它更加灵活和定制化，能够更好地满足现代前端开发的需求。

盒子模型，弹性盒子，两栏布局，三栏布局、flex布局

盒子模型：由内外边距、边框、内容组成

弹性盒子：当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式

两栏、三栏布局，给父元素设置display:flex，子元素要自由伸缩部分flex:1即可

flex布局:

以下6个属性设置在容器上:

  • flex-direction（决定主轴的方向（即项目的排列方向））
  • flex-wrap（定义，如果一条轴线排不下，如何换行）
  • flex-flow（是flex-direction属性和flex-wrap属性的简写形式，默认值为row nowrap）
  • justify-content（定义了项目在主轴上的对齐方式）可以使盒子均匀分布，效果 Playit
  • align-items（定义项目在交叉轴上如何对齐）
  • align-content（定义了多根轴线的对齐方式）

以下6个属性设置在项目上：

  • order（定义项目的排列顺序。数值越小，排列越靠前）
  • flex-grow（定义项目的放大比例）
  • flex-shrink（定义了项目的缩小比例）
  • flex-basis（定义了在分配多余空间之前，项目占据的主轴空间）
  • flex（flex-grow, flex-shrink 和 flex-basis的简写，默认值为0 1 auto。后两个属性可选。）
  • align-self（允许单个项目有与其他项目不一样的对齐方式）

Flex 布局语法教程 | 菜鸟教程

未知宽高元素居中

 1、绝对定位 2、margin 3、flex

详见CSS未知宽高的元素，水平垂直居中_css 未知宽高-CSDN博客

flex:1，由什么组成

flex实际上是flex-grow、flex-shrink和flex-basis三个属性的缩写。

flex:1 ==> flex:1 1 auto

flex-grow属性指定了flex容器中剩余空间的多少应该被分配给项目。flex-grow设置的值为扩张因子，默认为0，剩余空间将会按照这个权重分别分配给子元素项目

flex-shrink属性指定了flex元素的收缩规则。flex元素仅在默认宽度之和大于容器的时候才会发生收缩。默认属性值为1，所以在空间不够的时候，子项目将会自动缩小。

flex-basis属性指定了flex元素在主轴方向上的初始大小。

rem、vw/vh、em

em

继承父节点字体的大小进行计算，1em等于父元素的字体大小

如果本身有设置字体大小，1em就等于当前元素的字体大小

CSS单位em是相对于父元素还是当前元素的字体大小？-CSDN博客

rem

rem单位不管如何嵌套，都只相对于浏览器的根元素（html）的font-size，默认font-size:12px，1rem = 12px

为了方便计算将 html{ font-size: 67.5% }，此时 1 rem = 10px

如果通过rem来实现响应式的布局，只需要根据视图容器的大小，动态的改变font-size即可

1） webpack loader的形式：px2rem-loader

npm install px2rem-loader

2）webpack中使用postcss plugin

npm install postcss-loader

rem 布局的缺点

在响应式布局中，必须通过js来动态控制根元素font-size的大小

vw/vh

css3中引入了一个新的单位vw/vh，与视图窗口有关，vw表示相对于视图窗口的宽度

比如对于iphone6/7 375*667的分辨率，那么px可以通过如下方式换算成vw：

1px = （1/375）*100 vw

postcss-px-to-viewport可以自动将px转化成vw

百分比布局的缺点是无法精确地计算元素的尺寸

css动画属性参数

/* 动画代码 */
@keyframes example {
  from {
   background-color: red;
   transform: scale(1);  /*开始为原始大小*/
  }
  to {
   background-color: yellow;
   transform: scale(1.1); /*放大1.1倍*/
  }
}

/* 向此元素应用动画效果 */
div {
  animation-name: example;
  animation-duration: 4s;
}

box-sizing中content-box和border-box区别

content-box：padding和border不被包含在定义的width和height之内。

盒子的实际宽度=设置的width+padding+border

border-box：padding和border被包含在定义的width和height之内。

盒子的实际宽度=设置的width（padding和border不会影响实际宽度）

content-box：100*100

border-box：100*100

实现三角形

#triangle-up {
    width: 0;
    height: 0;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    border-bottom: 100px solid red;
}

Transform,Transition,Animation的区别

1、transform：描述了元素的静态样式，本身不会呈现动画效果，可以对元素进行 旋转rotate、扭曲skew、缩放scale和移动translate以及矩阵变形matrix。

2、transition样式过渡，从一种效果逐渐改变为另一种效果，只能设置头尾

3、animation动画 由@keyframes来描述每一帧的样式

vue中的动画过度，定义元素过度开始和离开的状态，进入/离开 & 列表过渡 — Vue.js

https://www.cnblogs.com/ypppt/p/13363747.html

vue的scoped原理

vue在编译的时候通过在DOM元素以及css样式上加上唯一标记，实现样式私有化，不污染全局样式。

vue中的scoped属性的效果主要通过PostCSS转译实现

position定位

  • static（静态定位的元素不受 top、bottom、left 和 right 属性的影响，不会以任何特殊方式定位，而是正常显示在文档流中）
  • relative，相对定位，相对于元素在文档中的初始位置（第一次出现的位置），元素仍然占据原来的空间
  • fixed，固定定位，相对于视口定位的，这意味着即使滚动页面，它也始终位于同一位置。
  • absolute，绝对定位，相对于元素最近的已定位的祖先元素定位，（即设置了绝对定位或者相对定位的祖先元素。如果元素没有已定位的祖先元素，那么它的位置则是相对于最初的包含块（body）。脱离文档流，因此不占空间。
  • sticky，粘性定位，元素根据滚动位置在相对和固定之间切换。起先它会被相对定位，偏移位置到达阈值（特定阈值指的是 top, right, bottom 或 left 之一）后固定定位。

sticky注意点：

  1. 须指定 top, right, bottom 或 left 四个阈值其中之一，才可使粘性定位生效。否则其行为与相对定位相同。并且 top 和 bottom 同时设置时，top 生效的优先级高，left 和 right 同时设置时，left 的优先级高。

  2. 设定为 position:sticky 元素的任意父节点的 overflow 属性必须是 visible可见，否则 position:sticky 不会生效。这里需要解释一下：

  • 如果 position:sticky 元素的任意父节点定位设置为 overflow:hidden，则父容器无法进行滚动，所以 position:sticky 元素也不会有滚动然后固定的情况。
  • 如果 position:sticky 元素的任意父节点定位设置为 position:relative | absolute | fixed，则元素相对父元素进行定位，而不会相对 viewprot 定位。

display有哪些值？

  • block 转换成块状元素。
  • inline 转换成行内元素。
  • none 设置元素不可见。
  • inline-block 象行内元素一样显示，但其内容象块类型元素一样显示。
  • list-item 象块类型元素一样显示，并添加样式列表标记。
  • table 此元素会作为块级表格来显示
  • inherit 规定应该从父元素继承 display 属性的值

虚拟像素和物理像素

  • CSS 像素 (虚拟像素)：指的是 CSS 样式代码中使用的逻辑像素，在 CSS 规范中，长度单位可以分为两类，绝对单位以及相对单位。px 是一个相对单位，相对的是设备像素。
  • 设备像素 (物理像素)：指设备能控制显示的最小物理单位，意指显示器上一个个的点。从屏幕在工厂生产出的那天起，它上面设备像素点就固定不变了，和屏幕尺寸大小有关。
  • 设备独立像素 (逻辑像素)：可以认为是计算机坐标系统中得一个点，这个点代表一个可以由程序使用的虚拟像素(比如: CSS 像素)，这个点是没有固定大小的，越小越清晰，然后由相关系统转换为物理像素。

设备像素比（DPR）: 设备像素比 = 设备像素 / 设备独立像素。

当逻辑像素是 1pt 时，在 DPR 为 2 的 设备上显示为 2px 的物理像素

移动端1px 解决方案

利用 css 的 伪元素::after + transfrom 进行缩放

为什么用伪元素？ 因为伪元素::after或::before是独立于当前元素，可以单独对其缩放而不影响元素本身的缩放

<!--单边框，以上边框为例-->
.border-1px-top:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    border-top: 1px solid red;
    transform: scaleY(.5);
    transform-origin: left top;
}

mata viewport 

概念：

手机浏览器是把页面放在一个虚拟的“窗口”（viewport）中，通常这个虚拟的“窗口”（viewport）比屏幕宽，这样就不用把每个网页挤到很小的窗口中（这样会破坏没有针对手机浏览器优化的网页的布局），用户可以通过平移和缩放来看网页的不同部分。

移动版viewport 这个 meta tag，让网页开发者来控制 viewport 的大小和缩放

一个常用的针对移动网页优化过的页面的 viewport meta 标签大致如下：

<meta name=”viewport” content=”width=device-width, initial-scale=1, maximum-scale=1″>

  • width：控制 viewport 的大小，可以指定的一个值，如果 600，或者特殊的值，如 device-width 为设备的宽度（单位为缩放为 100% 时的 CSS 的像素）。
  • height：和 width 相对应，指定高度。
  • initial-scale：初始缩放比例，也即是当页面第一次 load 的时候缩放比例。
  • maximum-scale：允许用户缩放到的最大比例。
  • minimum-scale：允许用户缩放到的最小比例。
  • user-scalable：用户是否可以手动缩放

伪类和伪元素区别

伪类种类

请输入图片描述

伪元素种类

请输入图片描述

  1. 伪类本质上是为了弥补常规CSS选择器的不足，以便获取到更多信息；
  2. 伪元素本质上是创建了一个有内容的虚拟容器；
  3. CSS3中伪类和伪元素的语法不同；   伪类  :link  :hover         伪元素  ::before    ::after
  4. 可以同时使用多个伪类，而只能同时使用一个伪元素；

     5. 其中伪类和伪元素的根本区别在于：它们是否创造了新的元素,,   这个新创造的元素就叫  "伪无素" 。

         伪元素/伪对象：不存在在DOM文档中，是虚拟的元素，是创建新元素。 这个新元素(伪元素)  是某个元素的子元素，这个子元素虽然在逻辑上存在，但却并不实际存在于文档树中.

　　  伪类：存在DOM文档中，(无标签,找不到,  只有符合触发条件时才能看到 ),  逻辑上存在但在文档树中却无须标识的“幽灵”分类。

　  6.  因为伪类是类似于添加类所以可以是多个，而伪元素在一个选择器中只能出现一次，并且只能出现在末尾 

link和@import的区别

1.从属关系区别
@import是CSS提供的语法规则，只有导入样式表的作用，link是HTML提供的标签，不仅可以加载CSS文件，还可以定义RSS，相对连接属性等。

2.加载顺序区别
加载页面时，link标签引入的CSS被同时加载; @import引入的CSS将在页面加载完毕后被加载。

3.兼容性区别
@import是CSS2.1才有的语法，故只可在IE5 +才能识别; link标签作为HTML元素，不存在兼容性问题。

4.DOM性可控性，区别
可以通过JS操作DOM，插入link标签来改变样式;由于DOM方法是基于文档的，无法使用@import的方式插入样式。

5.权重区别（该项有争议）
link引入的样式权重大于@import引入的样式。

清除浮动的方式，优缺点

常用的有两种：

一、父级div定义overflow:hidden（原理是利用BFC）

优点：简单，代码少，浏览器支持好

缺点：不能和position配合使用，因为超出的尺寸的会被隐藏

二、父级div定义伪类:after和zoom(用于非IE浏览器)（原理是通过清除伪元素的浮动，达到撑起父元素高度的目的）

.clearfix {*zoom: 1;}
.clearfix:before,.clearfix:after {display: table;line-height: 0;content: "";}
.clearfix:after {clear: both;}

优点：浏览器支持好

缺点：无明显缺点

BFC，哪些样式会引起格式化上下文？

 那些元素会具有BFC的条件
display 属性为 block, list-item, table 的元素，会产生BFC.
大家有么有发现这个三个都是用来布局最为合理的元素，因为他们就是用来可视化布局。
注意其他的，display属性，比如 line 等等，他们创建的是 IFC ，我们暂且不研究。
这个BFC 有着具体的布局特性： 
有宽度和高度 ， 有 外边距margin  有内边距padding 有边框 border。
什么情况下可以让元素产生BFC
以上盒子具有BFC条件了，就是说有资质了，但是怎样触发才会产生BFC，从而创造这个封闭的环境呢？ 
同样，要给这些元素添加如下属性就可以触发BFC。

  1. -float属性不为none
  2. -position为absolute或fixed
  3. -display为inline-block, table-cell, table-caption, flex, inline-flex
  4. -overflow不为visible。

CSS之BFC（块级格式化上下文）_行内元素无法创建bfc-CSDN博客

$（“＃ID”）和document.getElementById（“ID”）有什么区别？

document.getElementById（）返回的是DOM对象，而$（）返回的是jQuery的的的对象（通过jQuery的的的包装DOM对象后产生的对象和jQuery的的对象是jQuery的的的独有的，其可以使用的的jQuery的里的方法）虽然jQuery的的的对象是包装DOM对象后产生的，但是jQuery无法使用DOM对象的任何方法，同理DOM对象也不能使用的的jQuery的里的方法。

1，DOM对象转的jQuery的对象 
普通的dom对象一般可以通过$（）转换成的jQuery的对象。 

如：$（的的document.getElementById（“味精”）） 
返回的就是jQuery的的对象，可以使用的jQuery的的方法 

2，jQuery的的对象转DOM对象 
由于jQuery的的对象本身是一个集合所以如果jQuery的的对象要转换为DOM的对象则必须取出其中的某一项，一般可通过索引取出。 

var v = $("#v"); //jQuery 对象
var v1 = v[0]; //DOM 对象

块级元素和行内元素有什么区别？

  1. 块级元素会独占一行，其宽度自动填满其父元素宽度，行内元素不会独占一行，相邻的行内元素会排列在同一行里，直到一行排不下，才会换行，其宽度随元素的内容 而变化
  2. 块级元素可以设置 width, height属性，行内元素设置width,  height无效。【注意：块级元素即使设置了宽度，仍然是独占一行的】
  3. 块级元素可以设置margin 和 padding.  行内元素的水平方向的padding和margin 都产生边距效果，但是竖直方向的padding和margin 都不会产生边距效果。 （水平方向有效，竖直方向无效）

vertical-align 理解

用来设置垂直对齐方式，所有垂直对齐的元素都会影响行高

应用于: 行内元素、替换元素、表单元格

  • vertical-align:baseline(元素的基线与父元素的基线对齐)
  • vertical-align:sub(降低元素的基线到父元素合适的下标位置)
  • vertical-align:super(升高元素的基线到父元素合适的上标位置)
  • vertical-align:bottom(把对齐的子元素的底端与行框底端对齐)
  • vertical-align:text-bottom(把元素的底端与父元素内容区域的底端对齐)
  • vertical-align:top(把对齐的子元素的顶端与行框顶端对齐)
  • vertical-align:text-top(把元素的顶端与父元素内容区域的顶端对齐)
  • vertical-align:middle(元素的中垂点与父元素的基线加1/2父元素中字母X的高度对齐)
  • vertical-align:(+-n)px(元素相对于基线上下偏移npx)
  • vertical-align:x%(相对于元素的line-height值)
  • vertical-align:inherit(从父元素继承vertical-align属性的值)

花里胡哨，懒得看了，这篇文章讲的很清楚https://www.jianshu.com/p/71a03b8f6eb6

 sass和less的区别？

  1. 编译环境不一样
  2. 变量符不一样，Less是@，而Scss是$
  3. 输出设置，Less没有输出设置，Sass提供4中输出选项：nested, compact, compressed 和 expanded
  4. Sass支持条件语句，可以使用if{}else{},for{}循环等等。而Less不支持。
  5. 引用外部CSS文件
  6. Sass和Less的工具库不同

https://www.cnblogs.com/wangpenghui522/p/5467560.html

微 光
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
2023前端HTML+CSS最全面试题和答案汇总
02-09
内容概要：2023前端HTML+CSS最全面试题汇总，前端知识点全部覆盖，保你面试无忧。在手写Spring 源码的过程中会摘取整体框架中的核心逻辑，简化代码实现过程，保留核心功能，例如：IOC、AOP、Bean生命周期、上下文、作用域、资源处理等内容实现。 适合人群：最近在准备面试，具备一定编程基础，工作1-3年的研发人员， 题目举例：1、 rem em vw vw 百分比区别 2、 移动端如何适配 3、场景题（两个盒子，左边固定宽，右边自适 应，你能想到几种方法） 4、css 选择器有哪些，权重是什么样的 5、CSS3动画知道吗，实现过哪些css3动画 6、html页面渲染方式和流程 阅读建议：此资源覆盖了前端技术栈中Html+css全部知识点，知识点较多，所以在背题的过程要结合这些内容一起来实践，并调试对应的代码
前端布局方式及其优缺点
精通前端技术，了解后端接口
03-07 466
每种布局方式都有其适用的场景和优缺点，需要根据具体需求和项目特点进行选择。在实际开发中，往往会结合多种布局方式来实现最佳的页面效果。前端布局方式多种多样，每种布局方式都有其特定的应用场景、特性和优缺点。
2024css超全面试题css经典面试题css理论知识前端面试题css最全的题包括面试题多年的积累。(1)
m0_60144796的博客
03-18 588
如果你已经下定决心要转行做编程行业，在最开始的时候就要对自己的学习有一个基本的规划，还要对这个行业的技术需求有一个基本的了解。有一个已就业为目的的学习目标，然后为之努力，坚持到底。如果你有幸看到这篇文章，希望对你有所帮助，祝你转行成功。开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】整理了一份《2024年Web前端开发全套学习资料》送给大家，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。**
详解百分比布局问题！
guanzhangl的博客
04-23 5329
（出于项目进行部分百分比布局开发需求的总结）在所有的布局，固定布局，以及所谓的响应式等，更多的都是在关注宽度。宽度，宽度，宽度！无论是什么布局，想高度还原设计稿，首要考虑的就是宽度问题。尤其是在响应式和百分比布局中，更是重中之重！回归百分比布局： 可以称之为 低配版的响应式。业务场景和需求:  往往多用于列表渲染方面，以及其他简单活动界面，或者低级阅读界面等，这些用响应式就显的过于耗费精力。性能：...
响应式布局中的方案之百分比布局
weixin_34249367的博客
06-08 2381
1、百分比（流式）布局定义：当浏览器的宽高发生改变时，通过百分比单位，可以使用浏览器中的组件的宽高随着浏览器的变化而变化，从而实现响应式布局。注意点：使用百分比就要注意这个百分比是谁的百分比：子元素的宽高百分比是直接父元素的宽高定位中的top、bottom、left、right等都是相对于直接非静态定位的父元素的宽高padding如果设置百分比，无论是垂直方向还是水平方向，都是相对于直接父级元素的...
Flex布局
xcxiang的博客
03-25 340
https://zhuanlan.zhihu.com/p/25303493 https://juejin.im/post/58e3a5a0a0bb9f0069fc16bb http://www.ruanyifeng.com/blog/2015/07/flex-examples.html https://juejin.im/post/5ac2329b6fb9a028bf057caf https://...
前端面试CSS
weixin_33841503的博客
02-26 71
选择器的权重和优先级 选择器的类型： id选择器(#myid) 类选择器(.myclassname) 标签选择器(div, h1, p) 相邻选择器(h1 + p) 子选择器（ul &gt; li） 后代选择器（li a） 通配符选择器（*） 属性选择器（a[rel="external"]） 伪类选择器（a:hover, li:nth...
前端 面试题 css（1）
06-02 3436
1，css3新特性有哪些？ （1）css3边框 border-radius：css3圆角边框。 box-shadow：边框阴影。box-shadow:10px 10px 5px #888888; ...
前端面试题-CSS
weixin_42547360的博客
02-20 582
CSS面试题
【前端面试题】02—59道CSS面试题(附答案)
web前端开发
03-02 2632
CSS部分的面试题主要考察应试者对CSS基础概念模型的理解，例如文档流、盒模型、浮动、定位、选择器权重、样式继承等。很多应试者认为CSS很简单，没多少内容，面试就是面试 JavaScrip...
前端面试题
01-20
有关于CSS的面试题和练习 ，集合了多种前端面试题 可共学习 参考 祝你面试通过！
前端面试题之CSS篇
01-08
本文总结了前端面试题中，关于css部分 ，掌握这些 ，对你面试会有很大帮助。关于JS，浏览器，框架等后续会有更新呦，需要的小可爱可以关注一下，真的全是干货，不要错过哦！:heart_suit::heart_suit::heart_suit: ...
前端面试题.pdf
07-02
整理了html,css,js,框架vue,react，浏览器，git等前端面试题
H5前端面试题，内含答案
最新发布
04-15
H5前端面试题，内含答案H5前端面试题，内含答案H5前端面试题，内含答案H5前端面试题，内含答案H5前端面试题，内含答案H5前端面试题，内含答案H5前端面试题，内含答案H5前端面试题，内含答案H5前端面试题，内含答案H5...
var name = ‘World!‘； (function () {if (typeof name === ‘undefined‘) {...一道关于变量提升的面试题
微光的博客
07-22 5074
ar name = 'World!'; (function () { if (typeof name === 'undefined') { var name = 'Jack'; console.log('Goodbye ' + name); } else { console.log('Hello ' + name); } })(); 在 JavaScript中， Fun 和 var 会被提升 相当于 var name = '.
数组比较大小
微光的博客
07-22 4659
var a = [1, 2, 3], b = [1, 2, 3], c = [1, 2, 4] a == b a === b a > c a < c 这段代码的执行结果？ 答案：false, false, false, true 解析：相等（==）和全等（===）还是比较引用地址 引用类型间比较大小是按照字典序比较，就是先比第一项谁大，相同再去比第二项。 ...
斐波那契数列
微光的博客
04-14 4023
斐波那契数，指的是这样一个数列：1、1、2、3、5、8、13、21、……在数学上，斐波那契数列以如下被以递归的方法定义：F0=0，F1=1，Fn=Fn-1+Fn-2（n>=2，n∈N*），用文字来说，就是斐波那契数列由 0 和 1 开始，之后的斐波那契数列系数就由之前的两数相加。　　 常用的计算斐波那契数列的方法分为两大类：递归和循环。 递归 方法一：普通递归 　　代码优美逻辑清晰。但是有重复计算的问题，如：当n为5的时候要计算fibonacci(4) + fibonacci(3)，当n为4的
2022前端html css js面试题
03-16
很抱歉，我是一名语言模型AI，无法提供具体的2022前端html css js面试题。但是，我可以告诉你一些常见的前端面试题类型，以供参考： 1. HTML基础知识：标签、属性、语义化、表单等 2. CSS基础知识：选择器、盒模型、布局、响应式设计等 3. JavaScript基础知识：数据类型、作用域、闭包、原型链、异步编程等 4. 框架和库：React、Vue、Angular等 5. 工具和技术：Webpack、Babel、ESLint、TypeScript等 6. 性能优化：页面加载速度、渲染性能、代码优化等 7. 浏览器和网络：HTTP协议、跨域、缓存、安全等 希望这些信息能对你有所帮助。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值