上元Web培训：Web前端企业笔试集锦（Javascript库&框架篇）
1、如何使用JQuery将页面上所有的span元素背景色设置为红色？
 $("span").css("background-color": "red" )
$("#msg").text();和$("#msg").text("new content");有什么区别？
  $("#msg").text()：获取元素的文本内容
  $("#msg").text("new content")：设置元素的文本内容

2、JQuery选择器$(".class1.class2")和$(".class1 .class")的区别是？
 $(".class1.class2")：选择同时包含类class1和类class2的元素
  $(".class1 .class2")：选择类class1中包含类class2的元素

3、在Vue中，v-show和v-if指令有什么作用？又有什么不同点？
  显示隐藏DOM元素
  不同：v-show：元素先添加到DOM中，然后控制DOM元素的display属性
v-if：根据指令的值控制元素是否被插入到DOM中

4、Vue实现双向绑定的原理是？
 数据劫持：
    vue.js采用数据劫持结合发布者-订阅者模式的方式，通过Object.defineProperty()来劫持各个属性的setter，getter，在数据变动时发布消息给订阅者，触发相应的监听回调

5、angularjs1和angular2的区别是？
1、编程语言的不同：angular1.x是JavaScript，可以直接在浏览器中运行，而angular2是TypeScript,只有经过编译后才能在浏览器中运行，所以它必须使用构建工具
2、作用域Scope：在2中没有$Scope,它使用zone.js来记录监测变化
3、指令：在2中指令使用符号，例如：ngFor、*ngIf；指令不能直接嵌套使用，所以它增加了一个标签来包裹指令
4、过滤器：1用：filter。在2中名字改为了Pipe,增加asyc、slice、parcent
5、组件生命周期：1中没有明确的生命周期机制，在2中有精心设计的生命周期
6、双向数据绑定：[(ngModel)]的写法替换了ng-model
7、Angular1.x没有针对移动应用特别优化

想了解更多Web前端面试题，欢迎随时来上元IT咨询！