初级前端面试题（更新中）

一、html+css
1、css 实现元素水平垂直居中

1.1绝对定位（已知宽高）

     width:100px;height： 100px;position: absolute;left: 50%;top: 50%;margin-left: -50px; /*宽度一半*/margin-top: -50px;/*高度一半*/

1.2未知高度

 position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%)

1.3实现绝对定位居中

 position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin:auto;

1.4 flex弹性盒子

display: flex;
justify-content: center;
align-items:center;

1.5 水平居中 + 垂直居中

text-align: center;
vertical-align:middle;
line-height: 与高度一致;

2、position 属性

relative: 表示相对定位，相对于自身所在位置；
absolute: 相对于父级，父级元素应设置 position：relative;
fixed ：用于生成绝对定位，相对于浏览器窗口
sticky: 生成粘性定位，容器的位置根据正常的文档流计算；

3、css 选择器有哪些

id 选择器（#id）
类选择器(.class)
标签选择器 (div,p)
相邻选择器 (h1+p)
子选择器 (ul>li)

4、css 的哪些样式可以继承

可以继承： font-size、font-family、color、
不可继承：border、padding、margin、width、

5、css 优先级

!important > style(内联) > id > class > 标签

6、display 有哪些属性

block ; 块类型 默认宽度为父级宽度，换行显示，可设置宽高
none; 元素不显示
inline; 行内元素 ，不可设置宽高
inline-block  同行显示 可设置宽高

7、块元素和行内元素的区别

块元素的前后都会自动换行，独占一行
行内元素可与其他行内元素同位一行，不能设置宽高

8、实现左侧固定，右侧自适应
9、如何给元素设置透明度
rgba()
opacity
二、javascript
1、数据类型
1.1基本类型
字符串 string
数字 number
布尔 boolean
空 null
未定义 undefined
symbol 独一无二的值
1.2引用类型
对象 object
数组 array
函数 function
2、判断js类型的方式
typeof 可检测出 string、number、boolean、undefined、symbol、判断数组和对象时均为object
instanceof 识别具体是那种引用类型
3、js 中 == 和 === 区别
对于string和number等基础类型 == 和 === 有区别
== 比较转化成同一类后的值是否相等
=== 比较同类型且值相等
4、es6 新特性
let、const
5、ajax 请求时 get 和 post 的区别
6、数组对象有哪些原生方法
合并数组 concat 不改变原数组
将数组用标识符拼接成字符串 join 不改变原数组
用于查找某元素的位置 indexof
截取数组 slice 返回剪裁后的数组，不改变原数组
插入,删除或替换 splice
7、字符串方法
indexof
split 把字符串按分隔符分割成数组
substring 截取字符串
8、普通函数和箭头函数的区别
三 vue框架
1、v-show 和 v-if 区别

初级前端面试题（更新中）相关推荐

初级前端面试题最新汇总
面试题一.宏观 1. 自我介绍 2. 你能说一下你是如何自学前端的好的.首先前端开发的东西是要跑在浏览器里面的,浏览器只能识别html,css,js的.所以我觉得这三块是我们入行最基础的东西,学好 ...
初级前端面试题 - js
前言:众所周知,HTML,CSS,JS是学习前端所必备的.js的基础学好了,框架类的vue,react等都会接受的很快,因此js是前端很总要的一个部分,这篇文章将会结合面试题,对js的知识点进行总结 ...
前端面试题 Vue 中的生命函数(钩子函数)
目录一,生命周期(钩子函数) 的简介二,四类钩子函数的触发条件及使用方法钩子函数声明的位置: 1. Lifecycle-初始化 beforeCreate 和 created 2.Lifec ...
HTML和CSS初级前端面试题汇总（持续补充）
1.浏览器内核 IE:trident Firefox:gecko Safari:webkit Opera:以前是presto,现在是Blink Chrome:Blink 2.HTML文件开头的DOCT ...
前端面试题 - HTML 中的长度单位
单位在使用不同类型描述长度值时,需要附加单位.不同的单位表示的含义是不同的在 CSS 中具有 2 种不同类型的长度单位: 绝对长度单位相对长度单位绝对长度单位所描述的长度任何其他因素是无关的 ...
初中级前端面试题—完整版
前言从前端学习到找一份合适的工作,大大小小的面试必不可少,所以我对初级前端面试题进行了初步整理,也方便自己查阅,也希望对小伙伴们有所帮助! HTML HTML语义化 HTML语义化就是让页面内容结构 ...
2022年最新互联网大厂前端面试题及答案-前端工程必备技能(持续整理更新中【关注收藏不迷路】）
对于做前端的朋友,或者做了前端几年了,基础不好的,或者想进大厂的想了解深入,下面的知识点很多前端朋友都没有深入了解.很重要,看完有种茅塞顿开感觉,**关注+收藏哦,总有一天用的得.** 涉及到知识点: ...
前端面试题回顾与复习（更新中）
还没有完全整理好希望大家见谅后面逐步优化原生DOM操作如需替换 HTML DOM 中的元素,请使用replaceChild(newnode,oldnode)方法从父元素中删除子元素 pare ...
2021-2022 最新最全的前端面试题集锦（2022 持续更新中...敬请关注）
写在最前想起上一次的面试经历,不免细思极恐. 工作以来,感觉自己接触到的东西还是挺多的,但是当我面试的时候,就会发现各种问题,很多知识点都是模棱两可,答得不全面.究其原因,还是没有吃透这些内容.所以 ...

初级前端面试题（更新中）

初级前端面试题（更新中）相关推荐

最新文章

热门文章