Web前端开发经典面试题（附参考答案）
Web前端开发工程师经典面试题（附参考答案）CSS3支持下列哪一个标签?(A)A box-shadowB borderC backgroundD. display>把鼠标移到按钮并点击时,会产生一串什么样的事件?(D)A. active hove focusB foucs hove activeC. hove active foucusD hover focus active>以下位于间的代码片段是做什么用的(B)1 A.使得页面编码合乎要求B.表示支持响应式设计C.支持正常的绘制和缩放D.表示针对滚屏进行适当的适配下面关于、FF下面CSS的解释区别描述正确的有?(C、D)八. FireFox的dⅳ的内嵌di可以把父级的高度撑大,而|6.0不可以,要自己设置高度。B.当设置为三列布局时, FireFox0的 float宽度不能达到100%,而l6.可以。当设置为两列布局时,两种浏览器都可以。C.火狐浏览器中,非 float的di前面有同一父级的foat的dV,此di若有背景图,要使用 clear:both,才能显示背景图,而60中不用使用 clear:bothD.在[text- decoration: underline]的属性下,6.0显示的下划线会比 FireFox低一点。在 FireFox中,部分笔画会在下划线的下面1个象素左右。极客学院页码:3/21jikexueyuan. com在使用tabe表现数据时,有时候表现出来的会比自己实际设置的宽度要宽,为此需要设置下面哪些属性值?(A、D)A cellpadding=0B padding: OC. margin: OD. cellspacing=”0在 bootstrap中,关于导航条,下列说法正确的是?(A、B、C、D)A.应该将被包裹的元素放到na∨bar-co|apse类中B.表单应该放置于 nayar-form内C.可以使用 navbar-ef和 navan-ght来对齐导航条D.可以使用 navbar-fixed-top和 navbar- fixed-boom来将导航条固定到顶部或底部嵌入在HTML文档中的图像格式可以是?(A、C、D)A * gif米tfC. bmpD. jpg下列js可以让一个 input的背景颜色变成红色的是?(AA inputElement style backgroundColor =redB. inputelement backgroundColor = redC. inputElement style backgroundColor=#oooOD. inputElement backgroundColor=#oooo极客学院页码:4/21iikexueyuan. com元素的at和tte有什么异同,选出正确的说法?(B)A.不同的浏览器,表现一样B.at和tite同时设置的时候,at作为图片的替代文字出现,tite是图片的解释文字C.a和tite同时设置的时候,tite作为图片的替代文字出现,at是图片的解释文字D.以上说法都不正确在不涉及样式情况下页面元素的优先显示与结构摆放顺序无关。请判断这句话的正确与否。(B)A.对B.错下列哪个操作是W3c标准定义的阻止事件向父容器传递:(C)A epreventDefault(B. e. cancelBubble=trueC. e. stopPropagationoD e.stoplmmediatePropagationo对于 border- radius标签,说法镨误的是(B)A.表示圆角边框B.|E8支持良好C.|E9支持良好D. firefox支持良好≯下述有关css属性 position的属性值的描述,说法错误的是?(B)A. static:没有定位,元素出现在正常的流中B. fixed:生成绝对定位的元素,相对于父元素进行定位C. relative:生成相对定位的元素,相对于元素本身正常位置进行定位。D. absolute:生成绝对定位的元素,相对于 static定位以外的第一个祖先元素进行定位。极客学院页码:5/21iikexueyuan. com下面有关 html Doctype的描述,说法错误的是?(D)八.它的责任就是告诉浏览器文档使用哪种htm或者xhtm规范B.不同文档模式主要影响CSS内容的呈现,尤其是浏览器对盒模型的解析C.不同浏览器在混杂模式下的行为差异非常大,如果不使用某些hack技术,跨浏览器的行为根本就没有一致性可言。D.如果在文档开始处没有发现文档类型声明,则所有浏览器都会默认开启严格模式ν Doctaρe?严格模式与混杂模式-如何触发这两种模式,区分它们有何意义?用于声明文档使用那种规范(什HTML/ XHTML)一般为严格过度基于框架的htm文档,加入ⅩM声明可触发,解析方式更改为5.5拥有|5.5的bug前端页面有哪三层构成,分别是什么?作用是什么?结构层HTML表示层CSS行为层js对WEB标准以及W3C的理解与认识?标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索几率、使用外链cs和js脚本、结构行为表现的分离、文件下载与页面速度更快、内容能被更多的用户所访问、内容能被更广泛的设备所访问、更少的代码和组件,容易维护、改版方便,不需要变动页面内容、提供打印版本而不需要复制内容、提高网站易用性。XHTML和HTML有什么区别?HTML是一种基本的WEB网页设计语言, XHTML是一个基于XML的置标语言最主要的不同ⅩHTML元素必须被正确地嵌套。XHTML元素必须被关闭。标签名必须用小写字母。ⅩHTML文档必须拥有根元素。极客学院页码:6/21iikexueyuan. comCSS的基本语句构成是?选择器{属性1:值1:属性2值2;…]行內元素有哪些?块级元素有哪些?CSS的盒模型?块级元素: div p hI h2h3h4 form ul行内元素: a b br i span input selectCss盒模型内容, border, margIn, paddingCSS引入的方式有哪些?lnk和@ mport的区别是?内联内嵌外链导入区别:同时加载前者无兼容性,后者CSS2.1以下浏览器不支持Link支持使用 javascrⅰpt改变样式,后者不可丶CSS选择符有哪些?哪些属性可以继承?优先级算法如何计算?内联和 lmportant哪个优先级高?标签选择符类选择符j选择符继承不如指定丨d>cass>标签选择后者优先级高你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么?e(le内核)火狐( Gecko)谷歌( webkit) opear( Prestoimg标签上tte与at属性的区别是什么?A当图片不显示是用文字代表。Tite为该属性提供信息极客学院页码:7/21iikexueyuan. com描述 css reset的作用和用途。Reset重置浏览器的cSs默认属性,浏览器品种不同,样式不同,然后重置让他们统-。写出几种E6BUG的解决方法1.双边距B∪ G float引起的使用 display2.3像素问题使用foat引起的使用 dislpay: inline-3pⅩ3.超链接 hover点击后失效使用正确的书写顺序 link visited hover active4. le z-inde问题给父级添加 position relative5.Png透明使用js代码改6.Min- height最小高度! mportant解决7. select在ie6下遮盖使用 iframe嵌套8.为什么没有办法定义1px左右的宽度容器(E6默认的行高造成的,使用over: hidden, zoom: 0.08 line-height: px)9.ie6不支持 mportant解释 CSs sprites,如何使用。CsS精灵把一堆小的图片整合到一张大的图片上,减轻服务器对图片的请求数量。≯浏览器标准模式和怪异模式之间的区别是什么?盒子模型渲染模式的不同使用 window top document compatMode可显示为什么模式什么是语义化的HTML?直观的认识标签对于搜索引擎的抓取有好处什么是语义化的HTML?直观的认识标签对于搜索引擎的抓取有好处极客学院页码:8/21iikexueyuan. com你如何对网站的文件和资源进行优化?有哪些解决方案?文件合并文件最小化/文件压缩使用CDN托管缓存的使用清除浮动的几种方式,各自的优缺点使用空标签清除浮动 clear:both(理论上能清楚任何标签,增加无意乂的标签)2.使用 overflow;auto(空标签元素清除浮动而不得不增加无意代码的弊端,使用zoom:1用于兼容|)3.是用 afert伪元素清除浮动(用于非浏览器)javascript的 typeof返回哪些数据类型Object number function boolean underfind例举3种强制类型转换和2种隐式类型转换?强制( parseInt, parseFloat, number)隐式(==-===)数组方法pop()push0 unshift0shftPush0尾部添加pop0尾部删除Unshift0头部添加 shift头部删除E和标准下有哪些兼容性的写法Var ev= ev l window eventdocument documentElement. clientWidth document body. clientWidthVar target ev.srcElementllevtarget极客学院页码:9/21iikexueyuan. com旧和DOM事件流的区别1.执行顺序不一样2.参数不一样3.事件加不加on4.this指向问题spit0join0)的区别前者是切割成数组的形式,后者是将数组转换成字符串ajax请求的时候get和post方式的区别一个在ur后面一个放在虚拟载体里面有大小限制安全问题应用不同一个是论坛等只需要请求的,一个是类似修改密码的ca和appy的区别Object. call (this, obj l, obj2, obj3)Object. apply (this, argumentsajax请求时,如何解释json数据使用 eval parse鉴于安全性考虑使用 parse更靠谱事件委托是什么让利用事件冒泡的原理,让自己的所触发的事件,让他的父元素代替执行!闭包是什么,有什么特性,对页面有什么影响?闭包就是能够读取其他函数內部变量的函数。极客学院页码:10/21jikexueyuan.com
- 2020-12-10下载
- 积分：1
IBM+P570主机在线更换HBA卡详细过程
IBM+P570主机在线更换HBA卡详细过程IBMP570主机在线更换HBA卡详细过程 mfkqwyc86Version: 作者:周铃Email:mikqwyc86@163.comUpdate Date: 2010.06ocat ionU7879. 001, DQDKKNT-P1-C5-T1DescriptionADAPTER ERRORProbable causesADAPTER HARDWARE OR CABLEADAPTER MI CROCODEFIBRE CHANNEL SW I TCH OR FC-AL HUBFailure causesADAPTERCABLES AND CONNECT I ONSDEVI CERecommended Actions限于个人学习参考使月PERFORM PROBLEM DETERMINAT ION PROCEDURESCHECK CABLES AND THEIR CONNECT IONSVERIFY DEV I CE CONF I GURAT IONP570_RAG1:/# fget config-Aν/查看存储链路现状daro-.User array name=dS4000dac1 active dacO ACTIVEDiskDAC LUN Logical Dr ivetmhdisk2 dac1 0hdisk3 dac 1hdisk4 dac 1hdisk5 dac13hdisk6 dac1)4hdisk7 dac1 5hd isk dac12、根据erpt信息确认硬件状态检查上机HBA卡fs0所在位置U787900 QDKKWT-P1-C5-T1,发现HBA卡已无光,同时通过Storage Manager Client登录DS4000,存储链路发生了切换,由于证明HBA卡fs0损坏,需要更换。ITPUB个人空间http://space.itpubnet/9664900第3页共11页IBMP570主机在线更换HBA卡详细过程 mfkqwyc86Version: 作者:周铃Email:mikqwyc86@163.comUpdate Date: 2010.062.故障处理2.1.处理结果1、通过在线更换P570主机的HBA卡fcs0后故障解决22.处理过程1、准备工作1)工具:防静电手套、镙线刀2)更换HBA卡期间,尽量选择在业务较闲时操作,防止意外造成业务中断造成较人的损失。3)能备份的操作尽量备份,如SAN交换机配置备份、存储配置备份,并确认数据库的备份有效。2、检查是否满足AIX版本和文件集的最低要求官方要求如下Table 12. Minimum A/X operating systems and file set versions required for supporting HBAhot swapOperating systemPackage nameMinimum file set versionAⅨX5.1devices. fcp. disk array rte5.1.0.65AX5.2devices. fcp. disk array rte5.2.0.60AX5.3devices. fcp disk array rte5.3.0.20检查本次需要更换IBA卡的P570,证明已满足官方要求,如下:P570_RAC1: / IsIpp -h grep fcpdevices. fcp. disk array di agdev ices fcp. disk. array rtedevices. fcp. disk. rte5.3.0. 42 APPLI ED FC SCSI CD-ROM. Diskdev ices. fcp. tape. rt5. 0. 42 APPLlED FC SCSI Tape Device Softwaredevices. fcp disk array rtedevices. fcp. disk rte5.3.0.30 COMMITTED FC SCS CD-ROM. Diskdevices. fcp. tape rte 5. 3.0. 30 CoMMiTTed fc scs tape Dev ice Software/注意:●在热插拔更换HBA卡的过程中,dar的 autor ecovery属性必须设置为否(no),否则有丢失数据访问的可能。必须在确认HBA卡更换完成,后续的配置工作也完成之后,才可以“ Redistr ibute logical Drivesto the preferred path",否则有丢失数据访问的可能。3、查看HBA卡当前状态,记录相关信息P570_RAC1: /# Isdev-c grep fcsITPUB个人空间http://space.itpubnet/9664900第4页共11页IBMP570主机在线更换HBA卡详细过程 mfkqwyc86Version: 作者:周铃Email:mikqwyc86@163.comUpdate Date: 2010.06fcsOAvailable oB-08FC AdapterfcsAvailable on-08FC AdapterP570_RAC1: / Isdev -c grep dacdacoAvailable ob-08-021815DS4800 Disk Array Controllerdac 1Available oN-08-021815DS4800 Disk Array ControllerP570 RAC1: / Iscfg -vpI fcsO007879. 001. DQDKKWT-P1-C5-T1 FC AdapterPart Number.03N5014EC LevelASerial number..,,,,,,,,,,,,.1B60801814ManufacturerFeature Code/Market ing ID.. 280DFRU Number,,,,,,,,,,,03N5014Device Specif ic(ZMNetwor k Address..10000000c9531814ROS Leve and D...02C82134Device Specific(z0)1036406DDevice Spec ific.(Z1)....00000000Device Specific.(Z2)00000000Dev ice Spec fic(Z3)03000909Device Specific.(Z4..FFC01158Device Spec ific.(Z5)02c82134Device Spec ific.(z6)06032134Device Specific(Z7)07C32134Dev ice Specific.(28)....200000009531814Device Spec ific.(Z9)..BS2.10X4Device SpecifiC(ZA)B1D2.10X4Device Specific(ZB).... B2D2 10X4Device Spec i fic.(YL)U7879.001. DODKKWT-P1-C5-T1PLATFORM SPECIFICName: fibre-channe IMode LP11000Node: fibre-channe I i@Device Type: fcpPhysical Location: U7879. 001. DQDKKWT-P1-05-T1根据 Physical location硝定HBA卡位置:在U7879.001 DQDKKWT柜子中P1C5槽位,如下图:ITPUB个人空间http://space.itpubnet/9664900第5页共11页IBMP570主机在线更换HBA卡详细过程 mfkqwyc86Version: 作者:周铃Email:mikqwyc86@163.comUpdate Date: 2010.06P1-C1P1-c6/P1-c7P1-T10P1-C2P1-c8-T1P1-12CP1-C3P1-C8-12P1-T1P1-C4P1-C8-T3P1-T2P1-c5P1-c8-T4P1-T3P1-E1PTE|°世山可次P1-C7-T1P1-T4P1-T8 P1-T9P1T10P1-C7-T2P1-T6P1-T5P1-T7IPHAH50Q-24、查看DAR的 autorecovery属性P570 RAC1: / Isattr -El darOact controller dacO dacl Active ControllersFalsefre600Polled aen frequency in secondsTrueall controller daco daclAvailable controllersFalseautorecovery noautorecover after failure is corrected Truebalance trcq600Dynamic Load Balancing frcqucncy in seconds Truccache size4096Cache size for both controllersFalsefast write ok yesFast Write availableFalseheld in reset noneHeld-in-reset controllerTruehlthchk freq 600Health check frequency in secondsTload balancing noDynamic Load Balancingrueswitch retries 5Number of times to retry failed switches True确认 autorccovcry的属性为no。如果 autorccovcry属性为Yes,需用如下命令手动关闭P570 RAC1: / chev -I daro -a autorecover y=no5、热插拔更换HBA卡1)删除需更换的fcs卡,将其状态置为 definedP570 RAC1: / rmdev -RI fcsOITPUB个人空间http://space.itpubnet/9664900第6页共11页IBMP570主机在线更换HBA卡详细过程 mfkqwyc86Version: 作者:周铃Email:mikqwyc86@163.comUpdate Date: 2010.06mdey -rl fcsefcnete defineddace Definedfscsi0 Definedfcse Defined2)物理更换HBA卡dag1 ask Selection-> Hot Plug ->PCI Hot Plug Manager通过此处在线更换HBA卡,过程如下图父注意:此时不要将光纤线插回新换上的HBA卡%Figure 1. Lift up the EMC shieldFigure 2. Rotate the emc shield into the open positionFigure 3. PCI adapter cassette removed from the system unit3)用光纤环回堵头测试新更换上的HBA卡将 fibre channel loop back堵头插入HBA卡,然后扫描设备:P570 RAC1: / cfgmgr注意:ITPUB个人空间http://space.itpubnet/9664900第7页共11页IBMP570主机在线更换HBA卡详细过程 mfkqwyc86Version: 作者:周铃Email:mikqwyc86@163.comUpdate Date: 2010.06新的HBA卡会被放在 Mapping里的 Default group中,如果 Default group中存在 hd i sk的映射,则在 cfgmgr之后对应新的HBA卡会产生多余dar和dac设备。在后面更新完 Mapp ing中的WwPN信息后,使用 rmdev命令删除多余的dar和dac设备检查更换上的HBA卡为 Availablc状态P570 RAC1: / Isdev-c grep fcso4)、检查更换上的HBA卡是否需要升级微码P570 RAC1: / Iscfg -vpI fcsoU7879. 001. DODKKWT-P1-C5-T1 FC AdapterPart Number...03N5014EC Leve lSeria number...,,,,,,,,,,,,1B70701314Manufacturer,,,,,,,001BFeature Code/Marketing ID.. 280DFRU Numb03N5014Device Spec if ic. (ZM)Networ k Address...1000000009601314ROS Leve and|D..,,,,,,,,,,02c82138DSev ice spec IC1036406DDevice Spec ific.(Z1)00000000evice Spec ific.(Z2)..00000000Device Specific.(Z3)3000909Device Specific(Z4FFc01159Device Specific(Z502c82138Device Specific. (Z6).,..06C32138Device Spec ific.(Z707032138Dev ice Speci f ic(Z8)20000000c9601314Dev ice Spec ic. (Z9BSs2.10X8微码没问题,不需要升级。Device Specific(ZA)B1D2.10X8Device Specific(ZB).... B2D2 10X8Device Spec ific. ( YL)U7879.001. DQDKKWT-P1-C5-T15)重新将HBA卡置为 Defined状态P570 RAC1: / rmdev -Ri fcsO6、在DS4000 Storage Manager的 Mapping配置中更新HBA卡WwPN信息Storagc Manager Clicnt->Mappings-> Show All Host Port Information查找已被更换的HBA卡fcs0的WWPN号,查看其别名( alias)ITPUB个人空间http://space.itpubnet/9664900第8页共11页IBMP570主机在线更换HBA卡详细过程 mfkqwyc86Version: 作者:周铃Email:mikqwyc86@163.comUpdate Date: 2010.06Storage Subsystem Viex Pinc Aray Loccal Drive Contreller Drive Adranced HelpDefineALOgical/Physical View围veTopologyBeplace Host Port.e-storage SubsystemSocN DINe NeAccessible BY LUNShow A Most Port InformationHortOris上 Uhdetned Mopp RgsHost OronDefei GroupHost OrionHost Group ExchangeHost orona日0toro3 LMAHos Ports地ApE00题 HBA Host PoBRE 001选择对应P70RACf0别名的 HBA HoSt ports, Mappings> Replace host port,输入新的16位WWPN号码。torage Subsystem Viez Tappings Aray Loaiea Drive Coatrdzler Drive Advanced HelpLogical/Physical viewTopologyDefned MappingsReplace Host Port9-storage SubsAccessible ByUNShow All Kost Port InformationHost Orione日 Endet ned MeK·Host oronDefaut GroupHost orona E=Host Group ExchanHost orion8日0Host oriona LHBA Host Ports回 HBA Host Port FBRE0HBA Host PortBRE 0017、更换HBA卡后的配置操作1)在主机上拔下f0卡上的光纤环回堵头,并插入原光纤线。2)检查SAN交换机的Zone配置在SAN交换机上,如果有绑定WWPN的光纤交换机,修改Zone配置,如果绑定端口,则不用处理3)SAN交换机注册HBA卡的wwPN号在P570RAC1主机中运行 cfgm重新扫描设备后,登录SAN交换机,检查HBA卡在光纤交换札上是否注册新的WWPN号。4)检查fcs和dac设备处于 available状态P570 RAC1: / Isdev-c grep fcsoP570 RAC1: / I -c grep fcs1P570 RAC1: / Isdev-C grep dacoP570 RAC1: / Isdev-C grep dac1ITPUB个人空间http://space.itpubnet/9664900第9页共11页IBMP570主机在线更换HBA卡详细过程 mfkqwyc86Version: 作者:周铃Email:mfkqwyc86(@163.comUpdate Date: 2010.065)检查是否有多余的dar设备,当前的dar设备是否处于 Available状态,并删除多余的dar设备。(每个DS4000柜子只能对应一个dar设备)P570 RAC1: / Isdev-C grep dar6)检查每个dar下是否有两个 active的dac设备P570_ RAC1: / Isattr -El daro grep act controllerP570 RAC1: / Isattr-El dar1 grep act controller7)在DS4000存储上重新分布光纤链路,将之前切换的路径调整冋之前的控制器在 Storage Manager Client中相应的lun+ change→ Ownership/ Preferred Path→ Controller in Slot A/B操作如下图Storage Subsystem View Mappings Array Logical Drive Controller Drive Advanced HelpG Logical/Physical View B Mappings ViewLob/ Storage Subsystem DS4700PhysicalEnclosure 100- Show FC Show SATA+l-OTotal Unconfigured Capacity (56. 44 TB)(front)0RAD5)058.0GB1目目目日目国目目目目目目日Create ArrayFreeChangeModification Priority,.Increase Capacity,,Cache Settings.Create Copy.Media Scan Settings, ,Create Remote MirrorPre-Read Redundancy Check.Create FlashCopy Logical DriveOwnership/PreFerred Path|◆ ntroller in5 lot A(PreferredSegment SizeController in slot BRenameProperties00000000000000OO8)检查P570RAC1主机上的光纤链路P570RAC1:/# fget config-Av//查看存储链路现状daroUser array name =D$4000dac1 active dacO ACTIVEDisk DAc LUN Logical Dr ivetm21hdisk2 dac1 0hd isk3 dacOhdisk4 dac1 2hdisk 5 daco 3diskoITPUB个人空间http://space.itpubnet/9664900第10页共11页
- 2020-12-08下载
- 积分：1
