电子书：《前端程序员面试宝典》《前端程序员面试宝典》张容铭20180901
111
内容简介：
前端程序员面试秘籍第19章 react第20章游戏开发第21章网络.安.全.第22章性能优化23章模块化开发第24章csss预编译第25章混合开发第26章前端工程化第27章版本管理工具第28章前端测试第29章公司常问问题第30章主观面试题
第1章html1.:谈谈你对web标准以及w3c的理解和认识:标签要闭合.英文小写.且不要嵌套混乱.用标签语义化来提高揎索的概率使用外链式的css和js( java script的缩写)脚本.使结构、样式、行为分离.内容能被更广泛的设备所访问.代码精简.开发组件化.代码易维护、可复用.改版、升2.m:html和 xhtml有什么区别m:himl是一种基于web网 页的设计语言. xhtml是一种基于xml、语法严格标准的设计语言两者主要的不同是 xhtml元素必须正确地嵌套.元素必须关闭.标签必须小写必须有根元素;html没有这些限制3.:严格模式和混杂模式如何区分?如何触发这两种模式?m:严格模式就是浏览器根据web标准去解析页面的方法.是一种要求严格的dtd.不允许使用任何表现层的语法;混杂模式是一种向后兼容的解析方法触发严格模式或者标准模式很简单.就是在html标签前声明正确的dtd;触发杂模式可以在html文档开始时不声明dtd.或者在 doctype前加入xml声明4.:什么是静态网 页?什么是动态网 页?:静态网 页是指没有数据交互的网 页.即没有数据库参与.没有服.务.器端数据的加载.比如静态网 页就是只有html+css+ javascript做成的网站动态网 页是指有后台数据参与的网 页.网 页中的数据是从数据库中提取的后台逻辑的支持。比如动态网 页就是sp页面(后台语言是jaa)、asp页面(后台语言是 aspnet)等小铭提醒为有动面的网 页就是动态网 页.这是一个严重的误区。5.: doctype有什么作用?区分严格模式与混杂模式有何意义?m:声明位于文档中的最前面.位于
2前端程序员面试秘籍区分严格模式与混杂模式的意义如下严格模式的排版和 javascript运行模式以该浏览器支持的最高标准运行。在混杂模式中.页面以宽松的向后兼容的方式显示。模拟老式浏览器的行为以防止站点无法工作(主要针对ie浏览器)6.:如何调试网 页代码?如何查看网 页源代码?:要调试网 页代码.在 windows系统下按f12键或者按ctrl+ shift+l( mac os中是 option+ command+c)组合键.打开开发者调试工具要查看网 页源代码.按鼠标右键查看页面源代码:语义化的主要目的是什么?:语义化的主要目的可以概括为用正确的标签做正确的事情html语义化可以让页面的内容结构化.便于浏览器解析和搜索引擎解析.并提代码的可维护度和可重用性比如.尽可能少使用无语义的标签
第1章html3< footer>元素.常用于定义某区域的脚注信息< aside>元素.常用于定义页面的一些额外组成部分.如广告栏、侧边栏和相关用信息0.:超级链接有哪些常见的表现形式?m:元素用于创建超级链接.常见的表现形式有以下几种普通超级链接.语法为≤ahref\”hp:/www.icketang.com\”target\”>爱创课堂。下载链接.即目标文档为下载资源.语法为< a href=\"%20day.%20zip\">下载电子邮件链接.用于链接到e-mai.语法为< a href=\"%20mailo:1234546@%20q9-con\">联系我们链接空链接.用于返回页面顶部.语法为< a href=\">…/a>锚点蹺转.用于跳转到页面菜一位置.目前常用于前端路由.语法为<%20a%20href#icketang\">.
用于实现特定的代码功能.语法为< a href-\" javascript:void(0);\">….11.:你测试过哪些浏览器的页面?它们的内核分别是什么:ie( trident)、 firefox( gecko、 chrome与 safario( webkit)、 operat( presto)小铭提醒2013年谷歌为 chrome推出了 blink浏览器排版引擎.包括 opera在内的浏览器开始使用该引擎。12.:dn是什么?在dv出现之前用什么做网站布局?m:div是网站布局的盒子标签。div出现之前使用 table布局.因为 table布局嵌套很多.网站加载慢( table无法局部渲染).布局层级不清晰13.:img标签上的tte和at属性的区别是什么?:; title的功能是为元素提供标题信息.即当光标悬浮在标签上后显示的信息;alt的功能是图片的替换文案.即当图片不能正常显示时(如加载失败).用文字代替14.:空元素有哪些?m:知名的空元素(单标签)有4前端程序员面试秘籍sre的内容是页面必不可少的一部分.表示引入。href的内容与该页面有关联.表引用。简单来说.它们的区别就是引入和引用16.m:简述一下< strong>和<>标签的区别。;< strong>标签和标签一样.用于强调文本.但它强调的程度更强一些是斜体强调标签.强调更强烈.表示内容的强调点。视觉上相当于html元素中的<>…>。和< strong>是表达元素( phrase element).即语义化元素是視觉元素.即非语义化元素.分别表示无意义的加粗和无意义的斜体17.:你知道多少种 doctype?html与 xhtml有什么共同点?: doctype标签可声明3种文档类型.分别表示严格版本( strict)、过渡版本( transitiona)和基于框架( frameset)的html文档html401规定了3种文档类型: strict、 transitional和 framesetxhtml1.0规定了3种xml文档类型: strict、 transitiona和 frameset浏览器通常有两种呈现模式 standards和 irksstandards(标准)模式(也就是严格呈现模式)用于呈现遵循最新标准的网 页αuiks(包容)模式(也就是松散呈现模式或兼容模式)用于呈现为传统浏览器而设计的网html和 xhtml的共同点如下(1)所有的标记都必须要有一个相应的结束标记(2)所有标签的元素和属性的名字都必须使用小写3)所有的xml标记都必须合理嵌套(4)所有的属性必须用引号“”括起5)所有“<”和“&”特殊符号都用编码表(6)给所有属性赋一个值(7)不要在注释内容中使“(8)图片必须有说明文字18.:在新窗口打开链接的方法是什么?tar19.:html、css、 javascript的关系是什么?m:学习web前端开发基础技术需要掌握html、css和 javascript语言(1)html是网 页内容的载体.是内容显示的框架。内容就是网 页制作者放在页面上想让用户浏览的信息.包括文字、图片、视频等(2)css是网 页内客的表现.就像对网 页进行包装。比如字体、颜色、边框等.这些都是用来改变内容外观的东西
“
