前端校招一二面经知识点汇集_csig质量部-优快云博客

本文链接：https://blog.youkuaiyun.com/keymaster1/article/details/123040853

本文汇总了前端面试中常见的CSS position属性、display属性、盒子模型，JavaScript的null与undefined区别，以及小程序生命周期、Node.js、ES6新特性、HTTP与HTTPS的区别和TCP三次握手等核心知识点，帮助开发者准备前端面试。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

问题节选自他人

腾讯TEG高校合作中心

CSS中的position属性有哪些有效值？

static
该关键字指定元素使用正常的布局行为，即元素在文档常规流中当前的布局位置。此时 top, right, bottom, left 和 z-index 属性无效。
relative
该关键字下，元素先放置在未添加定位时的位置，再在不改变页面布局的前提下调整元素位置（因此会在此元素未添加定位时所在位置留下空白）。
absolute
元素会被移出正常文档流，并不为元素预留空间，通过指定元素相对于最近的非 static 定位祖先元素的偏移，来确定元素位置。绝对定位的元素可以设置外边距（margins），且不会与其他边距合并。
fixed
元素会被移出正常文档流，并不为元素预留空间，而是通过指定元素相对于屏幕视口（viewport）的位置来指定元素位置。元素的位置在屏幕滚动时不会改变。打印时，元素会出现在的每页的固定位置。
sticky
当元素在屏幕内，表现为relative，就要滚出显示器屏幕的时候，表现为fixed。

CSS中的display属性有哪些有效值？

inline
- 使元素变成行内元素，拥有行内元素的特性，即可以与其他行内元素共享一行，不会独占一行。
- 不能更改元素的height，width的值，大小由内容撑开。
- 可以使用padding，margin的left和right产生边距效果，但是top和bottom就不行。
block
- 使元素变成块级元素，独占一行，在不设置自己的宽度的情况下，块级元素会默认填满父级元素的宽度。
- 能够改变元素的height，width的值。
- 可以设置padding，margin的各个属性值，top，left，bottom，right都能够产生边距效果。
inline-block
不独占一行的块级元素。
grid
Grid 布局学习
flex
不做解释
none
将元素从可访问树中移除

visibility: hidden----将元素隐藏，但是在网页中该占的位置还是占着。

盒子模型有几种？分别是什么？

两种，W3C标准盒子模型和IE盒子模型

box-sizing:content-box
默认，实际宽度 = 设置的宽度 + padding宽度 + border的宽度
box-sizing:border-box
实际宽度 = 设置的宽度，即如果设置了padding和border的宽度将会挤占内容宽度，适合在确定宽度调整border的应用里。
数据库的主键约束和外键约束？
数据库-主键和外键及其约束
什么是事务？事物的原子性？
是数据库操作的最小工作单元，是作为单个逻辑工作单元执行的一系列操作；这些操作作为一个整体一起向系统提交，要么都执行、要么都不执行；事务是一组不可再分割的操作集合（工作逻辑单元）；
MySQL中，select是怎么查询到数据的？具体执行过程是什么？
一条select语句，Mysql的执行过程
什么是mvvm框架？
浅析前端开发中的 MVC/MVP/MVVM 模式
摘录：

MVVM把View和Model的同步逻辑自动化了。以前Presenter负责的View和Model同步不再手动地进行操作，而是交给框架所提供的数据绑定功能进行负责，只需要告诉它View显示的数据对应的是Model哪一部分即可。

腾讯CSIG腾讯云质量部

小程序的生命周期函数有哪些？

小程序层面
页面层面

null和undefined的区别？

console.log(null==undefined)//true
console.log(null===undefined)//false

null： Null类型，代表“空值”，代表一个空对象指针，使用typeof运算得到 “object”，所以你可以认为它是一个特殊的对象值。
undefined： Undefined类型，当一个声明了一个变量未初始化时，得到的就是undefined，
ECMAScript标准规定对二者进行相等性测试要返回true

对nodeJS了解多少？

Node.js到底是用来做什么的

ES6相比于ES5有哪些新特性？

ES5和ES6的区别以及ES6常用特性

 ES6中常用的10个新特性讲解

不一样的变量声明：const和let
模板字符串
函数的参数默认值
Spread / Rest 操作符（...）
二进制和八进制字面量
对象和数组解构

例子：

const obj = {
   a:1,
   b:2,
   c:3,
   d:4,
   e:5,
}

const a = obj.a;
const b = obj.b;
const c = obj.c;
const d = obj.d;
const e = obj.e;

const {a,b,c,d,e} = obj;

交换变量值：[x, y] = [y, x]
返回函数多个值：const [x, y, z] = Func()
定义函数参数：Func([1, 2])
提取JSON数据：const { name, version } = packageJson
定义函数参数默认值：function Func({ x = 1, y = 2 } = {}) {}
遍历Map结构：for (let [k, v] of Map) {}
输入模块指定属性和方法：const { readFile, writeFile } = require(“fs”)

http和https有什么区别？

HTTPS使用传输层安全性(TLS)或安全套接字层(SSL)对通信协议进行加密。

HTTPS 协议提供了三个关键的指标
加密(Encryption)， HTTPS 通过对数据加密来使其免受窃听者对数据的监听，这就意味着当用户在浏览网站时，没有人能够监听他和网站之间的信息交换，或者跟踪用户的活动，访问记录等，从而窃取用户信息。
数据一致性(Data integrity)，数据在传输的过程中不会被窃听者所修改，用户发送的数据会完整的传输到服务端，保证用户发的是什么，服务器接收的就是什么。
身份认证(Authentication)，是指确认对方的真实身份，也就是证明你是你（可以比作人脸识别），它可以防止中间人攻击并建立用户信任。