前端基础面试点(一)

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的用法

你可能感兴趣的:(前端,javascript,vue.js)