留言簿 点滴珍藏

JS入门

元素获取getElementById、事件类型:鼠标、键盘、窗口、表单、自定义事件、初识函数、变量声明、变量赋值、变量命名规则、关键字、保留字、window、元素基本属性操作、.操作符和[]操作符、if和else、for循环、this关键字、getElementsByTagName、getElementsByClassName、querySelector、querySelectorAll、自定义属性之索引。

❀ 2016/12/5

1 1

数据类型

JS的6大数据类型、类型检测、数据类型转换:强制类型转换、隐式类型转换、运算符:算术运算符、赋值运算符、关系运算符、逻辑运算符、位运算符,运算符优先级、函数定义、函数表达式、形参、实参、不定参、类数组对象对象arguments、返回值、作用域、作用域链、流程控制:if、else、switch、case、for、while、break、continue

2

定时器

JS的6大数据类型、类型检测、数据类型转换:强制类型转换、隐式类型转换、运算符:算术运算符、赋值运算符、关系运算符、逻辑运算符、位运算符,运算符优先级、函数定义、函数表达式、形参、实参、不定参、类数组对象对象arguments、返回值、作用域、作用域链、流程控制:if、else、switch、case、for、while、break、continue

3

字符串

字符串:length、charAt、charCodeAt、indexOf...,字符编码:ASCII、Unicode、UTF-8...,JSON:数据交换格式、规则、用途,JSON对象:parse、stringify,for...in,mTween+、数学对象:ceil、floor、round、abs、random、常用随机值公式,数组:length、push、pop、sort...,排序算法:冒泡排序(BubbleSort)、快速排序(QuickSort)

4

DOM操作

文档对象模型DOM、DOM结构、DOM树、DOM节点、节点类型、节点关系、节点常用操作:nodeType、nodeName、子节点操作children...,兄弟节点操作:perviousElementSiblings...,父节点操作:parentNode...,节点盒模型信息:clientWidth、getBoundingClientRect...,元素CURD操作、表格操作、表单操作、表单事件

5

BOM

浏览器对象模型BOM - Browser Object Model、常用方法:open、close,常用属性: 用户代理信息navigator.userAgent、地址栏信息:location、hash、search(queryString),窗口尺寸、可视区尺寸、滚动距离、文档内容高度,常用事件:onscroll、onresize、土豆网遮罩层、土豆网登录弹出层、返回顶部

6

事件基础

事件类型,事件对象:event、event.clientX、event.target、事件流(捕获阶端、目标阶端、冒泡阶端)、事件委托、阻止冒泡event.stopPropagation()、事件函数绑定:属性绑定、addEventListener、事件函数注销,键盘事件:keydown,event.which...,事件默认行为,阻止默认行为:event.preventDefault()、上下文菜单事件:contextmenu

7

事件应用

拖拽原理、限制范围的拖拽、京东商品图片放大镜预览效果、碰撞检测、仿window桌面拖拽画框选择元素、拖拽改变大小、模拟滚动条、模拟自适应内容的滚动条、滚轮事件:mousewheel/DOMMouseScroll、event.wheelDelta/event.detail、鼠标滚轮控制模拟滚动条、滚轮控制数字加减

8

正则表达式

RegExp对象、方法:test、search、match、replace,修饰符:i(ignore)、g(global),量词:+、*、?,子项:(),转义字符:\、次数匹配:{},任意字符:.,字符集合/字符范围:[],首位匹配符:^、$,实例:敏感词过滤、日期格式化、html标签过滤,阻止xss跨站脚本攻击、找重复项最多的字符和个数、QQ/邮箱/手机号码/邮箱 验证

9

面向对象基础

对象的组成:成员属性、成员方法,Object,{},对象创建和初始化,工厂模式,构造函数,书写规范,运算符new的执行过程和原理分析,this 的使用,原型和原型链,proto,prototype,通过prototype实现公有属性和方法的复用和继承,Mixed Constructor Function/Prototype Method,面向对象的选项卡分析及实现过程,抽象、封装、继承、多态

10

高级面向对象

包装对象:String、Number、Boolean,toString(),toString()的重写(overWrite)和实现过程,hasOwnProperty()方法实现自有属性判断,for...in/for...of的使用及特点,constructor属性的使用,instanceof运算符,继承:继承的特点、拷贝继承、类式继承、原型继承,通过继承实现多种不同形态的元素拖拽

11

组件开发

组件的特点:方法、配置、事件,组件配置的作用和实现,组件方法的作用和实现,实例配置和默认配置 - extend(),组件事件的作用和实现,自定义事件机制的实现,基于属性的事件的弊端,事件监听器addEventListener的实现,事件触发器 trigger的实现,事件容器,仿nodejs中EventEmitter实现事件继承

12

jQuery基础

核心的理念,强大的选择器、简洁的API、优雅的链式、便捷的操作,jQuery整体架构分析,实现自己的 jQuery,匿名函数自执行,闭包,无new 实例化,全局挂载,链式调用的原理和实现,Sizzle核心选择器,$()中的多种参数说明,jQ的DOM/BOM操作,jQ中的event操作,jQuery动画研究,队列,jQuery工具方法和静态方法

13

jQuery应用

jQuery选项卡,jQuery拖拽,$.extend()扩展jq静态方法,$().extend()扩展jQuery动态方法,jQuery静态插件--表单验证,正则,自定义事件,参数配置,自定义验证信息,验证提示信息,验证提示方式,验证方式,jQuery动态插件--拖拽,on,off,trigger,事件队列

14

ajax

MLHttpRequest,open,异步与同步,send,onload事件,responseText,responseXML,HTTP请求方法get和post的区别,HTTP请求头setRequestHeader,中文编码、缓存、安全等问题,文本、JSON、XML,数据解析处理JSON.parse,无刷新上传与下载,onprogress事件,upload对象,FormData,跨域问题的解决,JSONP原理和实现

15

JavaScript兼容性

ie/chrome/firefox兼容处理,ECMAScript兼容:trim,forEach,DOM/BOM 兼容:currentStyle、getComputedStyle,cssText和setAttribute,firstChild 、firstElementChild,Event对象对象兼容,事件侦听器:addEventListener、attachEvent,事件兼容:onmousewheel、DOMMouseScroll,Ajax兼容

16

Js特效30个

常见的网页特效全部会一一讲解

17

18

19

留言板

  •