Web前台面试题总结了html+CSS的理论知识。1.说说在输入网址按回车键看网页的过程中发生了什么？a .域名解析。发起TCP的三次握手。c .建立TCP连接后发起http请求。d .服务器响应http请求，浏览器获取html代码。浏览器解析html代码，并请求HTML代码中的资源。浏览器呈现页面并呈现给客户。2.谈谈你对前台性能优化的理解。a .请求数量:合并脚本和样式表，CSS Sprites，拆分初始负载，划分主域。b .请求带宽:打开GZip，精简JavaScript，去除重复脚本，优化图片，使图标成为a字体c .缓存利用率:使用CDN，使用外部JavaScript和CSS，增加Expires头，减少DNS查找，配置ETag，使AjaX可缓存d .页面结构:将样式表放在顶部，脚本放在底部，尽快刷新文档的输出e .代码验证:避免CSS表达式，避免重定向3 .前台MV*框架的意义。早期的前台比较简单，以页面为工作单位，主要是浏览内容，偶尔会有简单的表单操作，基本不需要框架。随着AJAX的出现和Web2.0的兴起，人们可以在页面上做更复杂的事情，然后前台框架才真正出现。 如果是页面产品，大部分真的不需要。因为页面中的JavaScript代码，交互的解决方案肯定远远多于模型的解决方案，但如果是应用产品，就太有必要了。 长期从事某个行业软件的公司，通常会沉淀少量的业务组件，主要是数据模型、业务规则和业务流程。这些组件基本都存在于后台，前台很少有对应的组织。 在协作方面，很多前端开发团队每个成员的职责都不是很明确。有了前端MV框架，这种情况会有很大改善。 之所以感觉不到MV*框架的重要性，是因为模型部分代码少，视图相对量少。 如果你主要是操作视图和控制器，当然类库jQuery比较好用。 4.请简单描述一下盒子模型IE6盒子模型和W3C盒子模型。 文档中的每个元素都被描述为一个矩形框。 该框有四个边界:外部边界边界边界、边界边界边界、内部边界边界填充和内容边界内容。 CSS3中有一个盒子大小属性，可以控制盒子的计算方法。内容框:填充和边框不包括在定义的宽度和高度中。 对象的实际宽度等于设置的宽度值加上边框和填充。 (W3C box模型)border-box:填充和边框包含在定义的宽度和高度中。 对象的实际宽度等于设置的宽度值。 (IE6箱型)5。请谈谈饼干的缺点。答:每个特定域名下生成的cookies的最大数量是有限制的。IE和Opera会清除最近最少使用的cookies，Firefox会随机清除cookies。cookies的最大数量约为4096字节，出于兼容性考虑，一般不能超过4095字节。d .安全问题 如果有人阻止了cookie，这个人就可以获得所有的会话信息。 6.HTML5中的浏览器本地存储，sessionStorage和localStorage.sessionStorage是为了在会话中本地存储数据而提供的。这些数据只能被同一个会话中的页面访问，会话结束后数据会被销毁，这就是会话级存储。 LocalStorage用于永久本地存储，除非主动删除，否则数据永远不会过期。 7.网络存储和cookies的区别。a . cookie的大小是有限的。b .每次请求新的页面，都会过去发送cookies，无形中浪费了带宽。c.cookie也需要指定作用域，所以不能调用d. Web Storage有setItem、getItem等跨域的方法。Cookies需要前端开发者自己封装setcookies。getCookiee的作用。Cookie是为了和服务器交互，作为HTTP规范的一部分而存在。而Web存储只是为了在本地“存储”数据而生。f. IE7和IE6中的UserData可以通过简单的代码封装来统一。所有浏览器都支持web storage8，以及线程和进程的区别。一个程序至少有一个进程，一个进程至少有一个线程。线程的划分尺度小于进程的划分尺度，使得多线程程序的并发性高。c .进程在执行过程中有独立的内存单元，而多个线程共享内存，大大提高了程序的运行效率。d .每个独立线程都有程序运行入口、顺序执行序列和程序出口。 但是线程不能独立执行，所以必须存在于应用程序中，应用程序提供多线程执行控制。e .多线程的意义在于一个应用程序中可以同时执行多个执行部分。 但是，操作系统并不把多线程看作多个独立的应用程序，来实现进程的调度和管理以及资源分配。9.请说出三种减少页面加载时间的方法。尽量减少页面中重复的HTTP请求。b .打开服务器，压缩gzip。c .将CSS样式的定义放在文件头中。将Javascript脚本放在文件的末尾。e .压缩并合并JavaScript和CSS代码。f .在具有多个域名的网页中加载多个文件和图片。10.你用什么工具来测试代码的性能？JSPerf，Dromaeo11。你遇到过哪些棘手的技术问题？你是怎么处理的？12.常用的库有哪些？常见的前台开发工具？你开发过哪些应用或组件？13.列出IE与其他浏览器的不同特点？A.IE的排版引擎是Trident(也叫MSHTML)b.Trident内核当时几乎和W3C标准脱节。(2005年c.Trident内核大量bug等安全问题没有得到及时处理。D.JS有很多独立的方法，比如绑定事件的attachEvent，创建事件的createEventObject等e. CSS方面也有自己独特的解决方案，比如设置透明度，使用IE，14等较低版本的滤镜。什么是优雅的退化和逐渐增强？循序渐进enhancement:为低级浏览器构建页面，保证最基本的功能，然后为高级浏览器改进和添加效果、交互等功能，实现更好的客户体验。 Gracefuldegradation:一开始就构建完整的功能，然后兼容较低版本的浏览器。 区别:A、优雅降级从复杂的现状出发，试图减少客户体验的供给；b、逐步增强从一个非常基础和功能性的版本开始，不断扩展以满足未来环境的需求；c、降级(功能下降)意味着回头看；而逐步强化意味着向前看，同时确保其基础处于安全地带。15.WEB应用主动将数据从服务器推送到客户端的方式有哪些？A.html5WebSocketB.WebSocket连接D.XHR多流e .隐形iframef。 17.你通常如何管理你的项目？a .先遣队必须确定全局样式(globe.css)、编码模式(utf-8)等。b .书写习惯一定要一致(比如所有的书写风格都是继承的，每种风格都写一行)；c .注释样式的编写人，所有模块都及时注释(调用关键样式的地方)；d、标记页面(如页面模块的开头和结尾)；E. CSS与HTML文件夹并行存储，命名必须统一(如style . CSS)；F. JS将根据这个JS函数命名的英文翻译存储在文件夹中。 G.图片是在集成的images.png PNG 8格式文件，这是尽可能集成，以方便未来的管理。18.说说最近最流行的几件事？你经常去哪些网站？php.net CSDN，SegmentFault，MDN，css参考手册，iconfont，下划线，github，Bootstrap，W3Shool，W3Cplus，caniuse19。请解释一下JavaScript的同源策略。同源策略是指相同的协议、域名和端口，同源策略是一种安全协议。 脚本只能从相同的源读取窗口和文档的属性。 20.AMD和CMD规格有什么区别？AMD的早执行依赖——早执行，requireJS是其实现CMD的按需执行依赖——懒执行，seaJS是其实现。21.网站重构的理解与重构:在不改变外部行为的前提下，简化结构，增加可读性，保持网站前台行为一致。 A.使网站前端与现代浏览器兼容(对于非标准CSS，比如那些对IE6有效的)。b .优化移动平台，针对SEO进行优化。c .减少代码之间的耦合，保持代码的灵活性。d .压缩或合并前端资源如JS、CSS、image等。22.浏览器的核心是什么？IE的内核Trident，Mozilla的Gecko，Chrome的Blink(WebKit的一个分支)，Opera的内核都是Presto，现在都是Blink；23.请指定缓存控制。每个资源都可以通过Cache-Control HTTP头定义自己的缓存策略。Cache-Control指令控制谁可以在什么条件下缓存响应以及可以缓存多长时间。HTTP/1.1规范中定义了Cache-Control头，它取代了以前用于定义响应缓存策略的头(例如，Expires)。 24.首页的三层是什么，分别是什么？功能是什么？a .结构层:由HTML或XHTML等标记语言创建，只负责语义表达。 处理了页面“内容是什么”的问题。 表示层:由CSS创建，处理“如何显示内容”的问题 C.行为层:脚本负责。 处理了页面上的问题“内容应该如何对事件做出反应”。 25.你知道网页制作中会用到哪些图像格式？Png-8、png-24、jpeg、gif、SVG webp:Google开发的一种图像格式，用于加快图像的加载速度。 压缩后的图像体积只有JPEG的2/3左右，而且可以节省大量的服务器带宽资源和数据空间。 脸书等知名网站已经开始测试和使用WebP格式。 APN:全称是“动画便携网络图形”，是png的位图动画扩展，可以实现PNG格式的动态图片效果。 它诞生于2004年，但一直没有得到各大浏览器厂商的支持。直到最近，它才得到iOS safari 8的支持，有望取代GIF成为下一代动态图标准。 26.一般来说，哪里有针对js请求的缓存解决方案？a .浏览器端存储b .浏览器端文件缓存c. HTTP缓存304 d .服务器端文件类型缓存e .表示层&缓存DOM 27、一个页面上有大量图片(大型电商网站)，加载很慢。你有什么方法优化这些图片的加载，给客户更好的体验？ A.图片懒加载，滚动到相应位置才加载图片。 B.在幻灯片、相册等情况下，预加载图片。首先下载当前显示的图片中的前一张图片和下一张图片。 C.使用csssprite、SVGsprite、Iconfont、Base64等技术，如果图片是CSS图片。 D.如果图片太大，可以用专门编码的图片。加载时，您将首先加载一个压缩的缩略图，以改善客户体验。 28.从前台的角度谈谈做好SEO需要考虑什么？a .了解搜索引擎如何抓取网页和索引网页b .元标签优化c .关键词分析d .付费搜索引擎e .链接交换和链接流行度f .正确使用标签29、< img & gt标签上的title属性和alt属性有什么区别？Alt属性用于为那些看不到文档中图像的人提供文本描述。 并且长度必须少于100个英文字符，或者客户必须确保替换字符尽可能短。 这包括使用不支持图像显示或图像显示已关闭的浏览器的客户、有视觉障碍的客户以及使用屏幕阅读器的客户。 title属性为设置该属性的元素提供建议信息。 使用title属性提供不必要的额外信息。 30.分别写以下HTML标签:粗体文本，下标，居中，粗体字体:，下标，居中，字体:，参考HTML标签列表。31.请写出至少五个html5的新标签，并说明它们的语义和应用场景。节:在文档中定义一个章节。nav:定义一个只包含导航链接的章节。页眉:定义页面或章节的页眉。 它通常包含徽标、页面标题和导航目录。 页脚:定义一页或一章的结尾。 它通常包含版权信息、法律信息链接和反馈建议地址。 旁白:定义与页面内容相关性低的内容——如果被删除，其余内容仍然合法。 32.请告诉我们你对标签语义的了解？a .当样式被移除或丢失时，它可以使页面呈现清晰的结构。b .有利于SEO:与搜索引擎建立良好的沟通有助于爬虫抓取更多有效信息:爬虫依靠标签确定上下文和每个关键词的权重；c .便于其他设施(如屏幕阅读器、盲人阅读器、移动设施)以有意义的方式呈现网页；d .便于团队开发和维护，语义可读性更强。遵循W3C标准的团队都遵循这个标准，可以减少差异化。 33.Doctype的作用是什么？如何区分严格模式和混杂模式？它们是什么意思？DOCTYPE & gt公告在文件的前面，标签的前面。 告诉浏览器呈现文档的模式。 模式严格的排版和JS操作方式，就是以这款浏览器支持的最高标准运行。 在混杂模式下，页面以宽松的向后兼容方式显示。 模拟旧浏览器的行为，防止网站运行。 DOCTYPE不存在或格式不正确，将导致文档以混杂模式呈现。 34.你知道多少种Doctype文档类型？标签可以发布三种类型的DTD，分别是严格版、过渡版和基于框架的HTML文档。 HTML 4.01规定了三种类型的文档:严格文档、过渡文档和框架集文档。 XHTML 1.0规定了三种类型的XML文档:严格、过渡和框架集。 标准模式(即严格呈现模式)用于呈现遵循最新标准的网页，怪癖模式(即宽松呈现模式或兼容模式)用于呈现为传统浏览器设计的网页。 35.HTML和XHTML-它们有什么区别？XHTML元素必须正确嵌套。 B.XHTML元素必须是封闭的 C.标签名称必须是小写字母。 D.XHTML文档必须有根元素 36.html5有哪些新特性，去掉了哪些元素？A. HTML5不再是SGML的子集，主要是增加了图片、位置、存储、多任务等功能。 B.拖放)APIc。更好的语义内容标签(header，nav，footer，side，article，section) D .音视频API(audio，Video) E. Canvas) APIf。地理apig。本地离线存储localStorage长期存储数据，关闭浏览器后数据不会丢失。h.sessionStorage的数据会在页面session结束时被清理I .表单控件、日历、日期、时间、邮件、url、searchj J .新技术webworker、websocket等被移除的元素:a .纯具体化元素:basefont、big、center、s、strike、tt、U；b .对可用性有负面影响的元素:框架、框架、无框架；；37.iframe的优缺点？优点:a .处理加载缓慢的图标、广告等第三方内容的加载问题；b .上传文件不刷新iframec . iframe的跨域通信；缺点:a . iframe会阻塞主页面的Onload事件；b .不能被少数搜索引擎索引；c .页面会添加来自服务器的http请求；d .会生成很多页面，不好管理。 38.怪癖模式是什么？它和标准模型有什么区别？在编写程序的时候，我们经常会遇到这样的问题，如何保证原有的接口不变，提供更强大的功能，尤其是在新功能与旧功能不兼容的情况下。 IE6之前的页面没有人会写DTD，所以IE6假设如果写了一个DTD，就意味着这个页面会采用更好支持CSS的布局，如果没有，就采用兼容前的布局。 这是怪癖模式(怪癖模式，怪异模式，怪异模式) 区别:总体来说，布局、风格解析、脚本执行都会有区别。 A.Box model:在W3C标准中，如果设置了元素的宽度和高度，则是指元素内容的宽度和高度，而在Quirks模式中，IE的宽度和高度还包括填充和边框。 B.设置行中元素的高度和宽度:在标准模式下，给< span & gtwdith和height等内嵌元素设置不会生效，但在quirks模式下，它们会生效。 C.设置百分比高度:在标准模式下，元素的高度由其内容决定。如果父元素没有设置百分比高度，则设置子元素的百分比高度是无效的。d .设置水平居中:使用margin:0 auto可以使元素在standards模式下水平居中，但在quirks模式下将无效。 39.请解释一下桌子的缺点。a .嵌套太深，比如TABLE >:tr & gt；td & gtH3，这将导致搜索引擎阅读的困难。而且最直接的损失就是大大增加了冗余代码量。 B.灵活性差，比如把tr设置成border等属性是不行的，但是要经过tdc。代码臃肿，在table中应用table时，读取代码会极其混乱。d .混淆colspan和rowspan，用于布局时，频繁使用会造成整个文档杂乱无章。 E.table需要反复计算才能确定其在渲染树中节点的属性，这通常要花费等效元素的三倍时间。 F.语义不够40。简述src和href的区别。src用于替换当前元素；Href用于在当前文档和引用的资源之间建立联系。 Src是source的缩写，指向外部资源的位置，指向的内容会嵌入到文档中。当前标签位置href是超文本引用的缩写，指向网络资源的位置。html5在与当前元素(锚点)或当前文档(链接)建立链接方面有哪些新特性和移除的元素？如何解决HTML5新标签的浏览器兼容性问题？如何区分HTML和HTML5？1.新特性:a.HTML5不再是SGML的子集，主要是关于图片、位置、存储、多任务等功能的增加。 B.拖拽API C .更好的语义内容标签(header、nav、footer、aside、article、section) D .音视频API(audio、Video)e . Canvas API f . Geography API g .本地离线存储localStorage长期存储数据，关闭浏览器后数据不会丢失；h . h . session storage的数据会在浏览器关闭后自动删除。I .表单控件、日历、日期、时间、电子邮件、url、搜索j .新技术Web worker、WebSocket、geolocation 2 .移除元素:纯具体化元素:basefont、big、center、font、s、strike、tt、u；对可用性有负面影响的元素:框架、框架集、无框架；；3.h5新标签的兼容性:IE8/IE7/IE6支持document.createElement方法生成的标签。你可以利用这个特性让这些浏览器支持HTML5新标签。当然最好的办法是直接用成熟的框架，html5shim框架是用的最多的一个<！-[if lt IE 9]& gt；& lt脚本& gtsrc = " http://html 5 shim . Google code . com/SVN/trunk/html 5 . js " & lt；/script & gt；& lt！[endif]-& gt；如何区分:DOCTYPE announcement \新增结构元素\功能元素42、CSS选择器有哪些？哪些属性可以遗传？优先级是如何计算的？CSS3新增的伪类有哪些？CSS选择器:1.id选择器(# myid) 2 .类选择器(。myclassname) 3。标签选择器(div，h1，p) 4。相邻选择器(h1+p) 5。儿童选择器(ul >: Li) 6。后代选择器(阿利)7。通配符选择器(*) 8。属性选择器(a[rel = "外部"]) 9。伪类选择器(a: hover，Li:n-child)可以继承的属性:可继承样式:font-size font-family color，ul Li DL DD DT不可继承的样式:边框填充边距宽度高度；优先级:！重要& gtid & gtclass & gt标记important的优先级高于内联，但内联的优先级高于id。CSS3新添加的伪类示例:p:first-of-type选择第一个< p & gt每一 P:last-of-type选择最后的< p & gt每一 P:only-of-type选择唯一的。每一 p:独生子女选择每个。元素 p:n-child(2)选择属于其父元素的第二个子元素。元素 :enabled :disabled控制表单控件的禁用状态。 :选中单选框或复选框。 43.CSS3有哪些新特性？1.CSS3实现了边框半径，框阴影，2。添加特殊效果(文字阴影)，线性渐变，变换，3。变换:旋转(9度)缩放(0.85，0.90)平移(0p//旋转，缩放，定位，倾斜4度。添加了更多的CSS选择器。多背景rgba5。CSS3中引入的伪元素只有::selection。6、媒体查询、多栏布局7、border-image44、讲解盒子模型的宽度和高度值的计算方法、边框折叠、负面效果、盒子大小概念？1.框模型:ie 678下使用IE框模型(不加doctype)，宽度=边框+填充+内容宽度；Chrom，IE9+，(添加doctype)使用标准盒子模型，宽度=内容宽度。 2.box-sizing:为了解决标准黑子和IE盒子之间的差异，CSS3增加了盒子模型属性box-sizing，content-box(默认)。border-box允许元素维护IE传统的盒子模型，而inherit则继承父盒子模型；3.边界塌陷:有时块元素的顶部和底部外边缘合并(塌陷)成单一的外边缘(合并后最大的外边缘)，这种现象称为外边缘塌陷。 4.负效果:负边距会改变浮动元素的显示位置。即使我的元素写在DOM的后面，我也可以让它出现在前面。 45.什么是BFC(块格式上下文)？申请？1.BFC是“块级格式上下文”的格式，创建BFC的元素是一个独立的盒子。但是，只有块级盒子才能参与BFC的创建，它指定了内部块级盒子是如何布局的，在这个独立的盒子里的布局不受外部的影响，当然也不会影响外部的元素。 2.应用场景:1。处理边距叠加的问题。2.对于布局(溢出:隐藏)，BFC不会与浮动框重叠。 3.用于清除浮动并计算BFC高度。 46.如何实现浏览器中多个标签页之间的通信？调用本地存储方法，如本地存储和cookies。47.简述CSS的元素分类。块级元素:div，p，h1，form，ul，Li；内嵌元素:span，a，label，input，img，strong，em；48.解释浮动和它是如何工作的？浮动元素与文档流分离，不占用空间。 浮动元素接触包含它的边框或停留在浮动元素的边框上。 1.用空标签清理浮子。 这个方法是在所有浮动标签之后添加一个空标签定义css clear:both。缺点是添加了无意义的标签。 2.在虚拟对象后使用以清除浮动。这种方法只适用于非IE浏览器。 具体写法可以参考下面的例子。 使用时注意以下几点 1.该方法中，需要清理浮动元素的虚拟对象必须设置height:0，否则元素会比实际高出几个像素；#parent:在{ content:" "之后。；高度:0；可见性:隐藏；显示:块；明确:两者都有；} 3.将溢出设置为隐藏或自动4。浮动外部元件49。CSS隐藏元素的几种方法(至少说出三种)不透明性:元素本身仍然占据自己的位置，在网页的布局中起作用。 它还将响应客户交互；可见性:与不透明性的唯一区别是它不会对任何客户交互做出反应。 此外，元素也会隐藏在读屏软件中；显示:显示设置为无。客户与此元素的任何直接交互都不会生效。 另外，读屏软件不会读取元素的内容。 这样，效果就好像该元素根本不存在；位置:不会影响布局，能保持元素可操作性；Clip-path:在IE或Edge下不完全支持clip-path属性。 如果你想在你的剪辑路径中使用外部SVG文件，浏览器的支持就更低了；50.请描述一下cookies、sessionStorage和localStorage的区别？同点:所有的点都会保存在浏览器端，有大小和同调限制。 区别:1。Cookies将随请求一起发送到服务器。作为会话表示，服务器可以修改cookies。 Web存储不会将请求发送到服务器。 2.Cookies有路径的概念。子路径可以访问父路径的cookie，但父路径不能访问子路径的cookie。 3.有效期:cookie在设定的有效期内有效。默认情况下，浏览器会关闭并消失。 SessionStorage在会话窗口关闭后失效，localStorage长期有效，需要主动删除。 4.sessionStorage不能共享，localStorage可以在同源文档之间共享，cookie可以在同源且符合路径规则的文档之间共享。 5.localStorage的修改会触发其他文档的update事件。 6.cookie具有安全属性，需要HTTPS传输。 7.浏览器不能保存超过300个cookie，单台服务器不能超过20个cookie，每个cookie不能超过4k。 webStorage可以支持5M存储。 51.什么是语义HTML？标签的直观识别有利于搜索引擎抓取。用正确的标签做正确的事情！语义html是让页面的内容结构化，方便浏览器和搜索引擎分析；它还以没有样式CCS的文档格式显示，并且易于阅读。 搜索引擎的爬虫依靠标签来确定上下文和每个关键词的权重，有利于SEO。 让看源代码的人更容易把网站分成块，方便阅读、维护和理解。 52.link和@import有什么区别？Link属于XHTML标签，除了加载CSS，还可以用来定义RSS和rel连接属性。而@import是CSS提供的，只能用来加载CSS；页面加载时，link会同时加载，@import引用的CSS会一直等到页面加载完毕。提出导入CSS2.1，只能在IE5以上识别，而link是XHTML标签，不存在兼容性问题。53.常见的浏览器内核有哪些？三叉戟内核:IE、傲游、TT、天下、360、搜狗浏览器等 【也称MSHTML】Gecko内核:Netscape6及以上，FF、MozillaSuite/SeaMonkey等Presto内核:Opera7及以上。 【Opera内核以前是:Presto，现在是:Blink]Webkit内核:Safari，Chrome等。 【Chrome的:blink(WebKit的一个分支)】54。如何处理跨域问题JSONP，CORS，通过修改document.domain跨域，使用window.name跨域，HTML5中新引入的window.postMessage方法，在服务器端设置代理页面1、jsP的原理是:动态插入脚本标签，通过脚本标签引入一个js文件，JS文件加载成功后，会执行url参数中指定的函数，我们需要的jsonP数据会作为参数传入。 由于同源策略的限制，XmlHttpRequest只能请求当前源的资源(域名、协议、端口)。为了实现跨域请求，可以通过script标签实现跨域请求，然后在服务器上输出JSON数据并执行回调函数，从而处理跨域数据请求。 它具有兼容性好、简单、支持浏览器和服务器双向通信等优点。 缺点是只支持GET请求。 2.CORS服务器主要通过设置访问控制允许起源来支持CORS。 如果浏览器检测到相应的设置，就可以允许Ajax跨域访问。 3.修改document.domain，将子域和主域的document.domain设置为跨子域的同一个主域。前提条件:这两个域名必须属于同一个基础域名！而且使用的协议和端口必须一致，否则跨域主域无法使用document.domain。使用document.domain 4和window.name进行跨域window对象有一个name属性，它有一个特性:即在一个窗口的生命周期内，一个窗口中加载的所有页面共享一个window.name，每个页面都有对window的读写权限。window.name是加载到一个窗口中的所有页面的持久性55。优化前台性能的方法。1.减少DOM操作。2.在部署之前，压缩图像和代码。3.优化js代码结构。减少冗余代码4、减少http请求、合理设置HTTP缓存5、使用cdn加快内容分发6、缓存静态资源7、延迟加载图片56、了解前台工程1、开发规范2、模块化开发3、组件开发4、开发仓库5、性能优化6、项目部署7、开发流程8、开发工具。