关于前端:面试题2021

vue的生命周期,

vue的生命周期有哪一些是页面加载前触发的

beforeCreate

created 创立 初始化数据事件

beforeMount

mounted 载入 DOM渲染实现

beforeUpdate

updated 更新

beforeDestroy

destroyed 销毁

第一次页面加载会触发哪几个钩子?~~~~

会触发 上面这几个beforeCreate, created, beforeMount, mounted 。

hash 和history的区别

在vue的路由配置中有mode选项,最直观的区别就是在url中hash 带了一个很丑的 # ,而history是没有#的。vue默认应用hash。


hash     模式切换路由只扭转dom,*不会* 向服务器发动申请。

history    切换路由 * 会  *向服务器发动申请,并扭转dom。

v-if和v-show的区别

不举荐在同一元素上应用 v-if 和 v-for

什么是同源策略

「protocol(协定)、domain(域名)、port(端口)三者统一。」

cookie是能跨域的么

前端怎么跨域

  CORS是一个W3C规范,全称是”跨域资源共享”(Cross-origin resource sharing)
 对于简略申请,浏览器间接收回CORS申请。具体来说,就是在头信息之中,减少一个Origin字段

vue框架的跨域 WEBBACK 能够设置代理

document.domain + iframe跨域

本文首次公布于慕课网 ,转载请注明出处,谢谢合作

什么是盒子模型

所有HTML元素能够看作盒子,
一般的盒模型就是 内容(content)+内边距(padding)+边框(border)+外边距(margin).

CSS选择器有哪些

* 1、标签选择器
* 2、类选择器
* 3、id选择器
* 4、子选择器
* 5、蕴含选择器
* 6、兄弟选择器
* 8、全局选择器
* 9、群选择器
* 10、属性选择器
* 11、伪类选择器
* 
* [] ([type=text]润饰属性为type=text的模块)
* 
* 以,分隔(逗号分隔开须要润饰的模块名)
* 
* 以*结尾(星号标在大括号前,润饰了蕴含body所有的标签)
* 
* 以>隔开父子级元素,(模块名>模块名,润饰>前模块内的子模块)
* 
* 
* 

LINK 和import 有什么区别

* 
* 一:倡议应用link,慎用@import
* 从属关系
* 1.1 link:link是HTML提供的标签,不仅能够加载[CSS]还能够定义rel等属性
* 1.2 @import:@import是css提供的语法,只有导入样式表的作用
* 
* 加载程序
* 2.1  link:link在页面加载时[CSS]同时被加载
* 2.2 @import:引入的[CSS]要等页面加载结束后再加载
* 
* 3、兼容性区别
* @import是 CSS2.1 才有的语法,故只可在 IE5+ 能力辨认;link标签作为 HTML 元素,不存在兼容性问题。
* 
* 4、DOM可控性区别

* 能够通过 JS 操作 DOM ,插入link标签来扭转款式;因为 DOM 办法是基于文档的,无奈应用@import的形式插入款式。
* 以上就是link和@import的区别有哪些的具体内容。


状态码有哪些

1XX 提示信息 – 示意申请正在解决
2XX 胜利 – 示意申请失常处理完毕
3XX 重定向 – 要实现申请必须进行更进一步的解决
4XX 客户端谬误 – 申请有语法错误或申请无奈实现
5XX 服务器端谬误 – 服务器解决申请出错


评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理