您所在位置:主页 > 新闻资讯 > IT资讯 >

上元Web培训:Web前端企业笔试集锦(Javascript库

2020-04-24 11:27 上元教育
上元Web培训:Web前端企业笔试集锦(Javascript库&框架篇
1、如何使用JQuery将页面上所有的span元素背景色设置为红色?
 $("span").css("background-color": "red" )
$("#msg").text();和$("#msg").text("<b>new content</b>");有什么区别?
  $("#msg").text():获取元素的文本内容
  $("#msg").text("<b>new content</b>"):设置元素的文本内容
 
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;指令不能直接嵌套使用,所以它增加了一个<ng-container></ng-container>标签来包裹指令
4、过滤器:1用:filter。在2中名字改为了Pipe,增加asyc、slice、parcent
5、组件生命周期:1中没有明确的生命周期机制,在2中有精心设计的生命周期
6、双向数据绑定:[(ngModel)]的写法替换了ng-model
7、Angular1.x没有针对移动应用特别优化
 
想了解更多Web前端面试题,欢迎随时来上元IT咨询!

上一篇:上元Web培训:Web前端的职业发展方向有哪些?

下一篇:上元IT培训:0基础如何进入IT行业