前端面试问问题3

139 阅读2分钟
  1. 学过哪些基础框架? 常用的Web前端框架有Angular、React、Bootstrap和Vue
  • Angular框架包含的东西比较完善,包含模板、数据双向绑定、路由、模块化、服务、过滤器、依赖注入等所有功能。使用TypeScript能够提高代码可维护性,有利于后期重构。。

  • React是单向数据流,代码写起来会较双向数据流的多一些,但是同样的排查问题时思路清晰很多

  • ★Vue是行内的大趋势,可以用来开发小程序。同时是双向数据流。Vue是Angular和React的结合,既有Angular的模板语法也有React的组件化体系。

  • Boostrap绝对是目前使用广泛的一款框架。它是一套优美,直观并且给力的Web设计工具包,可以用来开发跨浏览器兼容并且美观大气的页面。它提供了很多流行的样式简洁的UI组件,栅格系统以及一些常用的JavaScript插件。

  1. vue怎么实现数据的双向绑定?
  • ★v-model表单元素设置了之后会忽略value,checked,selected
  • ★v-bind:动态绑定一个或多个特性(可以缩写成 :value)
  • ★v-for:遍历数组,对象,字符串,数字
  • ★v-on:监听DOM事件(v-on:click可以缩写@click)
  • v-html:把html字符渲染成html
  • v-once:只绑定一次(<h1 v-once>{{msg}}</h1>)写法
  • v-text:代替花括号(<h1 v-text="msg"></h1>)写法,不会识别html标签
  • ☆条件渲染:v-if和v-show
  1. es6列举常用的方法?
  • let, const 都是块级作用域,其有效范围仅在代码块中。
  • 模板字符串:变量填充,优雅而简洁
  • 箭头函数
  • 数组:reduce数组累加乘除 foreach排他思想 map返回一个新数组 filter过滤 find循环数组,找到符合条件就终止 some满足条件就返回true,剩下不执行与every相反
  1. promise,async,await用法?
  • promise:new Promise()就可以获取对象,异步函数 执行完毕时 所进行的回调
  • async:声明一个函数为异步函数,当用了async声明后就成promise对象,通过await就可以拿到异步返回值
  • await:await 是等待的意思,用于含有async的函数体内,可以让两个异步函数按照顺序执行同步,也就是自上而下,依次执行。这样可以避免写过多的嵌套代码。
  1. 箭头函数和普通函数区别?
  • 箭头函数是匿名函数,不能作为构造函数,不能使用new。
  • 箭头函数没有原型属性
  • 箭头函数的this指向调用父级的对象,如果父级作用于还是箭头函数,就继续向上找,直到window
  • 普通函数的this指向调用他的对象
  1. jQuery中绑定事件用的on和bind有什么区别?

主要是事件冒泡