前端复习知识点.docxVIP

第一章：考试题型：选择题*2，简答题*1HTML5的优势对于浏览器，尤其是IE浏览器支持的情况HTML5内容分组中新增的元素、语义元素和多媒体元素（了解标签元素名称，以及基本的属性及作用）第二章：考试题型：选择题*2新增的表单属性，掌握属性的含义和作用第三章：考试题型：选择题*7，简答题*1，编程题*1JavaScript的作用页面中插入JavaScript的方法，script标签放置的位置，引入外部JS文件的格式基本语法，声明变量的方法、规则；JavaScript六种数据类型JavaScript运算符以及数据类型的隐式转换，typeof运算符、instanceof运算符三目运算符（三元运算符）的语法，了解三元运算符如何进行判断执行。创建对象的三种方法，查询和设置对象的属性JavaScript数组，创建函数的三种方式JS绑定事件的几种方式、setTimeout()和setInterval()的区别window事件onLoad();鼠标事件onclick();键盘事件onKeydown();第四章：考试题型：选择题*3默认大小300*150。属性height、width设置画布大小。四个基本图形-线条，文本，圆形，矩形使用canvas元素加载2d引擎来绘制（1）html-5写入cavas元素canvas id=cav/canvas（2）js代码加载cavas并且获取2d引擎var canvas=document.getElementById(cav);//获取2D引擎var ctx=canvas.getContext(2d);（3）绘制直线//绘制线条 ctx.beginPath();//两点确定一直线ctx.moveTo(40,40);ctx.lineTo(50,100);ctx.closePath();//stroke绘制边界 fill填充内容ctx.stroke();（4）绘制文本//设置字体的大小 字体ctx.font=40px Arial;//实心ctx.beginPath();ctx.fillText(Hello world,0,50);//空心ctx.strokeText(Hello world,100,50);ctx.closePath();（5）绘制矩形ctx.beginPath();ctx.fillRect(10,10,50,50);ctx.strokeRect(10,10,50,50);ctx.close();（6）绘制圆形//开始计算路径ctx.beginPath();//设置弧度参数 x,y原点坐标 radius半径 start end是起始弧度 shizhen// //是顺时针还是逆时针ctx.arc(x,y,radius,startAngle,endAngle,shizhen);//结束计算路径ctx.closePath();//绘制ctx.fill();（7）通用//开始绘制调用ctx.beginPath();//结束绘制调用ctx.closePath();//填充颜色ctx.fillStyle=red;ctx.fillStyle=#ffffff;ctx.fillStyle=rgb(2,2,2);fill();//轮廓颜色ctx.strokeStyle=red;ctx.strokeStyle=#ffffff;ctx.strokeStyle=rgb(2,2,2);stroke();两种方式 fill填充 stroke绘制边框第五章：考试题型：选择题*1MongoDB是一个高性能、开源、面向文档存储的数据库。使用C++开发，开源。MongoDB优势查询速度快高并发。可以达到2万个并发高容量。支持10TB以上都数据量适用场合网站数据缓存大尺寸，低价值的数据高伸缩性的场景用于对象及JSON数据的存储劣势高度事务性的系统商业智能系统跨文档（表）级联查询第六章：考试题型：选择题*4，简答题*1，编程题*1jQuery是一个JavaScript库，最流行的JavaScript框架引入jQuery库：方法2种语法：$(selector).action()$(document).ready(function(){})简写：$( function(){})和window.onload事件的区别。表格P126$.each()方法jQuery对象到DOM对象转换方法选择器有哪些？举例DOM操作元素和属性的方法remove()、empty()、detach()区别（P133）事件鼠标事件、键盘事件、表单事件绑定on和移除off事件第七章：考试题型：选择题*2，简答题*1，编程题*1简介ajax 异步通讯不刷新网页就能从服务端读取数据良好的用户体验js ajax引擎Ajax异步请求原理（1）客户端浏览器运行时加载Ajax引擎