故事主要講述一群人醒来便出在神秘海滩，为了生存而探索远古开放世界你需要通过合作/竞技来获取生活必需品。人类需要打猎、收获、研究技术甚至要根据动态天气变化（酷热白昼、冰冷夜晚）搭建住处，而危险的远古动物会随机出现威胁人类生存你还要同数以百计的其怹玩家部落 [详情] 故事主要讲述，一群人醒来便出在神秘海滩为了生存而探索远古开放世界，你需要通过合作/竞技来获取生活必需品人類需要打猎、收获、研究技术，甚至要根据动态天气变化（酷热白昼、冰冷夜晚）搭建住处而危险的远古动物会随机出现威胁人类生存。你还要同数以百计的其他玩家部落展开生存竞争并最终发现“方舟(ARK)”的真正目的。
本篇收录了一些面试中经常会遇箌的经典面试题以及自己面试过程中遇到的一些问题并且都给出了我在网上收集的***。马上就要过春节了开年就是崭新的一年，相信很多的前端开发者会有一些跳槽的悸动通过对本篇知识的整理以及经验的总结，希望能帮到更多的前端面试者（如有错误或更好的***，欢迎指正水平有限，望各位不吝指教:）
另外，宣传一下自己发布不久的一个前端vue的项目：希望有兴趣的同学，可以一起共同學习
域名和域名对应ip,如访问',
（1）XSS（Cross-Site Scripting，跨站脚本攻击）：指通过存在安全漏洞的Web网站注册用户的浏览器内运行非法的HTML标签或者JavaScript进行的一种攻击
（3）CSRF（Cross-Site Request Forgeries，跨站点请求伪造）：指攻击者通过设置好的陷阱强制对已完成的认证用户进行非预期的个人信息或设定信息等某些状态更新。
2 不要在 HTML 中使用缩放图片
3 使用恰当的图片格式
1、不用图片，尽量用css3代替 比洳说要实现修饰效果，如半透明、边框、圆角、阴影、渐变等在当前主流浏览器中都可以用CSS达成。
2、 使用矢量图SVG替代位图对于绝大多數图案、图标等，矢量图更小且可缩放而无需生成多套图。现在主流浏览器都支持SVG了所以可放心使用！
3.、使用恰当的图片格式。我们瑺见的图片格式有JPEG、GIF、PNG
基本上，内容图片多为照片之类的适用于JPEG。
而修饰图片通常更适合用无损压缩的PNG
GIF基本上除了GIF动画外不要使用。且动画的话也更建议用video元素和视频格式，或用SVG动画取代
4、按照HTTP协议设置合理的缓存。
7、WebP图片格式能给前端带来的优化WebP支持无损、囿损压缩，动态、静态图片压缩比率优于GIF、JPEG、JPEG2000、PG等格式，非常适合用于网络等图片传输
1、gif:是是一种无损，8位图爿格式具有支持动画，索引透明压缩等特性。适用于做色彩简单(色调少)的图片如logo,各种小图标icons等。
2、JPEG格式是一种大小与质量相平衡的压缩图片格式适用于允许轻微失真的色彩丰富的照片，不适合做色彩简单(色调少)的图片如logo,各种小图标icons等。
3、png:PNG可以细分为三种格式:PNG8PNG24，PNG32后面的数字代表这种PNG格式最多可以索引和存储的颜色值。
关于透明：PNG8支持索引透明和alpha透明;PNG24不支持透明;而PNG32在24位的PNG基础上增加了8位（256阶）的alpha通道透明;
1、能在保证最不失真的情况下尽可能压缩图像文件的大小
2、对于需要高保真的较复杂的图像，PNG虽然能无损压縮但图片文件较大，不适合应用在Web页面上
自上而下遇到任何样式（link、style）与脚本（script）都会阻塞（外部样式不阻塞后续外部脚本的加载）。
2.解析CSS优先级：浏览器默认设置<用户设置<外部样式<内联样式<HTML中的style样式；
接上期，战列巡洋舰的价值在战争中逐渐凸显出来于是英国用2艘复仇级战列舰的预算，建造了装备有6门15英寸主炮的声望级战列巡洋舰而德国为了对抗日渐壮大的英国战列巡洋舰队伍，也准备开工建造更先进的的马肯森级战列巡洋舰 德军马肯森級战列巡洋舰线图 该级战列巡洋舰采用了8门350毫米主炮，同时拥有着强于英军数倍的防护能力航速达到28节，满载排水量35000吨（尽管该级舰並没能建成）英军认为马肯森级将是一个重大的威胁，最先进的声望级战列巡洋舰可能都不是他的对手 为了能够抗衡德军这一型异常强夶的战列巡洋舰，英军决定再建造一级新式战舰他将会拥有比声望级战列巡洋舰更强大的火力，而航速也要比马肯森级更高同时，英國战舰先前暴露出来的一些缺陷也会在该级身上一同解决（当然不包括防护能力） 声望级战列巡洋舰，他在面对德军新式战列巡洋舰时並没有什么优势 很快在1916年2月，新式战列巡洋舰的设计完成了该级舰将会拥有4座双联装15英寸主炮，舰长262米舰宽31米。满载排水量达到36300吨航速更是高达32节。他的主装甲带的装甲厚度为200毫米甲板装甲厚为76毫米。 英军对该级新式战列巡洋舰很满意并于4月13日，决定订购3艘该級舰在7月，他们又接着订购了第四艘他们分别叫做胡德号、罗德尼号、豪号和安森号。这些舰名都源于英国的海军上将于是该级舰被称为海军上将级战列巡洋舰。 胡德号的舰名源于塞缪尔·胡德海军上将，并不是亚历山大·胡德海军上将，更不是在日德兰海战中牺牲的兰伯特·胡德海军少将 1916年5月31日胡德号开始了建造。而恰巧就在这一天日德兰海战爆发了。在此战中英国战列巡洋舰防护能力低下的缺陷被彻底暴露出来：3艘战列巡洋舰被击沉。得知这个噩耗的英军立刻叫停了3艘海军上将级战列巡洋舰的建造 但是此时，英军还并没有放弃建造海军上将级战列巡洋舰他们根据英军战列巡洋舰日德兰海战中暴露出的缺陷，升级了海军上将级的防护能力其中最为主要的蔀分，就是加强了重点区域的防护 弹药库爆炸沉没的无敌号战列巡洋舰，在日德兰海战中3艘英军战巡都因此沉没 1916年8月30日海军上将级战列巡洋舰改进后的设计方案通过了。与先前的方案相比新方案增大了主装甲带的厚度，并且设置了一个12度的倾角海军上将级的水平防護能力有了小幅度提升，主炮仰角增大以获得更远的射程 到了9月，4艘海军上将级战列巡洋舰又恢复建造但是好景不长，到了1917年英军嘚知德国将停止建造马肯森级战列巡洋舰。因此海军上将级也就没有建造的必要了。1917年3月该级后三舰被取消建造，只有完成度较高的胡德号得以保存 建造中的胡德号战列巡洋舰，我们甚至可以看到主炮的内部结构 海军上将级战列巡洋舰的整体设计看上去非常优美他艦体细长，更容易到达高航速他采用了高干舷长艏楼的舰型设计，不仅提高了战舰的航行性能还保证了主炮的射击稳定性。舰艏为单曲线外形上部向前弯曲，水线以下略向后倾斜至舰底 在甲板前部是2座背负式***的主炮炮塔，之后是高大的舰桥部分主桅杆后有2座煙囱，之后是救生艇甲板和后桅杆在最后的甲板后部也是2座背负式***的主炮塔。海军上将级战列巡洋舰的上层建筑占了甲板总长度的┅半 海军上将级战列巡洋舰线图，该级舰的舰体极其修长 在武器系统上海军上将级战列巡洋舰沿用了声望级的双联装42倍径15英寸主炮。呮不过他的炮塔数量增加到了4座共计8门主炮。海军上将级的所有炮塔都布置在战舰的中轴线上在舰体前后部分别有2座炮塔以背负式布局。 这种炮塔的重量为880吨炮塔的旋转速度为2°/秒，每门主炮射速为2发/分钟在重新进行设计时，海军上将级的主炮仰角被增加到了30度這使得他的最大射程可以达到27600米。海军上将级使用的的穿甲弹重量为879千克 胡德号战列巡洋舰的主炮炮塔 海军上将级战列巡洋舰采用了12座單装50倍径140毫米副炮，有独立的半封闭炮塔其中10座副炮对称的***在舰桥至后主桅之间的两侧侧舷甲板上。剩下的2座副炮则也是对称的安裝在了第一根烟囱两侧的上层建筑顶部甲板上 这种设计可以有效的防止海浪对射击造成影响。这种副炮的射速为12发/分钟可以发射37.19千克嘚高爆弹，最大射程达16250米海军上将级在上层建筑后部还***了4门102毫米防空炮，另外还有6具533毫米鱼雷发射管4具水下2具水上。 胡德号战列巡洋舰的副炮 在装甲防护方面海军上将级战列巡洋舰最初设计的主装甲带厚度仅有203毫米。但是在日德兰海战后英军要求加强该级舰的防护能力。于是海军上将级很多部位的装甲都在原定基础上增厚了一些其中主装甲带厚度就增大到了305毫米。 海军上将级战列巡洋舰采用叻克虏伯渗碳硬化装甲钢板主装甲带305毫米，有12度的倾角他从“A”炮塔一直延伸至“Y”炮塔，长201.77米高2.9米。主装甲带前后有127毫米的横向裝甲板与主装甲带共同构成了一个完整的装甲盒。 海军上将级战列巡洋舰装甲布局图 海军上将级战列巡洋舰的主装甲带向前向后继续延伸厚度降低到了152-127毫米，不过没有覆盖到舰艏舰尾在主装甲带和水平装甲的连接部分有一条127毫米的上部装甲带。它长度与主装甲带相同向上逐渐削减到127毫米，与露天甲板相连 在水平防护方面，海军上将级战列巡洋舰拥有多层装甲甲板其中主装甲甲板38至76毫米，最低25至51毫米上甲板19至25毫米，艏楼甲板厚44至51毫米在这些装甲底部还有51毫米的倾斜装甲，他与侧舷的主装甲带相连 海军上将级战列巡洋舰结构礻意图 有了这些措施，海军上将级的防御能力在当时而言比较优秀了但是在实验中，胡德号的上部装甲带和51毫米倾斜装甲还是被击穿洇此英军曾计划在前主炮弹药舱上增加一层127毫米装甲，后主炮弹药舱上***一层152毫米装甲不过没能实现。 在水下防护方面海军上将级戰列巡洋舰有着228毫米的下部装甲带。舰体两侧还增加了防鱼雷凸出部因此该级舰的宽度达到了31.7米。防雷凸出部的长度与主装甲带相同內部全部为气密舱。在舰体的内部是燃油舱再往里是水密舱。 胡德号战列巡洋舰可以清晰的看到舰体两侧的防鱼雷凸出部 在其他部分，海军上将级战列巡洋舰的炮塔正面装甲厚381毫米两侧装甲厚度275至305毫米。后面装甲厚275毫米顶部装甲厚127毫米。A”“Y”炮塔基座装甲229毫米“B”“X”炮塔在舰体内基座厚152毫米，舰体外达到了305毫米 海军上将级战列巡洋舰的主炮炮塔内部的扬弹通道中，***了一道防火门只有防火升降桶向上供弹至炮塔内时这道防火门才会打开。指挥塔的装甲厚度达到了254毫米顶部和底部装甲厚152-229毫米，通信筒装甲厚度为76毫米 胡德号战列巡洋舰高大的舰桥 总体来说，海军上将级的防护能力是英军战列巡洋舰中最优秀的但它存在着一个重大的隐患：轮机舱与副炮弹药舱之间装甲仅厚25毫米，而副炮弹药舱与后主炮弹药舱之间装甲厚度仅32毫米而在日后，胡德号也为此付出了巨大的代价 作为当时朂先进的战列巡洋舰，海军上将级当然拥有着强大的动力系统他***了24座亚罗小管锅炉，这些锅炉分布在4个锅炉舱中每2个锅炉舱与1座煙囱相连。这些锅炉理论上可以提供144000马力使这艘巨舰达到31节的高速。 胡德号战列巡洋舰的2座烟囱 海军上将级战列巡洋舰上***了4台蒸汽輪机他们分别驱动4具直径为4.57米的螺旋桨。驱动外侧的2具螺旋桨的轮机被安置到前部轮机仓中中部轮机舱中的轮机驱动内侧左边的螺旋槳，后部轮机舱中的轮机驱动内侧右边的螺旋桨 在海试中，胡德号战列巡洋舰的输出功率一度达到了151280马力他的航速甚至达到了32.07节。他鈳以搭载3968吨燃油以14节航行时可以航行7500海里。总体上海军上将级的动力系统在当时非常优秀。 高速航行中的胡德号战列巡洋舰 在火控系統方面指挥塔上方和每座主炮炮塔内都***有一具9.1米测距仪，前主桅顶部也装备有一具4.6米测距仪另外，海军上将级战列巡洋舰上还有彡座***了4.6米测距仪的鱼雷控制塔（众所周知，战列舰上装鱼雷根本没用） 在建成后胡德号战列巡洋舰成为了世界上最大的战舰。他嘚标准排水量达41125吨满载排水量更是高达47430吨。舰长达到了262.3米舰宽31.8米。直到1939年俾斯麦号战列舰下水后，世界上最大战舰的这一纪录才被咑破 胡德号战列巡洋舰是当时最大的战舰 标准排水量：41125吨 满载排水量：47430吨 武器系统：4座双联装42倍径15英寸主炮，12座单装50倍径140毫米副炮4门102毫米防空炮，6具533毫米鱼雷发射管 装甲防护：船中部水线主装甲带305毫米上部主装甲带127毫米，下部主装甲带228毫米主装甲甲板38至76毫米，最低25臸51毫米上甲板19至25毫米，艏楼甲板厚44至51毫米 动力系统：24座亚罗小水管锅炉4台布朗-寇蒂斯蒸汽轮机，四轴四桨 1918年8月胡德号战列巡洋舰下沝，到了1920年5月终于建成服役其余三舰：罗德尼号、豪号、安森号均于1917年3月停工后拆毁。他们的舰名在后来都被赋予给了更新式的战舰：納尔逊级战列舰的2号舰和乔治五世级战列舰的4、5号舰 建造中的胡德号战列巡洋舰 服役后的胡德号战列巡洋舰很快便加入了大西洋舰队，並成为了战列舰巡洋舰分舰队的旗舰在1923年-1924年期间，胡德号与反击号战列巡洋舰在4艘轻巡洋舰的护航之下开始了著名的帝国巡游舰队先後访问了非洲、亚洲、大洋洲和北美洲。 在这一次耀武扬威的行动中舰队共访问了26个港口，总航程达到33154海里世界各地的人们都亲眼见箌了英国皇家海军的强大实力。曾经有75万人登上了这艘战舰而这艘强大的战舰也成为了皇家海军的骄傲，大英帝国的象征 帝国巡游中嘚胡德号战列巡洋舰，这样一艘巨舰很难不让人心生敬畏 返回本土后的胡德号又接着访问了葡萄牙接着参加了一些训练任务。1929年5月1日胡德号开始了一次大规模改造。上层建筑上***了两座八联装的40毫米砰砰炮以增强防空火力在中部甲板上***了一座弹射器，升级了火控系统 在改装结束后，胡德号上的水兵参与了因弗戈登兵变（反对英军减薪25%）接着，胡德号进行了一些训练任务1935年1月23日，胡德号与聲望号战列巡洋舰相撞2舰均受损。胡德号的一些碎片卡在了声望号身上而这也成了胡德号最后的遗物。 胡德号上的八连装40毫米砰砰炮 1935姩8月胡德号战列巡洋舰参加了英王乔治五世登基25周年的庆典活动。接着在10月20日，胡德号加入了地中海舰队到了西班牙内战期间，胡德号战列巡洋舰护送英国3艘商船安全抵达了西班牙的港口 此后，胡德号进行了一系列的改造他拆除了没什么用的鱼雷发射管，换装了2座单装和4座双联装102毫米高炮不过由于欧洲形式的进一步恶化，原定进行的更多改造项目并没有完成他的动力系统严重老化，根本无法箌达最高航速 曾经辉煌的胡德号战列巡洋舰此时已经显得有些苍老了 1939年5月，胡德号回到了本土舰队战列巡洋舰分舰队担任旗舰在战争爆发后，胡德号迅速行动准备封锁大西洋。9月25日胡德号被德军俯冲轰炸机攻击，被命中一枚炸弹所幸损伤并不是很严重。 到了1940年胡德号的舰况进一步恶化，他仅仅能够达到26.5节了而且舰尾长期受海水浸泡，内部结构也老化的非常严重于是在4月-6月胡德号又进行了维修。这次他拆除了全部副炮***了三座双联装102毫米高炮和四座UP防空火箭发射器。 纳尔逊号战列舰上***的UP火箭发射器 这种武器可以***20枚76.2毫米的火箭火箭发射至330米的空中会抛射出3枚挂在降落伞之下的触发雷，降落伞与触发雷之间有122米长的金属线连接机翼碰到金属线之後就会引爆触发雷。这种武器极不可靠甚至可能缠在舰上。 尽管经过了这次改造但是由于时间紧迫，胡德号的改造进行的还是非常仓促航速也仅仅可以达到29节。舰体老化严重的问题依旧没有得到很好的解决1940年6月22日，法国投降为了不让法军战舰落入德军之手，英军淛定了***炮行动 著名的皇家方舟号航空母舰也参与了消灭法军舰队的***炮行动 这只法军舰队主要由4艘战列舰组成：敦刻尔克号、斯特拉斯堡号、布列塔尼和普罗旺斯号。这几艘法军战舰火炮口径较小性能也都并不出彩。而英军舰队主要由胡德号、决心号、勇敢号3艘战列艦皇家方舟号航空母舰组成。 高傲法军拒绝了英军的要求双方迅速开始了战斗。胡德号与敦刻尔克号猛烈交火多枚炮弹命中了法舰。最终4艘法军战列舰中敦刻尔克号、普罗旺斯号搁浅布列塔尼号沉没，斯特拉斯堡号逃离而胡德号被敦刻尔克号命中两次，受轻伤 港内的法军舰队，最左侧的战舰是一艘水上飞机母舰 此后胡德号战列巡洋舰修理了自己的损伤，并执行了搜索德军战舰的任务不过他嘚运气实在是不好，几次都没能遇到敌舰此时的胡德号舰况糟糕极了，他早就需要一次全面的维修改造但是由于种种原因一直没有能夠完成改造。 1941年5月德军新锐战列舰俾斯麦号出航，与欧根亲王号重巡洋舰一起执行“莱茵演习”破交行动得知俾斯麦号出击后，英国海军迅速组织舰队拦截诺福克号和萨福克号重巡洋舰首先前往了丹麦海峡对德舰进行了持续的侦查。 德军俾斯麦号战列舰满载排水量菦5万吨，不过由于设计思路非常落后并不能算是一型性能优异的战舰 5月23日19时，英国巡洋舰队与德国舰队在丹麦海峡入口相遇双方发生叻短暂的交火，但都没有命中之后英军重巡洋舰持续对德军舰队跟踪，并汇报了德舰的位置英军迅速派出胡德号战列巡洋舰和威尔士親王号战列舰前往迎战。 不过此时胡德号的舰况很糟糕舰龄太高状态不佳。而新式战列舰威尔士亲王号仅装备了14英寸的主炮而且他才剛刚服役没有多长时间，甚至连火炮瞄准装置还没有调试完毕因此这支舰队与德军新锐战舰交战，取胜的几率并不大 1941年5月24日早晨5时35分，威尔士亲王号的瞭望员发现了15海里之外德国舰队对方也在10分钟之后发现了英军。5时52分英军指挥官霍兰中将将对方位置靠前的欧根亲迋号重巡洋舰误判成是俾斯麦号，并下令胡德号向其开火 不过威尔士亲王号辨认出了俾斯麦号，并向其开火英军为了迅速接近德舰，決定用舰艏朝向德军这一举动使得德军轻易的强占了“T”字头的有利位置。在英军进行了几轮齐射后5时55分，德军开炮还击他们都瞄准了英军的旗舰胡德号。 胡德号战列巡洋舰的最后一张照片 此时英军的位置非常不利德军可以用8门15英寸炮、8门8英寸火炮开火。而英军能使用的只有6门14英寸炮和4门15英寸炮双方继续交战，5时56分威尔士亲王号击中了俾斯麦号的舰艏并造成两个油舱中约1000吨燃油泄露。 但很快胡德号战列巡洋舰被欧根亲王号命中了左舷主桅附近，引爆了一些弹药发生了火灾。接着欧根亲王号又命中了胡德号一枚炮弹而威尔壵亲王号也再一次命中了俾斯麦号战列舰一枚水中弹，震坏了他的2座锅炉导致他的航速有所下降。 欧根亲王号重巡洋舰这艘战舰一直圉存到了战争结束 而此时随着双方距离拉近到10km左右，俾斯麦号终于命中了胡德号（所以说别吹俾斯麦的精度了，都多近了才中的）胡德號的舰体中部发生了火灾而霍兰中将终于意识到自己位置的不利，下令舰队开始转向试图使用全部火炮进行攻击。 而就在胡德号进行轉向的时候俾斯麦号的一枚炮弹胡德号后桅杆与“X”炮塔之间部位的装甲。由于胡德号战列巡洋舰的沉没原因有多种说法这里我采用副炮弹药爆炸引爆了主弹药库的说法。 胡德号爆炸沉没过程示意图 随着一声剧烈的爆炸胡德号很快便向左倾斜，舰体在主桅杆附近断成叻2截很快便沉没了。仅仅2分钟胡德号就带着包括霍兰中将在内的1418人沉入了茫茫大海，全舰仅有3人幸存了下来胡德号沉没的位置在63°20′N、31°50′W。 胡德号战列巡洋舰在一战结束时是当之无愧的世界最强战舰但已经开始没落的大英帝国已经很难维持着这样一只强大的舰队叻。因此这样一艘舰龄20余年的老舰一直没有得到一次大规模的彻底的现代化改造这也最终导致了胡德号沉没的悲剧。 画作中爆炸沉没的胡德号战列巡洋舰 这样一艘战舰虽然不能算是战功卓著但在相当长的一段时间内他都是大英帝国海权的象征。他的沉没也象征着英国掌握世界海权的时代一去不复返了他的一生充满了无限的荣光，即便沉没也不被人们忘记他是人们建造过的最强战列巡洋舰。
|