前端基础面试点(一)

1、说一说ifream标签的作用

        用来在页面嵌入其他页面，通过src属性实现链接其他页面，更多属性说明

        ifream标签的使用场景

• 典型系统结构，左侧是功能树，右侧就是一些常见的table或者表单之类的。  
• 加载别的网站内容，例如google广告，网站流量分析。
• 网站内多个地方用到同一个页面，便于后期维护。 

        ifream标签的优点

• iframe能够把嵌入的网页原样展现出来。
• 模块分离，便于更改，如果有多个网页引用iframe，只需要修改iframe的内容，就可以实现调用的每一个页面内容的更改，方便快捷。
• 网页如果为了统一风格，头部和版本都是一样的，就可以写成一个页面，用iframe来嵌套，增加代码的可重用。
• 如果遇到加载缓慢的第三方内容如图标和广告，这些问题可以由iframe来解决。
• 重载页面时不需要重载整个页面，只需要重载页面中的一个框架页。
•  iframe可以解决第三方内容加载缓慢的问题。

        ifream标签的缺点

• iframe框架的内容无法被搜索引擎捕获, 所以iframe不适用于首页。
• iframe兼容性较差。
• iframe会阻塞主页面的Onload事件。

2、谈谈css预编译

        css预编译简洁明了，就是预先编译处理css。它扩展扩展了 css 语言，增加了变量、函数等编程的特性，使 css 更易维护和扩展。工作原理是提供便捷的语法和特性用于开发，随后经过专门的编译工具将源码转化为css语法。

        css预编译诞生的原因

• 语法不够强大，比如无法嵌套书写，导致模块化开发中需要书写很多重复的选择器。
• 样式复用不灵活。

        css预编译的优点

• 增加样式层复用，减少冗余代码，提高样式代码的可维护性。
• 增强编程能力；便于解决浏览器兼容性。

        css预编译常用的预处理器

• Sass less文档

• Less sass文档

• stylus 用的较少

3、vue相比于web有哪些优点

       问题的主要是：vue有哪些优点vue优缺点

• vue特点：响应式编程、组件化。
• vue的优势：轻量级框架、简单易学、双向数据绑定、组件化、数据和结构的分离、虚拟DOM、运行速度快。
• vue是单页面应用，使页面局部刷新，不用每次跳转页面都要请求所有数据和dom，这样大大加快了访问速度和提升用户体验。而且他的第三方ui库很多节省开发时间。

4、js中如何阻止事件冒泡、默认事件

        阻止事件冒泡：event.stopPropagation();

        阻止默认事件：event.preventDefault();

5、说说有哪些css 2d转换

        常用的五个变换：translate()、rotate()、scale()、skew()、matrix()

        2d转换的用法

6、谈谈js的事件委托

        通俗的讲，事件就是onclick，onmouseover，onmouseout等就是事件，委托呢，就是让别人来做，这个事件本来是加在某些元素上的，然而你却加到别人身上来做，完成这个事件。也就是利用冒泡的原理，把事件加到父级上，触发执行效果。提高性能，节省内存占用，减少事件注册。

代码如下：

function on(eventType, element, selector, fn) {
  if (!(element instanceof Element)) {
    element = document.querySelector(element);
  }
  element.addEventListener(eventType, (e) => {
    const t = e.target;
    if (t.matches(selector)) {
      fn(e);
    }
  });
}

//事件名，委拖元素， 被操作元素， 执行代码
on("click", "#div1", "button", () => {
  console.log("button被点了");
});

7、HTML5新特性

包括但不限于：详细说明

• 语义化标签
• 增强型表单
• DOM扩展
• 原生拖放
• 媒体元素
• Web Socket
• Web Storage
• 地理位置
• canvas绘图

8、box-sizing（盒子模型）

        盒子模型介绍

        box-sizing的用法