前端复习知识点.docxVIP

第一章： 考试题型：选择题*2，简答题*1 HTML5的优势 对于浏览器，尤其是IE浏览器支持的情况 HTML5内容分组中新增的元素、语义元素和多媒体元素（了解标签元素名称，以及基本的属性及作用） 第二章： 考试题型：选择题*2 新增的表单属性，掌握属性的含义和作用 第三章： 考试题型：选择题*7，简答题*1，编程题*1 JavaScript的作用 页面中插入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绘制边框 第五章： 考试题型：选择题*1 MongoDB是一个高性能、开源、面向文档存储的数据库。使用C++开发，开源。 MongoDB优势 查询速度快 高并发。可以达到2万个并发 高容量。支持10TB以上都数据量 适用场合 网站数据 缓存 大尺寸，低价值的数据 高伸缩性的场景 用于对象及JSON数据的存储 劣势 高度事务性的系统 商业智能系统 跨文档（表）级联查询 第六章： 考试题型：选择题*4，简答题*1，编程题*1 jQuery是一个JavaScript库，最流行的JavaScript框架 引入jQuery库：方法2种 语法：$(selector).action() $(document).ready(function(){}) 简写：$( function(){}) 和window.onload事件的区别。表格P126 $.each()方法 jQuery对象到DOM对象转换方法 选择器有哪些？举例 DOM操作元素和属性的方法 remove()、empty()、detach()区别（P133） 事件 鼠标事件