1. CSS中margin外边距会出现那些重叠情况?如何处理?
` 边界重叠是指两个或多个dom盒子(可能相邻或者嵌套)的相邻边界(他们之间没有任何非空内容、补白、边框)重合在一起而形成一个单一边界,这就是重叠`
==解决重叠情况如下==
- 外层元素padding代替
- 内层元素透明边框 border:1px solid transparent;
- 内层元素绝对定位 postion:absolute:
- 外层元素 overflow:hidden;
- 内层元素 加float:left;
- 内层元素 display:inline-block;
- 内层元素padding:1px;
**以上只是解决外边距重叠的方法 请根据实际情况写响应的方法**
2. CSS 中可以通过哪些属性定义,使得一个 DOM 元素不显示在浏览器可视范围内?
- display:none
- overflow:hidden
- visibility:none
3. 在CSS中当自身设置绝对定位父级元素没有相对定位时,自身依据什么元素来定位?
- 可视化窗口来定位
4. CSS预编译器常用有那些?说明使用预编译器的目的?
- 常用的三种:less sass scss
- 编译器的目标无非就是:简化代码,方便开发
5. 如何判断JS数据的类型? 说明基本数据类型和引用数据类型的区别?
-
判断数据类型用 typeOf
-
基本数据类型和引用数据类型的区别无非就是深拷贝与浅拷贝的储存地址不一样
-
如何判断一个对象是否具备某个属性? 如何判断对象为空对象?
答: -
使用in的方式判断使用这个方法不仅能检测到自有的属性,并且同时能检测当前对象原型共用属性,将json对象转为json字符串,在判断该字符串是否为空 {}
-
For in判断
7. 前端请求数据的过程中为什么出现跨域?如何解决跨域问题?
前端请求出现跨域,显然是同源策略
(地址,域名,端口号不同的情况下会出现)
-
采用jsonp的方式再次请求数据就可以解决跨域问题了
8. 说明原生Ajax的实现步骤?并解释步骤的含义?
```-
- 创建ajax对象 Var xhr = new XMLHttpRequest();
- 告诉ajax请求地址以及请求方式(ajax下open方法)
- Xhr.open(‘get’,’http://www.expoen.com’)第一个参数为请求方式,第二个参数为请求地址或服务器端
- 发送请求
- Xhr.send();
- 获取服务器端与客户端的响应数据
- Xhr.onload = function(){
- Console.log(xhr.responseText)
- //xhr.responseText 获取服务器响应数据
- }
9. vuex中有哪些属性(5个)?请说明各属性的特性和作用?
-
state 基本数据 (用于存放数据的大仓库,想要使用数据只能从这里拿) getters 从基本数据(state)派生的数据 他的作用就是更改state中的数据 mutations 提交更改数据的方法,同步请求, mutations想要更改数据只能提交给getters,然后getters在更改state 中的数据 mutations也可以实现同步请求 actions 像一个装饰器,包裹mutations,从而实现异步请求 modules 模块化Vuex
10. 解释vue中的双向数据绑定和单向数据流含义?
双向绑定
双向绑定就是model的更新会触发view的更新
view的更新会触发model的更新,他们之间是相互作用的
单向数据流
而单向数据流就是model的更新会触发view的更新
但view的更新不会触发model的更新,它们的作用是单向的