modelmap前端怎么取值_【百度】前端开发岗面试题
来都来了
不关注一下吗
二面三面都有手写代码的环节,对于我这种动手能力弱的人来说还是挺吃力。当时提前批投递的是深圳百度,总共只招五个前端,没过也很正常。后面正式批笔试过了,但是要去北京面试,也就直接放弃了。
一面:
1.为什么要用flex布局,align-items和justify-content的区别
传统布局基于盒模型,非常依赖 display属性 、position属性 、float属性。而flex布局更灵活,可以简便、完整、响应式地实现各种页面布局,比如水平垂直居中。
align-items:定义在垂直方向上的对齐方式;
justify-content:定义在水平方向上的对齐方式。
2. webpack是怎么打包的,babel又是什么?
把项目当做一个整体,通过一个给定的主文件(如:index.js),Webpack将从这个文件开始找到项目的所有依赖文件,使用loaders处理它们,最后打包为一个(或多个)浏览器可识别的JavaScript文件。
babel将es6、es7、es8等语法转换成浏览器可识别的es5或es3语法。
3. saas和less不同于普通css的地方
·定义变量,可以把反复使用的css属性值定义成变量,然后通过变量名来引用它们,而无需重复书写这一属性值;
·嵌套写法,父子关系一目了然;
·使用运算符,可以进行样式的计算;
·内置一些颜色处理函数用来对颜色值进行处理,例如加亮、变暗、颜色梯度等;
·继承:为多个元素定义相同样式的时候,我们可以考虑使用继承的做法;
·Mixins (混入):有点像是函数或者是宏,当某段 CSS经常需要在多个元素中使用时,可以为这些共用的 CSS 定义一个Mixin,然后只需要在需要引用这些 CSS 地方调用该 Mixin 即可。
4. es 6模块和其他模块不同的地方
对比了一下es6模块和CommonJS模块:
区别 | CommonJS | es6
---|---|---
加载原理 | 第一次加载模块就会执行整个模块,再次用到时,不会执行该模块,而是到缓存中取值。| 不会缓存运行结果,动态的去被加载的模块中取值,并且变量总是绑定其所在模块。
输出 | 值的拷贝(模块中值的改变不会影响已经加载的值) | 值的引用(静态分析,动态引用,原来模块值改变会改变加载的值)
加载方式 | 运行时加载(加载整个模块,即模块中的所有接口) | 编译时加载(只加载需要的接口)
this指向 | 指向当前模块 | 指向undefined
循环加载 | 只输出已经执行的部分,还未执行的部分不会输出 | 遇到模块加载命令import时不会去执行模块,而是生成一个动态的只读引用,等到真正用到时再去模块中取值。只要引用存在,代码就能执行。
5. 有没有用过es6的一些异步处理函数
Promise,generator,async await
6. redux怎么处理异步***作
可以引入Redux-thunk或者redux-promise这种中间件,可以延迟事件的派发。
其中的原理:是因为他们用了applymiddleware()包装了store的dispatch方法,拥有可以处理异步的能力。
7. 为什么reducer要是个纯函数,纯函数是什么?
纯函数:对于相同的输入,永远会得到相同的输出,而且没有任何可观察的副作用,也不依赖外部环境的状态。
原因:Redux只通过比较新旧两个对象的存储位置来比较新旧两个对象是否相同(浅比较)。如果你在reducer内部直接修改旧的state对象的属性值,那么新的state和旧的state将都指向同一个对象。因此Redux认为没有任何改变,返回的state将为旧的state。两个state相同的话,页面就不会重新渲染了。
因为比较两个Javascript对象所有的属性是否相同的的唯一方法是对它们进行深比较。但是深比较在真实的应用当中代价昂贵,因为通常js的对象都很大,同时需要比较的次数很多。因此一个有效的解决方法是作出一个规定:无论何时发生变化时,开发者都要创建一个新的对象,然后将新对象传递出去。同时,当没有任何变化发生时,开发者发送回旧的对象。也就是说,新的对象代表新的state。
8. 高阶函数是什么,怎么去写一个高阶函数
高阶函数:参数值为函数或者返回值为函数。例如map,reduce,filter,sort方法就是高阶函数。
编写高阶函数,就是让函数的参数能够接收别的函数。
9. vue跟react的区别是什么
没有用过vue,所以就只说了vue具有双向绑定,react是单向数据流。
10. nodejs处理了什么问题
可以处理高并发的I/O,也能与websocket配合,开发长连接的实时交互应用程序。
11. 响应式布局,怎么做移动端适配
使用媒体查询可以实现响应式布局。
移动端适配方案:
(1)meta viewport:让当前viewport的宽度等于设备的宽度,同时不允许用户手动缩放。
width=device-width: 让当前viewport宽度等于设备的宽度
user-scalable=no: 禁止用户缩放
initial-scale=1.0: 设置页面的初始缩放值为不缩放
maximum-scale=1.0: 允许用户的最大缩放值为1.0
minimum-scale=1.0: 允许用户的最小缩放值为1.0
(2)媒体查询(响应式)
(3)动态 rem 方案
二面:
1. 怎么做一个实时的聊天系统
使用WebSocket和nodejs,《nodejs实战》这本书详细介绍了这个项目。
2. 当消息有延迟的时候,怎么保证消息的正确顺序
每个消息在被创建时,都将被赋予一个全局唯一的、单调递增的、连续的序列号(SerialNumber,SN)。可以通过一个全局计数器来实现这一点。通过比较两个消息的SN,确定其先后顺序。
3. 怎么做一个登陆窗口,input有哪些兼容性
使用form表单。
4. input按钮如何校验
使用正则表达式。
5. 如何实现水平垂直居中,relative、absolute、fixed
我说了三种方式:
(1)使用表格
|
(2)css3的transform属性
|
(3)flex布局
|
·relative:相对于自己的定位;
·absolute:相对于最近一级定位元素的定位;
·fixed:相对于窗口的定位。
6. 写一个函数,1s之后依次输出1,2,3,4,5
直接使用了let和定时器。
|
7. 事件队列(宏任务、微任务)
8. 如何每隔三个数加一个逗号,还要考虑小数点的情况
这道题就是大疆的笔试题,当时候笔试题也是瞎写的,后面也没仔细看,没想到又成了一道面试题。
|
9. webpack有配置过吗?原理知道吗
10. 父子组件如何通信,子组件怎么跟父组件通信?
父组件把state作为props传递给子组件进行通信。
父组件写好state和处理该state的函数,同时将函数名通过props属性值的形式传入子组件,子组件调用父组件的函数,同时引起state变化。
11. 简单说一下pwa
面试的这个部门就是做pwa的,所以说了下自己对pwa的理解。
三面:
1. 手写indexOf
|
2. 实现 JS 的继承
|
3. 从url输入到页面显示会有哪些步骤
(1)DNS服务器解析域名,找到对应服务器的IP地址;
(2)和服务器建立TCP三次握手连接;
(3)发送HTTP请求,服务器会根据HTTP请求到数据服务器取出相应的资源,并返回给浏览器;
(4)浏览器处理响应
·加载:浏览器对一个html页面的加载顺序是从上而下的。
当加载到外部css文件、图片等资源,浏览器会再发起一次http请求,来获取外部资源。
当加载到js文件,html文档会挂起渲染(加载解析渲染同步)的线程,等待js文件加载、解析完毕才可以恢复html文档的渲染线程。
·解析:解析DOM树和CSSDOM树。
·渲染:构建渲染树,将DOM树进行可视化表示,将页面呈现给用户。
4. method有哪些方法,分别是什么意思?post和put的区别
post:上传资源
put:修改资源
5. https有几次握手
6. http2比http1好的地方
主要是考察http2的几个特性。
7. 页面刷新不出来,是有哪些问题
可以从第三题的每个步骤进行分析,大概是:
·域名不存在,或者ip地址错误
·网络问题,不能建立正常的tcp连接
·服务器找不到正确的资源
8. 上一次系统性的学习是什么时候,怎么学习的
学习react的时候,看文档、博客,照着网上写了点小项目。
9. 你觉得项目中最自豪的是什么
10. 上家公司有哪些不好的地方
——The End——
modelmap前端怎么取值_【百度】前端开发岗面试题相关推荐
- 百度测试开发岗面试题(2019秋招)
百度去面试了两次,7月份提前批一次,这是我第一次去面试,果然凉的透透的,然后是正式批的时候,大概9.10月份吧,具体几号忘了,当时是在他们的食堂里,一站式面试,面试最后通过了.记录一下百度两次面试遇到 ...
- modelmap前端怎么取值_【ModelMap】jsp中显示springmvc modelmap传递的对象
最近在做一个小网站,功能非常基础,决定用springmvc搭建. 遇到一个问题,在controller向前端传值时,比如使用ModelMap传了一个字符串,modelmap.addattribute( ...
- 2015百度测试开发岗笔试面试总结
报的是百度测试开发岗,笔试的题全是大题:简答题---编程题---系统设计题. 简答题有:(1)输入url地址后,http响应过程.(2)针对视频,图片,文字可搜索的输入框做测试[大概是这个意思].(3 ...
- ajax 取值 返回map_springboot|前端发ajax请求到后台Controller及常见的坑
前端发ajax请求 这块是web的基础,发web请求大概需要以下几步1.引用web相关的依赖2.前端页面引入jquery.js3.编写ajax请求4.编写对应的Controller 引入web相关的依 ...
- springMVC 返回类型选择 以及 SpringMVC中model,modelMap.request,session取值顺序
spring mvc处理方法支持如下的返回方式:ModelAndView, Model, ModelMap, Map,View, String, void.下面将对具体的一一进行说明: ModelAn ...
- spring学习之springMVC 返回类型选择 以及 SpringMVC中model,modelMap.request,session取值顺序...
spring mvc处理方法支持如下的返回方式:ModelAndView, Model, ModelMap, Map,View, String, void.下面将对具体的一一进行说明:ModelAnd ...
- java double long 取值_由一道题引起的思考? java中 long 和double都是64位。为什么double表示的范围大那么多呢?...
由一道题引起的思考? java中 long 和double都是64位.为什么double表示的范围大那么多呢? 百度标准答案是这样子的: double是n*2^m(n乘以2的m次方)这种形式存储的,只 ...
- numpy在折线图上添加取值_见识matplotlib:不常见的一面,折线图
江湖上所公认的一句话,字不如表,表不如图!人们往往都更喜欢看图说话,那么用python的各位大侠们,大家都在用什么画图呢?各种各样的画图包犹如各式各样的兵器,有的兵器功能单一但是在细分领域超级专业无敌 ...
- object取值_如何重写object虚方法
在 C# 中 Object 是所有类的基类,所有的结构和类都直接或间接的派生自它.前面这段话可以说所有的 C# 开发人员都知道,但是我相信其中有一部分程序员并不清楚甚至不知道我们常用的 ToStrin ...
最新文章
- 将unicode编码的txt文件转为utf-8编码
- 传说中的数据结构_JAVA
- 4天学会python_学习python第四天
- BLE CC2541 串口BootLoader 即 SBL BootLoader 资料 收集
- 塞班之死---放眼iOS的寒冬
- HDOJ(HDU) 2097 Sky数(进制)
- 3D 数学(三角函数、坐标系、向量、摄像机跟随、点乘)
- 通用技术和信息技术合格考知识点_高二信息与通用技术会考知识点.doc
- 北京-地点-文创-南锣鼓巷:南锣鼓巷
- 服务器 系统 版本查询
- 操作系统引论和进程管理部分习题
- 自下而上与自上而下的归并排序
- 台湾ICPlus IP175GHI, 85nm /极低功率,5接口10/100以太网集成交换机芯片
- linux之ps aux、ps -aux、ps -ef命令的区别
- 将xml文件转ass格式文件
- 69、弱电综合布线网络篇基础知识
- 海量数据处理方法总结 常见大数据题目汇总
- 常见的关系型数据库有哪些
- [网络工程师]-防火墙-入侵防护系统IPS
- 日期控件--WdatePicker的使用小技能
热门文章
- Codeforces Beta Round #97 (Div. 1) C. Zero-One 数学
- 敏感词过滤,并实现替换
- 原来真的不会用指针[*p++]
- 如何处理Express异常?
- jenkins构建后接受者收不到邮件问题解决方案
- 【报告分享】2021年人工智能安全风险及治理研究报告.pdf(附下载链接)
- 从矩阵分解到FM的演进、FM如何用于召回和排序以及实现说明
- 【干货】2021百度营销通案.pdf(附下载链接)
- 【推荐实践】Hulu-视频理解在个性化推荐与内容发现中的应用.pdf(附下载链接)...
- mysql跳过安全_几年了,作为一个码农终于把MySQL日记看懂了!