Web前段开发技术复习要点

Web前段开发技术复习要点兰全祥 2017年4月10日1、 万维网、超文本、超媒体、http、HTTPS、ftp2、 统一资源定位URL、URN、URI3、 完整的URL格式4、 URL对于中文等非ASCII码的编码规则5、 网页制作客户端应用技术有哪些？各自的作用分别是什么？6、 服务器端应用技术CGI、ASP、PHP、JSP、ASP.NET7、 目前主流的几种浏览器以及网页开发工具HTML8、 什么是HTML？有什么特点？9、 HTML的一般结构包括什么？10、 HTML标题字标记。11、 HTML的文字修饰标记（上标、下标、粗体、斜体、删除、下划线）。12、 HTML的字体标记以及重要的属性。13、 HTML的段落标记以及对其方式。14、 HTML中的特殊标记（、 、）15、 图片标记以及重要属性。16、 超链接标记以及标记中的主要属性。17、 如何创建一个书签链接。18、 相对路径和绝对路径的概念以及各自的优缺点。19、 相对路径的使用方法。20、 有序列表、无序列表以及列表项标记。21、 列表标记中的type属性以及常用的几种列表类型。22、 如何解决中文乱码的问题？23、 HTML文字颜色、背景色、背景图片。24、 HTML的发展历史。25、 HTML框架元素以及重要属性。26、 HTML块元素和行内元素。HTML表格27、 表格的功能。28、 表格的主要标记（标题、表格、行、表格数据）。29、 如何创建一个两行三列的表格。30、 表格边框、边框颜色。31、 表格行高、表格单元格宽度。32、 表格、表格行的背景颜色、背景图片。33、 在表格中插入图片的方法。34、 表格水平对齐属性及取值。35、 表格单元格垂直对齐属性及取值。36、 单元格水平跨度和垂直跨度的属性。37、 表格的结构标记：表首、表主体、表尾。HTML表单38、 表单有什么作用？什么情况下使用表单？39、 表单标记以及主要表单属性。40、 get和post的区别。41、 如果要在表单中上传文件需要设定什么属性？42、 什么是MIME？43、 输入标记input的输入类控件type可选哪些值？44、 在添加单选框的时候需要注意什么？45、 单选框与复选框默认选中属性是什么？46、 文本输域、密码域的默认值使用什么属性设置？47、 button和submit的value属性有什么用？48、 图像域和submit的区别。49、 hidden隐藏域的应用场景。50、 文本区域标记以及重要的属性。51、 下拉菜单标记以及下拉选项标记。52、 可多选的下拉列表如何设定？53、 如何设定下拉列表显示的选项数目。54、 什么属性可以直接读取用户选择的下拉列表项。55、 如何设定输入控件不可用?56、 如何设定控件只读？57、 不可用和只读有什么区别？58、 如何设定元素隐藏？CSS59、 什么是CSS？为什么要使用CSS？60、 声明CSS样式的语法。61、 CSS样式分为哪几种？它们分别如何使用？62、 网页中样式优先级。63、 CSS定义id选择器和class选择器所用的符号以及使用方法。64、 CSS基础选择器（类型选择器、id选择器、class选择器）65、 CSS组合选择器。66、 CSS操作伪类选择器：link、visited、hover、active、focus67、 CSS伪元素选择器first-letter、first-line、before、after68、 CSS属性选择器（存在某一属性、属性值等于、由指定值开头和结尾）69、 CSS通用选择器。70、 CSS结构伪类选择器。71、 CSS字体修饰属性（类型、大小、颜色、粗细、斜体）。72、 CSS颜色的表示方法。73、 CSS显示属性display(none/block/inline)。74、 CSS文本样式（下划线、文本大小写、文本水平对齐、行高、字母和词间距）75、 CSS列表项符号样式（list-style-type）以及常用取值。decimal、lower-roman、upper-alpha、disc、circle、square76、 CSS边框样式（表框样式、表框宽度、边框颜色）。77、 CSS背景样式（背景图片、背景颜色、背景重复方式、背景固定属性、背景位置、背景大小）。78、 CSS鼠标样式。79、 CSS垂直对其属性vertical-align（上、下、中、基线对齐）80、 CSS样式对盒子进行装饰的顺序和规则。81、 CSS浮动属性与清除属性。82、 CSS定位（相对定位、绝对定位、固定定位）83、 CSS外边距属性。84、 CSS内边距属性。85、 CSS盒子模型。86、 CSS层叠顺序属性。87、 CSS中表格的属性。边框合并属性、单元格边框间距、表格标题位置。JavaScript88、 JavaScript概念以及JavaScript的特点。89、 Java和JavaScript的区别。90、 JavaScript在HTML中的两中使用方法（内部JS、外部JS）。91、 JavaScript定义变量和定义函数的关键字分别是什么？92、 JavaScript在定义变量和定义函数（有无参数、有无返回值）的时候与传统编程语言的区别。93、 JavaScript数据类型：数值（八进制、十六进制）、字符串、布尔型、特殊类型（转义字符、undefined、NaN、NULL）94、 什么情况下会出现undefined？95、 JavaScript基础数据类型之间的的运算。var x=1,y=1,z=true;96、 JavaScript数据之间的比较。undefined、null、NaN97、 JavaScript字符串处理技术：匹配、搜索、替换、分割、定位、截取方法。98、 JavaScript数组操作：获取数组长度、指定下标的值、连接、向数组最后添加删除元素、向数组最前面添加删除元素、排序、颠倒数组的方法。99、 JavaScript函数的调用方法：直接运行、事件响应、链接调用的调用方法。100、 JavaScript几种常用的内置函数：eval()、isNaN()、parseInt()、编码、解码。101、 Window对象编程中的常用对话框有哪些？102、 Window对象常用方法：setTimeout、clearTimeOut、setInterval、clearInterval、open、close、location等。103、 DOM向文档输出信息的方法是什么？如何输出换行？如何让转义字符生效？104、 DOM获得指定id的HTML标记的对象方法（如何获得网页元素）？105、 DOM还可以用过哪些方法获得网页元素的对象引用？106、 使用DOM修改网页元素的文本内容、修改元素的值、属性以及元素样式的方法分别是什么？107、 JavaScript常用事件：页面加载完成、表单事件、鼠标事件、键盘事件。108、 如何使用JavaScript对表单进行验证？109、 DOM中创建新节点的方法是什么？110、 如何创建文本节点？111、 如何为创建的节点添加指定的属性和属性值？112、 如何在网页中创建多个节点？113、 在网页某个节点之后追加子节点的方法和某个节点之前追加节点的方法分别是什么？114、 DOM对于节点的删除、替换、复制的方法分别是什么？115、 如何在JavaScript中调用事件处理程序？116、 如何在HTML中调用事件处理程序？117、 主流浏览器的事件模型有哪两种？118、 JavaScript事件编程中如何处理事件兼容性？如何获得事件对象？119、 在标准DOM中，如何为网页元素添加事件监听？Ajax120、 什么是Ajax？121、 Ajax使用了哪些技术？122、 使用Ajax进行开发的优点有哪些？123、 Ajax技术有哪些缺点？124、 简述Ajax编程的异步请求基本步骤？125、 简述Ajax编程的同步请求基本步骤？126、 如何对XMLHttpRequest进行初始化？127、 XMLHttpRequest对象的常用属性onreadystatechang、readystate和state分别代表什么？128、 简述请求状态码的取值和意义。129、 简述服务器状态码的常用取值和意义。130、 XMLHttpRequest对象使用什么属性可以获得服务器文本响应？131、 XMLHttpRequest对象使用什么实行可以获得服务器XML响应？132、 XMLHttpRequest对象使用什么方法创建请求和发送请求？133、 简述XMLHttpRequest对象创建请求的参数以及取值。HTML5 多媒体134、 使用什么标签可以在网页中加入音频和视频元素？135、 什么属性用于指定媒体数据的URL地址？136、 可以使用什么元素（标签）来为同一个媒体数据指定多个播放格式和编码格式？137、 如何设置媒体在页面加载后自动播放？138、 如何设定媒体数据是否预加载？预加载的可选值有哪些？139、 请简述poster属性的作用和使用方法。140、 如何指定媒体重复播放？141、 如何为媒体添加浏览器自带的播放控制条？142、 用什么属性可以指定视频的宽度和高度？143、 什么属性可以用来读取播放中媒体数据的URL？144、 如何读取媒体的当前播放时间、开始时间和持续时间？145、 如何对媒体播放进行快进、快退？146、 如何判断当前媒体是否播放？是否播放结束？147、 控制媒体音量将使用什么属性？148、 简述多媒体元素的常用方法。（播放、暂停、重新加载）149、 多媒体元素播放、暂停、结束时将触发什么事件？150、 多媒体的当前播放时间和持续时间发生改变将触发什么事件？HTML5 新元素151、 简述HTML5新元素datalist的优点。152、 简述HTML5新元素datalist的使用方法。153、 HTML5新的input类型：email、number、range、Date(date, month, week, time, datetime-local)、color。154、 如何为Date(date, month, week, time, datetime-local)设置默认值？155、 如何为input中color类型的控件设置默认值？156、 HTML5新的input属性：autofocus、form、form overrides (formaction, formenctype, formmethod, formtarget)、list、min、max、step、pattern (regexp)、placeholder、required。157、 HTML5不再支持或者不建议使用的标签center(使用css控制)、font(使用css控制)、strike(使用del)定义加删除线的文本、u(使用css控制)定义下划线文本、frame(建议iframe)定义子窗口（框架）、frameset ：定义框架的集、dir定义目录列表。HTML5 Canvas158、 简述HTML5 canvas绘图的基本步骤。159、 如何获得指定canvas的二维上下文？160、 移动画笔和绘制线条的方法分别是什么？161、 填充和绘制的方法是什么？162、 如何对填充和绘制的样式进行改变？163、 简述开始路径的方法和作用。164、 简述关闭路径的方法和作用。165、 简述矩形的绘制、填充的方法和参数。166、 简述圆形的绘制、填充的方法和参数。167、 如何创建线性渐变对象？168、 如何创建径向渐变对象？169、 简述为渐变对象添加颜色的方法和参数。170、 如何设置颜色透明度（画笔透明度）？171、 简述canvas中图像局部放大的方法和参数。JQuery172、 什么是JQuery？173、 简述JQuery的下载与配置。174、 简述JQuery的特点。175、 简述JQuery基本选择器（id选择器、类名选择器、元素选择器）的使用方法。176、 简述JQuery符合选择器、通配符选择器、层级选择权（组合选择器）的使用方法。177、 简述JQuery过滤选择器（索引过滤、内容过滤器、属性过滤器、可见性过滤）的使用方法。178、 简述JQuery表单选择器的使用方法。179、 简述JQuery索引器。（获取指定index的jQuery包装集元素）180、 辨析get(index)、eq(index)和index的区别。181、 简述JQuery更改网页元素文本内容的方法。182、 简述JQuery获取、设置网页元素value的方法。183、 简述JQuery获取、设置网页元素样式的方法。184、 简述JQuery获取、设置网页元素样式的方法。185、 简述JQuery对网页元素进行多重样式的设置方法。186、 简述JQuery对网页元素进行CSS类添加、删除、切换的方法。187、 简述JQuery删除网页元素属性的方法。188、 简述JQuery对