首页 > 再惠网络科技、民生银行前端工程师社招面经分享
头像
牛客399092046号
编辑于 2021-08-14 12:09
+ 关注

再惠网络科技、民生银行前端工程师社招面经分享

再惠网络科技

1.Html5新增的语义化标签有哪些

语义化标签优点:1.提升可访问性2.seo 3.结构清晰,利于维护Header页面头部main页面主要内容footer页面底部Nav导航栏aside侧边栏article加载页面一块独立内容Section相 当 于div figure加 载 独 立 内 容 ( 上 图 下 字 )figcaption figure的标题Hgroup标题组合标签mark高亮显示dialog加载对话框标签(必须 配合open属性)Embed加载插件的标签video加载视频audio加载音频(支持格式ogg,mp3,wav)


2.行内元素/块级元素有哪些?

行内元素:相邻的行内元素会排列在同一行,不会独占一行设置宽高无效span块级元素:会独占一行 可以设置宽高等属性div可变元素:根据上下文预警决定该元素为块元素还是内联元素块级元素:div h1-h6 hr p ul ol table address blockquote dir from menu行内元素:a br I em img input select span sub sup u textarea可变元素:button del iframe ins


3.常见的兼容性一阶段内容中记几个


4.关于JS动画和css3动画的差异性

渲染线程分为main thread和compositor thread,如果css动画 只 改 变transform和opacity, 这 时 整 个CSS动 画 得 以 在compositor trhead完成(而JS动画则会在main thread执行, 然后出发compositorthread进行下一步操作) ,特别注意的是如果 改变transform和opacity是不会layout或者paint的。 区别: 功能涵盖面,JS比CSS大 实现/重构难度不一,CSS3比JS更加简单,性 能跳优方向固定对帧速表现不好的低版本浏览 器,css3可以做到自然降级css动画有天然事件支持css3有兼容性问题


5.闭包是什么?有什么特性?对页面会有什么影响

闭包可以简单理解成:定义在一个函数内部的函数。其中一个内部函数在包含它们的外部函数之外被调用时,就会形成闭包。


6.普通函数和构造函数的区别



7.说一下事件委托

简介:事件委托指的是,不在事件的发生地(直接dom)上设置监 听函数,而是在其父元素上设置监听函数,通过事件冒泡,父元素可 以监听到子元素上事件的触发,通过判断事件发生元素DOM的类 型,来做出不同的响应。 举例:最经典的就是ul和li标签的事件监听,比如我们在添加事 件时候,采用事件委托机制,不会在li标签上直接添加,而是在ul父元素上添加。 好处:比较合适动态元素的绑定,新添加的子元素也会有监听函数, 也可以有事件触发机制。


8.This指向

在JavaScript中,this通常指向的是我们正在执行的函数本身,或者是, 指向该函数所属的对象。

全局的this →指向的是Window

对象中的this →指向其本身

事件中this →指向事件对象


9.重绘和回流是什么

回流:当render tree中的一部分或者全部因为元素的规模尺寸,布局, 隐藏等改变而需要重新构建,这就叫回流,每个页面至少需要一次回流, 就是在页面第一次加载的时候,这时候一定会发生回流,因为要构建render tree在回流的时候,浏览器会使渲染树中收到影响的部分失效,并重新构造 这部分渲染树,完成回流后,浏览器会重新绘制受影响的部分到屏幕中, 这就是重绘 当rendertree中的一些元素需要更新属性,而这些属性只是影响元素的 外观,不会影响布局,就叫重绘


10.Jquery插入节点的方法


11.v-text与{{}}与v-html区别




民生银行

1.DOM渲染在那个生命周期阶段内完成

DOM渲染在mounted周期中就已经完成


2.Vue中指令有哪些


3.Vuex怎么请求异步数据

1.首先在state中创建变量2.然后在action中调用封装好的axios请求,异步接收数据,commit提交给mutations Mutations中改变state中的状态,将从action中获取到的值赋值给state


4.Vue路由懒加载(按需加载路由)


5.Vue与react区别


6.调用super(props)的目的是什么

Super()调用父类的构造方法,有super,组件才有自己的this,在组 件全局中都可以使用this,如果只是constructor而不执行super,之后 的this都是错的,super继承父组件的this


7.如何提高小程序的首屏加载时间

提前请求:异步数据数据请求不需要等待页面渲染完成

利用缓存:利用storageAPI对异步请求数据进行缓存,二次启动时

先利用缓存数据渲染页面,再进行后台更新

避免白屏:先展示页面骨架和基础内容

及时反馈:及时地对需要用户等待的交互操作给出反馈,避免用户以

为小程序没有响应

性能优化:避免不当使用setdata和onpagescroll



8.小程序页面间有哪些传递数据的方法


9.怎么提升页面性能?性能优化有哪些?


10.后台传递过来的数据是那些


11.Css3新增的特性


12.浏览器的标准模式和怪异模式区别?

标准模式:浏览器按照W3C标准解析执行代码 怪异模式:浏览器根据自己的方式解析执行代码,因为不同浏览器解析 执行方式不一样,所以叫怪异模式




更多模拟面试

全部评论

(1) 回帖
加载中...
话题 回帖

推荐话题

相关热帖

历年真题 真题热练榜 24小时
技术(软件)/信息技术类
查看全部

热门推荐