前端面试题（十五）
已知高度和宽度的元素： 设置父元素为相对定位relative，给子元素设置绝对定位absoluted，top: 0; right: 0; bottom: 0; left: 0; margin: auto; 设置父元素为相对定位，给子元素设置绝对定位，left: 50%; top: 50%; margin-left: --元素宽度的一半px; margin-top: --元素高度的一半px; 未知高度和宽度的元素： 设置父元素为相对定位，给子元素设置绝对定位，left: 50%; top: 50%; transform: translate(-50%，-50%); 设置父元素为相对定位，给子元素设置绝对定位，left: 50%; top: 50%; transform:translate(-50%，-50%); 组件中的 data 写成一个函数，数据以函数返回值形式定义，这样每复用一次组件，就会返回一份新的 data ，类似于给每个组件实例创建一个私有的数据空间，让各个组件实例维护各自的数据。而单纯的写成对象形式，就使得所有组件实例共用了一份 data ，就会造成一个变了全都会变的结果。 for of： 支持 return ，并且是值 of 数组（不能遍历对象） 1. 可以避免所有 for-in 循环的陷阱 2. 不同于 forEach()，可以使用 break, continue 和 return 3. for-of 循环不仅仅支持数组的遍历。同样适用于很多类似数组的对象 4. 它也支持字符串的遍历 5. for-of 并不适用于处理原有的原生对象 for in： forEach： assets文件夹里是静态资源；components是放组件；router是定义路由相关的配置；view视图；app.vue是一个应用主组件；main.js是入口文件 在组件切换过程中将状态保留在内存中，防止重复渲染DOM，减少加载时间及性能消耗，提高用户体验性。 生命周期函数： activated（ 组件激活时调用 ）、deactivated（ 组件停用时调用 ） 常见的使用场景可以分为三类: 当频繁执行条件时，不适合使用 v-if ,用 v-show ; 反之执行条件的次数很少，使用 v-if 即可。 v-if 和 v-for ,不推荐两者一起使用在同一个元素上，虽然也能运行，但是编辑器会报警告；两者一起使用时，v-for比v-if具有更高的优先级，
Web前端5道面试题
1.请说明ECMAScript,JavaScript,Jscript之间的关系?ECMAScript提供脚本语言必须遵守的规则、细节和准则，是脚本语言的规范。比如：ES5，ES6就是具体的一js版本。JavaScript是ECMAScript的一个分支版本,JavaScript实现了多数ECMA-262中描述的ECMAScript规范，但存在少数差异。JScript是微软公司对ECMA-262语言规范的一种实现,除了少数例外(这是为了保持向后兼容),微软公司宣称JScript完全实现了ECMA标准.关系:JavaScript和JScript都是ECMAScript的版本分支,二者在语法上没有多大的区别;只不过一个是NetScape公司的,一个是微软的;IE系列默认是JScript,其它的则反之用JavaScript。2.页面加载过程中可能触发哪些事件?它们的顺序是?页面加载时，大致可以分为以下几个步骤：1)开始解析HTML文档结构2)加载外部样式表及JavaScript脚本3)解析执行JavaScript脚本4)DOM树渲染完成5)加载未完成的外部资源6)页面加载成功执行顺序:1)documentreadystatechange事件2)documentDOMContentLoaded事件3)windowload事件3.函数中在声明变量a前使用a会产生错误吗?为什么?不会,JS中能够进行变量作用域提升,把所有变量、函数的声明提升到当前作用域的最前面,但不进行赋值操作;所以可能造成获取的值是undefined。4.什么是hash,以及hashchange事件?先了解下什么是hash:hash即URL中"#"字符后面的部分。a)使用浏览器访问网页时，如果网页URL中带有hash，页面就会定位到id(或name)与hash值一样的元素的位置;b)hash还有另一个特点，它的改变不会导致页面重新加载;c)hash值浏览器是不会随请求发送到服务器端的;d)通过window.location.hash属性获取和设置hash值。window.location.hash值的变化会直接反应到浏览器地址栏(#后面的部分会发生变化)，同时，浏览器地址栏hash值的变化也会触发window.location.hash值的变化，从而触发onhashchange事件。再来了解下什么是hashchange事件:a)当URL的片段标识符更改时，将触发hashchange事件(跟在#符号后面的URL部分，包括#符号)b)hashchange事件触发时，事件对象会有hash改变前的URL(oldURL)和hash改变后的URL(newURL)两个属性。5.什么是CDN,CDN对于网站有什么意义,它有什么样的缺点?CDN又称为内容分发网络;本意在于尽可能避开互联网上有可能影响数据传输速度和稳定性的瓶颈和环节，使内容传输的更快、更稳定。主要目的:解决因分布、带宽、服务器性能带来的访问延迟问题，适用于站点加速、点播、直播等场景。使用户可就近取得所需内容，解决Internet网络拥挤的状况，提高用户访问网站的响应速度和成功率。缺点:a)实施复杂,投资大;b)目前大部分的CDN还只是对静态内容加速，对动态加速效果不好;而双线对动态加速的效果跟静态是一样的。
