2021.7面试记录

Posted 2021-09-03 vickieG

css 居中方法
① text-align:center
② margin:0 auto
③ 脱离文档流的居中方式（top、left各为50%；margin：-（内部div高度的一半） auto）
④ display:table-cell
⑤ line-height
⑥ flex
⑦ vertical-align：middle
⑧ 定位
• 块级元素居中

1.已知块级元素的宽和高，使用绝对定位absolute和外边距实现水平垂直居中（父元素position:relative，子元素

position:absolute;top:50%;left:50%;margin-top:-height/2;margin-left:-width/2;）

2. 使用css3 display:flex（IE存在兼容性问题）（父元素样式属性display:flex;子元素使用margin:auto）
3. 绝对定位+CSS3 transform

• position居中

margin:0,auto;居中元素，但有时我们必须要让元素获得position:absolute;，这时候，再用margin:0,auto;居中是无效的。 

• 数据类型 (null,undefind,number,Object,String, Boolean)
• 基本数据类型和引用数据类型区别

基本数据类型和引用类型的区别主要在于基本数据类型是分配在栈上的，而引用类型是分配在堆上的（需要java中的栈、堆概念）， 基本类型和引用类型的内存模型本质上是不一样的

• es6新特性
const和let; 模板字符串,箭头函数, 对象和数组解构, for...of 和 for...in
• 箭头函数和普通函数区别

不需要 function 关键字来创建函数

省略 return 关键字
继承当前上下文的 this 关键字
.call()/.apply()/.bind()无法改变箭头函数中this的指向
箭头函数没有原型prototype
• this指向修改

.call()/.apply()/.bind()

• vue 生命周期
Created mounted updated destroyed
• vue data为什么是函数
• vue 父子组件传值

props, $emit, ref, $parent和$children, eventBus, Vuex

• vue 数组修改
push() pop() shift() unshift() splice() sort() reverse()”

1.js原生的事件注册函数(attachEvent,addEventListener)
ps:应该了解一下原生js的DOM操作
2.正则表达式
3.数据库增删改查的基本语句操作
4.css3的新特性
text-shadow、text-overflow、text-wrap、word-break、word-wrap、white-space、border-raduis、border-image
5.对html5的了解

1、提高可用性和改进用户的友好体验；

2、有几个新的标签，这将有助于开发人员定义重要的内容；
3、可以给站点带来更多的多媒体元素(视频和音频)；
4、可以很好的替代FLASH和Silverlight；
5、当涉及到网站的抓取和索引的时候，对于SEO很友好；
6、将被大量应用于移动应用程序和游戏。
6.盒模型的类型(IE和非IE)
7.对float属性的了解
8.闭包：闭包就是能够读取其他函数内部变量的函数
9.原型链：原型链的形成就是对象的属性和方法，有可能是定义在自身内的，也有可能会定义他的原型对象上。由于原型本身也是对象，又有了自己的原型，所以就会形成。
10.原型继承
https://blog.csdn.net/qq_4292...

①原型链继承：将父类实例赋值给子类原型对象
②构造继承：执行父构造，将This指向本身，拉取父私有属性
③组合继承：构造继承与原型继承组合。注意注释区域，切勿在继承时使用此方法重写或添加方法，否则将会修改整个原型，导致崩塌
④克隆原型链继承：将等待继承的原型对象克隆，再赋值给继承的原型对象。此种方法会脱轨，不在同一原型链上
⑤寄生组合继承：将父类原型对象直接赋值给一个空属性的构造函数，再将空属性的构造函数实例赋值给子类原型对象,其根本是为了解决父实例继承的出现的两次构造

11.事件冒泡：当一个元素接收到事件的时候 会把他接收到的事件传给自己的父级，一直到window
12.如何兼容各种浏览器(条件注释，hack之类)

[1]IE9-(<!--[if IE]><![endif]-->)
[2]仅单一IE(<!--[if IE 6]><![endif]-->)

1. VPM分层,视图特点
2. 单项数据流
3. https加密机制
   是以安全为目标的HTTP通道，简单讲是HTTP的安全版。即HTTP下加入SSL层，HTTPS的安全基础是SSL，因此加密的详细内容就需要SSL。 它是一个URI scheme（抽象标识符体系），句法类同http:体系。用于安全的HTTP数据传输。https:URL表明它使用了HTTPS，但HTTPS存在不同于HTTP的默认端口及一个加密/身份验证层（在HTTP与TCP之间）。这个系统的最初研发由网景公司进行，提供了身份验证与加密通讯方法，现在它被广泛用于万维网上安全敏感的通讯，例如交易支付方面
   SSL，(Secure Socket Layer 安全套接字层)，为Netscape(网景公司)所研发，用以保障在Internet上数据传输之安全。SSL目前有三个版本，SSL1.0、SSL2.0、SSL3.0。它已被广泛地用于Web浏览器与服务器之间的身份认证和加密数据传输。
   SSL利用数据加密、身份验证和消息完整性验证机制，为网络上数据的传输提供安全性保证。SSL支持各种应用层协议。由于SSL位于应用层和传输层之间，所以可以为任何基于TCP等可靠连接的应用层协议提供安全性保证。
4. TCp、utp
5. 数组插入的时间差异
6. 子钩子
7. 创建项目需要注意什么
8. 为什么用Echart