乐趣区

关于前端:面试题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 服务器端谬误 – 服务器解决申请出错


退出移动版