前端React技术栈五轮面试(3轮技术)

记录一下吧,毕竟面试经验比较少,也是成功斩获了offer。

电面

  • 介绍自己
  • react 核心思想,react的优点和缺点
  • 了解过其他前端框架吗,优势劣势,和react区别
  • 使用react-native开发有什么好处
  • redux和mobx这两个数据管理工具有什么不同,各有什么优劣?
  • 在使用react-native开发的时候踩过什么坑

第一轮手写功能函数

解析一个url特殊封装的query

样例

输入

https://www.google.com?q=test&a[a]=a&a[b]=c

输出

{
    "q": "test",
    "a":{
        "a":"a",
        "b":"c"
    }
}

将数字转换为固定格式的字符串

输入

12345678.8091

输出

12,345,678.809,1

第二轮

(。。第二轮的面试官竟然是写java的。。。)

写一个简单的ListView组件

http的包是什么样子的

http请求

https://www.w3.org/Protocols/rfc2616/rfc2616-sec5.html
http请求由三部分组成,分别是请求行,信息报头,请求正文。

例子

GET /dumprequest HTTP/1.1
Host: rve.org.uk
Connection: keep-alive
Upgrade-Insecure-Requests: 1
User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_3) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/65.0.3325.181 Safari/537.36
Accept: text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,image/apng,*/*;q=0.8
Referer: https://www.google.com/
Accept-Language: zh-CN,zh;q=0.9,en;q=0.8

请求行

GET /dumprequest HTTP/1.1

请求方法 请求URL HTTP协议版本

后面接着的就是信息报头即header

最后就是请求的body

http响应

https://www.w3.org/Protocols/rfc2616/rfc2616-sec6.html
HTTP响应也是由三个部分组成,分别是:状态行、信息报头、响应正文

HTTP/1.1 200 OK
Date: Fri, 27 Apr 2018 05:20:58 GMT
Content-Type: text/html; charset=UTF-8
Content-Length: 0
Connection: keep-alive
Set-Cookie: aliyungf_tc=AQAAABqIYG7paggAVsE2t8k81yC/SfQ1; Path=/; HttpOnly
Access-Control-Allow-Origin: *
X-Req-ID: 1A94B0F05AE2B33A
X-Req-SSL: proto=TLSv1.2,sni=api.zhihu.com,cipher=ECDHE-RSA-AES256-GCM-SHA384
Server: ZWS
Vary: Accept-Encoding

状态行 由协议 状态码 代码的文本描述

响应报头

最后就是响应的body

http请求的几种类型

这里只列我有了解的
Get、Post、Put、Delete、Options、Head

options
1、获取服务器支持的请求类型
2、检查服务器性能

http响应吗

  • 1xx
  • 2xx
  • 3xx
  • 4xx
  • 5xx

100 询问是否接受该信息 支持再传输body

101 切换协议,例如websocket,第一个请求询问是否支持,支持则切换

200 成功
204 请求成功,返回的是空数据一般用于更新数据
206 分块传输

301 永久重定向
302 暂时重定向

以上两者对于用户都是重定向,但是对于引擎和网站拥有者的意义不一样。

304 访问的是本地缓存

404 找不到

403 禁止访问

RN上面动画不流畅的时候要怎么解决?

RN上面在ios上webview性能太低要怎么解决?

https://github.com/CRAlpha/react-native-wkwebview 应该是要用这个替换原来react-native的 UIWebView

socket.io 除了websocket通讯还有什么其他通讯手段?

在不支持websocket的时候可以使用轮序

websocket 请求第一步是什么?

发送请求询问是否支持websocket 支持的话切换到这个协议

用html + css 实现一个扇形 讲讲思路?

我想到的思路是分块遮盖一个圆,不过实际上回来看了一下

回来搜了一下 见:https://blog.csdn.net/ganyingxie123456/article/details/77934790

前端性能优化

实现一个Promise

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 212,816评论 6 492
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,729评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 158,300评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,780评论 1 285
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,890评论 6 385
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,084评论 1 291
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,151评论 3 410
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,912评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,355评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,666评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,809评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,504评论 4 334
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,150评论 3 317
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,882评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,121评论 1 267
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,628评论 2 362
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,724评论 2 351

推荐阅读更多精彩内容