招银网络科技秋招补录前端面经
笔试
- 前面选择题都比较杂,后面专门的前端是两道编程题(感觉就leetcode简单题吧) + 一道html,css的情景应用
一面(11.17)
- ① 自我介绍(由于提到最近看红宝书,因此提问相关知识点,这里我对第三章数据类型的印象很深,就提到了数据类型的隐式转换)
let obj = {valueOf() {return 1;},toString() {return '1';}}// 引用类型转原始,优先调用valueOf >> toString+obj;
② == 和 ===(第一时间忘记了,仅记得
null
,undefined
在==
中相等,而在===
中不相等)- 其实区别就在于
==
在比较的时候会隐式的进行数据类型的转换,再去比较它们,而===
则不会,但null和undefined是规定的
'1' == 1 // true'1' === 1 // false
- 扩展一下,switch(ch)的ch比较与
==
一样
- 其实区别就在于
③
+
和-
的使用(优先转Number类型,引用则调用valueOf >> toString)1 + '1' = '11'1 - '1' = 0[] + 1 = 1
④ var,let,const的区别
变量提升
,但let,const由于TDZ因此不能在声明语句前去使用它- let,
const
(声明时候必须赋予初始值,后续不允许重新赋值)新增块级作用域
,且存在TDZ
,变量不可重复声明
⑤ 继承(此处我仅答了基于原型链的继承)
- 因为JS中的继承都是通过原型链来实现的,哪怕是class也仅是一个语法糖
function Person(bname,age) {this.bname = bname;this.age = age;}Person.prototype.className = 'Person';function People(bname,age) {Person.call(this,bname,age);this.className = 'People';}/*let Fun = function() {};Fun.prototype = Person;let f = new Fun();*/let f = Object.create(Person);Person.prototype.constructor = People;People.prototype = f;let people = new People('moon',21);
- 相应的
class
版本
class Person {constructor(bname,age) {this.bname = bname;this.age = age;}}Person.prototype.className = 'Person';class People extends Person {constructor(bname,age) {super(bname,age); // Person.call(this,name,age);this.className = 'People';}}let people = new People('moon',21);console.log(people);
⑥ this指向问题(对箭头函数认识不够清晰,当时答了1,1)
- 首先都是通过对象调用方法,显然this应该在形成函数上下文时赋值为obj,但要注意
箭头函数
没有函数上下文的,它的this
使用的是当前的栈顶上下文
(即全局上下文)
// 此处将var改为let或const,则第一个obj.f1()输出undefined,块级作用域的缘由var a = 0; var obj = {a: 1,f1: () => {console.log(this.a);},f2: function () {console.log(this.a);}}obj.f1(); // 0obj.f2(); // 1
- 首先都是通过对象调用方法,显然this应该在形成函数上下文时赋值为obj,但要注意
⑦ call和apply
- 均是改变this指向,区别在于后者传入的是数组形式
⑧ React的生命周期(此处我说了React15和React16的不同构架)
⑨ React.Component 和 React.PureComponent的区别
- 这个其实就是在
类组件
中的shouldComponentUpdate
添加传入的state或prop比较,防止前后没有变化但更新组件 - 而在
函数式组件
中则对应了 useCallback或useMemo 搭配memo 的使用
shouldComponentUpdate(nextProp,nextState) {return this.prop !== nextProp || this.state !== nextState;}
- 这个其实就是在
⑩ 浅克隆和深克隆
- 浅克隆的实现方式
Object.assign()...运算符JSON.parse()和JSON.stringify()
- 深克隆的实现方式(像JSON方法实现的克隆就存在
特殊类型无法拷贝
,箭头函数和非箭头函数,map,regexp,symbol为key等)- 之前对照神三元的实现了一遍,有兴趣的还是去看它的吧
END,反问:你怎么评价我呢(下次要换成对我学习上有什么建议才行,不然太明显了)
二面(11.19)
由于自我介绍的时候说了自己用原生JS写了一个轮播图,不知道怎么的就扯到我喜欢原生JS(这个确实,但被问麻了)
提到了那些烂大街的网易云音乐,面试官笑了笑,其实这个我很早就意识到了,所以没写在简历上
input标签
的值有几个text,password,radio,checkbox,button,submit,reset,file,range,date,number等
有几种变量声明(function是提示的)
var let const function class *function
原生与框架有什么不同:vdom,但不懂diff算法就没说了,其次使用方便
如何border用css画三角形:其实就是利用border-width来控制三角形的高,然后其它方向的颜色设置为透明即可
当时要画等腰三角形,其实等边也很容易画的,控制好比例即可
由于是计科的,问为什么选前端 ?
在学校还学过什么课程(提到数据库,计网等)
- 然后考了个简单的sql,有字段name,type,统计不同选修课的人数(但由于太久没怎么用了,好多用法忘了(⊙﹏⊙))
select count(name) from cource group by type;
- 有什么不同的数据结构(栈,队列,链表,树,图,堆,数组),追问数组和链表谁效率更好 ?
- 链表的插入和删除更为简单,不需要移动元素,
- 而数组的访问更为简单,插入和删除,需要移动元素,且达到申请的最大长度限制需要扩充
- 然后考了个简单的sql,有字段name,type,统计不同选修课的人数(但由于太久没怎么用了,好多用法忘了(⊙﹏⊙))
url 组成
协议 : // 域名 : 端口 + 路径 + [请求参数] + #
- 当时不知道#的用处和名称,面试官说叫
锚点
,用于定位
- 当时不知道#的用处和名称,面试官说叫
编程:翻转一维数组,空间复杂度O(1)
当时直接口诉了双指针解决,就没在追问和coding,直接进入反问环节
20min左右,当时很绝望,觉等自己挂了,但转念一想继续学习吧
- 项目经验不足,好好做毕设
- 原生不足,好好看书巩固知识,慢慢来吧
hr(11.23)
- 常见的一些问题,就不多写了
后续
- 博主由于没有更好的offer,因此就选择接受它了,之后还是要持续学习的。
招银网络科技秋招补录前端面经相关推荐
- 20220905招银网络科技笔试
20220905招银网络科技笔试 招银这题和LeetCode480差不多,应该是改编的 题目链接 https://leetcode.cn/problems/sliding-window-median/ ...
- 一个妹子的招银网络科技Java后台开发面经
基本情况 妹子985非科班硕士,秋招Java后台开发,先后投递了招银网络科技,招行***中心,招行总行的岗位和招行杭州分行. 招行有很多机构,这些机构之间可同时投递多个,面试可并行进行,也可以同时拿多 ...
- 2021届招银网络科技提前批笔试
2021届招银网络科技提前批笔试 写在前面: 第一次参加笔试,结果不重要,就当作是积累经验啦~ 有一些坑记录下来,后面的人看到也可以注意一下: 1.每部分题目是不能往回翻页的,就是说你不能想着做完了后 ...
- 招银网络科技面试总结
昨天下午参加了招银网络科技的Java开发的面试,本来昨晚上想写个总结,但是被其他事情耽搁了,所以今天补上这个总结. 招银网络科技的面试分为技术面和hr面,技术面只有一次.公司风格比较随性,两个面试好像 ...
- 招银网络笔试java_2020招银网络科技校园招聘常见问题
关于简历投递方面问题 Q:我可以申请几个校招职位? A:本次校园招聘您最多只能申请1个职位,因此建议明确自己希望应聘的岗位. Q:简历提交之后,我还能进行修改? A:简历状态为"简历评估&q ...
- 招银网络科技java春招二面_招银网络科技 2019春招笔试题复盘
因本人刚开始写博客,学识经验有限,如有不正之处望读者指正,不胜感激:也望借此平台留下学习笔记以温故而知新.这篇博客是复盘回忆招银网络科技2019春招的笔试试题类型,相关岗位:算法工程师. 简要介绍:时 ...
- 招银网络科技杭州 java_招银网络科技_杭州Java后端_视频一、二面,HR面
2020-7-28HR面 在别人面过HR面之后的一周,收到了HR面的通知.大概是7.24收到的吧. 自我介绍 为什么不读博士? 为什么投招银?了解招银网络科技吗? 平时的作息? 他们是995,问能否接 ...
- 杭州c语言开发招聘,杭州招银网络科技
为了帮助职业圈网友能够及时了解杭州招银网络科技的面试流程以及面试过程所涉及的面试问题,职业圈小编把刚获得的杭州招银网络科技面试经验马上编辑好,快速提供给大家,以便能够尽快帮助到有需要的人.这次面试总共 ...
- 招银网络科技前端开发电话面试
招银网络科技前端开发电话面试 整个过程26分钟,都没让自我介绍...大致问题如下 1.http协议的html文档结构 2.闭包 3.http与https的区别 4.给出一个列表,其中有一个对象是姓名和 ...
最新文章
- c语言图形化编程入门_C语言C++新手入门,VS2013编程器安装教程
- java怎么把数据返回给客户端_将数据从Servlet返回到Java客户端
- ubuntu中遇到jupyter出现问题ValueError: signal only works in main thread ERROR:tornado.application:Except
- 如果REST应用程序应该是无状态的,那么如何管理会话?
- 为什么每天扣我50无忧币?
- z变换与拉普拉斯变换的关系
- c#+上传文件至服务器,C# 实现文件上传到服务器
- 数据库系统原理——实验一
- 图片优化之Base64解决方案
- Gym - 101982E Cops And Robbers 网络流最小割
- 推荐系统论文重要的三个指标——Recall、NDCG、RMSE
- 校园网组建 (基于Packet tracer)
- 用 Python 实现 RSI 指标线与股价的顶背离、底背离
- linux服务器抓包实例
- Linux alsa 声卡驱动 安装 卸载 设置默认声卡
- The road to learning English-Writing
- 他山之石,可以攻玉篇
- 计算机键盘桌滑道原理,电脑桌键盘滑道组装办法,办公桌下面的键盘托怎么安装...
- 经典网页布局浮动广告
- 扫雷【含递归和标记的完整代码及详细讲解】
热门文章
- 视频网站如何选择云服务器配置?
- bbf算法_2b1a6db4-a506-4a75-bb5c-563bbf184e20的占位符
- 历经五主而不衰的风流皇后:南朝萧皇后
- 5/21 周六_习惯累积沉淀_新浪博客
- html js utf8编码转换器,用Javascript实现UTF8编码转换成gb2312编码
- “丑小鸭”真的能变成“白天鹅”吗?
- html5 menu下拉,jquery下拉菜单插件SelectMenu
- C语言实现strstr
- C# MenuStrip中的item快捷键设置
- mssqlserver 2008的安装