阿西河

所有教程

公众号
🌙
阿西河前端的公众号

我的收藏

    最近访问  (文章)

      教程列表

      抓包专区
      测试专区

      乐信 前端工程师面试题

      乐信 前端工程师面试题

      选择题

      当前页面的图片请求头cache-control字段设置值为:max-age= 3153600000,public,immutable; etag和last-modified属性均进行了设置有效,且在用户访问的时间内没有进行变化;当前用户访问页面时,第一次访问发现图片没有加载完成,用户使用快捷键ctrl+F5操作进行了网页刷新后二次访问页面,请选择以下描述正确项:

      正确答案: B

      当前图片资源只能客户端缓存,代理服务器无法缓存,用户二次访问时图片请求网络状态码为304;
      当前图片资源客户端和代理服务器都能进行缓存,用户二次访问时图片请求网络状态码为200;
      当前图片资源只能在代理服务器进行缓存,客户端无法缓存,用户二次访问时图片请求网络状态码为200;
      当前图片资源客户端和代理服务器都能进行缓存,用户二次访问时图片请求网络状态码为304;
      

      选择题

      公司计划开发一个新的APP投放到市场进行新业务模式探索,由于是新业务探索,业务会需要每周立刻调整页面迭代功能配合市场策略调整,新业务会在学校、菜市等网络环境不是特别好的地方进行获客,在前期获客期间,期望能快速的呈现页面吸引用户,当前新APP公司期望1个月内完成开发并上线,请选择适合当前需求背景的前端技术框架:

      正确答案: D

      原生开发,IOS采用swift,android采用kotlin;
      原生开发,IOS和android都采用flutter;
      原生开发,IOS采用object-c,android采用java;
      动态化开发,采用weex或reactnative;
      

      以下正则进行对字符串"welcome**to**fenqile**"执行test操作后输出为true的正则表达式是:

      正确答案: C

      /welcome\*{2,4}to\*{2,4}fenqile$/
      /^welcome\*{2,4}to\*{2,4}fenqile$/
      /welcome\*{2,4}to\*{2,4}fenqile\*{0,1}/
      /^welcome\*{2,4}to\*{2,4}fenqile\*{0,1}$/
      

      "113"+25-"50" 的运算结果是:

      正确答案: B

      88
      11275
      undefined
      1132550
      

      以下哪项描述是正确的:

      正确答案: D

      cookie分永久cookie和会话级别cookie,两种cookie都可以实现跨浏览器的传输;
      storage分localStorage和sessionStorage,localStorage没有跨域的限制,但是sessionStorage有;
      sessionStorage和localStorage的API完全一致,但是存储空间有区别,sessionStorage存储空间小于localStorage;
      cookies和storage都存在跨域限制;
      

      以下哪项描述是正确的:

      正确答案: C

      字符串、数组、对象、整型等都是数据结构;
      队列和栈都可以实现递归;
      树形结构只能描述一对多的相互关系,无法描述多对多的相互关系,多对多的相互关系要使用图形结构进行描述;
      图的深度和广度搜索都应该优先使用队列;
      

      以下标签定义文档的标题,它是 head 部分中唯一必需的元素的是:

      正确答案: D

      meta
      link
      script
      title
      

      用Chrome浏览器不能实现以下什么操作:

      正确答案: B

      删除当前页面的所有本地缓存的cookie和storage;
      将当前页面的请求转发至指定的IP;
      对当前窗口所进行的所有页面跳转进行完整的请求日志记录,即使页面域名不相同;
      实时修改当前页面的HTML、CSS和JS代码并在网页加载时生效查阅更改代码的效果;
      

      下面哪些选项会触发http请求:

      正确答案: C

      <textarea><img src="pic.jpg" style="display:none;" alt="my home"></textarea>
      <textarea style="display:none;"> <img src="pic.jpg" style="visibility:hidden" alt="my home"></ textarea>
      <div style="display:none;  background-image:url(pic.jpg) "></div>
      < textarea><span style="display:none;  background-image:url(pic.jpg) "></ span></ textarea >
      

      以下哪个选项可以生成相对定位的元素,相对于其正常位置进行定位:

      正确答案: D

      fixed
      absolute
      static
      relative
      

      以下描述正确的是

      正确答案: A

      flutter技术实现的APP,不是hybrid app;
      PWA其实就是在hybrid app模式下,通过缓存加快原生APP里面的H5页面加载;
      severless是指完全不需要服务器,当前页面通过本地的index DB技术支持页面完全离线加载;
      IoT和typescript一样,是JS的超集,本质上向这个语言添加了可选的静态类型和基于类的面向对象编程;
      

      以下描述正确的是

      正确答案: C

      对到页面之间交互展示基本没有公共模块的流程,我们也推荐使用SPA的方式进行页面开发,我们可以通过SSR进行解决SPA模式不利于SEO的问题;
      图片验证码主要是防止XSS和CSRF的攻击,图片验证码客户端需先进行一次校验,然后再在服务端校验一次;
      防止CSRF攻击时,我们可以采用token机制进行页面来源是否合法的判定,这个token不能采用非对称加密形式生成;
      内联JS的加载方式非常不利于代码的维护,并极其影响页面性能,这种加载js的方式已经逐渐被淘汰了,现在基本上都采用外联JS的引用方式;
      

      var a = “fenqile”,以下选项可获取a变量里面的第三个字母n的是:

      正确答案: B D

      a[3];
      a.charAt(2);
      a.substr(2,2);
      a.substring(2,3);
      

      以下不存在跨域问题的选项是:

      正确答案: A

      http://www.a.com/lab/a.js 和  http://www.a.com/lib/b.js;
      http://www.a.com/a.js     和  https://www.a.com/b.js;
      http://www.a.com/a.js     和  http://192.34.2.1/a.js;
      http://www.a.com/a.js     和  http://a.com/b.js;
      

      如果网站完全没有进行XSS的防范手段,坏人通过XSS漏洞对用户小A进行了攻击,可以在网站进行以下什么操作:

      正确答案: A D

      让当前小A访问的所有页面样式错乱
      更改小A在网站上绑定的手机号及交易密码
      将小A手机上的APP进行删除
      引导小A跳转至其他网站
      

      当前定义了一个变量var a = “fenqile”,将该字符串改为全大写输出1;

      (1) a.toUpperCase()
      

      面向对象的三个基本特征;

      参考答案

      (1) 封装、继承和多态 或 封装、继承、多态
      

      ajax和axios、fetch三个对象中,没有使用XMLHttpRequest对象的是1;

      参考答案

      (1) fetch
      

      grunt、webpack和gulp三个构建工具中,其中1是任务流工具,2是模块打包工具;

      参考答案

      (1) grunt、gulp
      (2) webpack
      

      http://hui.m.fenqile.com:8080/index.html这个链接中,二级域名是1,三级域名是2;

      参考答案

      (1) fenqile.com
      (2) m.fenqile.com
      

      列出至少10个国内外对应网站或者APP,并说明它们对应的理由;

      例:即时通讯社交软件:国内-微信,国外-whatsapp/line

      为了2020届应届生校招,现简单开发了一个让参加校招的同学录入信息的页面,当前页面如下图所示:

      https://uploadfiles.nowcoder.com/images/20190820/316504_1566287010670_A36D494636F06DB62FBEE4A995A90934

      • (i) 请从前端专业角度分析当前页面可以进行哪些手段优化提升性能和用户体验;
      • (ii) 请将当前页面的内容以json对象进行输出;

      编程题

      var a = ["Welcome", "to", "Lexin", "!"];
      var b = ["Let", "us", "make", "the", "future", "together", "!"];
      

      请用console.log打印,通过a和b两个变量组合成以下内容(注意:两句话中间需要换行,单词之间需要用空格进行分割): Welcome to Lexin ! Let us make the future together !

      备注:后期会人工阅卷打分;请务必点击“保存并调试”按钮保存答案,但不必以运行结果为准。

      编程题

      宠物店出售一种电子狗(AIDog),电子狗有白色(white)和黑色(black)两种类型,电子狗可以帮主人打扫房间(clean),定时叫醒主人(wakeUp),用户购买电子狗后可以对打扫房间的频率,以及叫醒服务的时间及声音进行设置;

      • (i)根据描述请写出对象:
      • (ii)小A想买一个白色的电子狗,每隔24个小时电子狗就进行一次房间打扫,每天早上8:30电子狗就旺旺(‘wang wang’)叫醒主人,请根据描述给小Anew一个电子狗实例:

      备注:后期会人工阅卷打分;请务必点击“保存并调试”按钮保存答案,但不必以运行结果为准。

      参考

      https://www.nowcoder.com/test/20967670/summary

      目录
      本文目录
      目录