求学习.javascript 的视频教程 是韩顺平老师讲解的_百度知道
求学习.javascript 的视频教程 是韩顺平老师讲解的
求学习.javascript 的视频教程 是韩顺平老师讲解的
提问者采纳
有链接./s/1hqEhGd2 密码:///s/1hqEhGd2" target="_blank">http://pan：<a href="http
您有那个专讲js的
十天五十课的视频吗
我还有一个专讲js的很好的教程,拿去看吧链接： 密码：xvvb
提问者评价
看来是找不到了，就选你的吧，谢了
其他类似问题
为您推荐：
韩顺平的相关知识
其他1条回答
我这里有某连的1~20集 JAVASCRIPT视频，不知需要否
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁js教程_javascript入门教程_js基础教程_学习javascript最好的网站
&& && &&&& && &&其它登录： &&
Javascript教程最新文档
WEB技术QQ交流群： 站长Q号：
版权所有者:WEB开发网　地址:云南省文山州砚山县盘龙乡
滇ICP备号-1
特别声明：本站内容仅供参考，不作为设计及确切依据！想了解更多,可立即进入当前位置： >
> 课程大纲
JavaScript高级实战开发课程 - 教学大纲
结课标准：
理解并吸收JS基础课程知识点
能独立运用这些基础知识点完成网页常见的交互特效：
凤凰娱乐导航焦点图
影片信息提示效果
展开收缩菜单
第二章：JS基础语法及流程控制
课程内容介绍：
JavaScript的组成：ECMAScript,DOM,BOM
JS数据类型:类比HTML中的：block、inline,及typeof运算符
常见数据类型:number、string、boolean、undefined、object、function
函数传参：传递、接收、运行。函数可以多次调用，可以传递多个参数 传参实例
什么是域？什么是作用？作用域:外面变量里面找得到，里面变量外面找不到
变量的定义，及定义在哪.闭包，什么是闭包：函数套函数，闭包的使用。
命名规范：命名规范及必要性，可读性，规范性
运算符:算术：+ 加、- 减、* 乘、/ 除、% 取模 实例：隔行变色、秒转时间
运算符:赋值：=、+=、-=、*=、/=、%=
运算符:关系：&、&、&=、&=、==、!=、===、!==
运算符:逻辑：&& 与、|| 或、! 否
实例：全选、不选与反选
程序流程控制:判断语句：：if、switch、?: 循环语句：while、for
程序流程控制:跳出：break、continue 什么是真、什么是假：
真：true、非零数字、非空字符串、非空对象
假：false、数字零、空字符串、空对象、undefined、NaN
结课标准：
隔行变色:鼠标移入移出变颜色 点击以后的颜色变化
带略缩图的图片轮换
评分:点击选中或取消
第三章：函数详解
课程内容介绍：
顾函数传参 函数返回值：return
函数可以是任何数据类型 示例：通过ID名、配合函数传参特性获取元素
可变参（不定参）：arguments 实例：求和函数
封装CSS函数
获取非行间样式的兼容写法
obj.currentStyle[attr] getComputedStyle(obj,false)[attr]
判断arguments.length 判断是否有最后一个参数
定时器基础 什么是定时器
定时器函数：setInterval、clearInterval和setTimeout、clearTimeout
两种定时器的区别，小实例：按钮控制DIV变化 查看QQ资料实例
定时器应用(1)：自动播放的选项卡
定时器应用(2)：简易数码时钟
结课标准：
写一个计算函数
简易网页时钟，带上冒号
带缩略图的图片轮换
按钮控制商品图片上下滚动
第四章：字符串数组
课程内容介绍：
字符串方法——获取类：charAt
charCodeAt fromCharCode
字符串方法——查找类：indexOf，lastIndexOf，及两个参数的含义
字符串方法——比较类:&, &, ==
字符串方法——截取类:substring
字符串方法—其他:split,toUpperCase, toLowerCase
Json:什么是Json Json和数组 Json的循环
数组基础:数组的使用 数组的属性 数组使用原则
数组添加元素: push(元素)，从尾部添加,unshift(元素)，从头部添加
数组删除元素:pop()，从尾部弹出,shift()，从头部弹出
数组的插入、删除：splice(开始, 0, 元素…) 两个参数的情况
结课标准：
查找某字符串在文本中出现的次数，分别在第几位
带正负的评分效果
自定义字体形状
展开收缩的文字内容
模拟打字机
按钮控制图片左右走动
第二部分：DOM,BOM,事件，事件高级 - 超过40多个实用交互演示实例
第五章（上）：DOM与JAVASCRIPT
课程内容介绍：
DOM基础：什么是DOM DOM节点
childNodes和children
，firstChild和firstElementChild
lastChild和lastElementChild，nextSibling和nextElementSibling
previousSibling和previousElementSibling
parentNode和offsetParent
操作元素属性的第三种方式 setAttribute(名称, 值) 问题及好处
创建和插入DOM元素 createElement(标签名) appendChild(节点)
insertBefore(节点, 原有节点) 在已有元素前插入 例子：倒序留言板
删除DOM元素removeChild(节点)
替换DOM元素replaceChild(节点, 已有节点)
结课标准：
模拟留言板
58同城筛选效果
内容关键字信息
第五章（下）：BOM与表格
课程内容介绍：
表格应用——获取表格元素 tBodies、tHead、tFoot、rows、cells
表格应用——隔行变色 鼠标移入高亮
表格应用——添加、删除一行 搜索、高亮显示、筛选、排序
用className选择元素——选出所有元素 通过className条件筛选 封装成函数
表单应用——什么是表单，向服务器提交数据，用户注册 action提交到哪里
表单事件：onsubmit 提交时发生onreset 重置时发生
BOM与JAVASCRIPT 打开窗口， open实例：蓝色理想运行代码功能
BOM与JAVASCRIPT 关闭窗口，close关闭时提示问题, 兼容性问题
常用属性:window.navigator.userAgent window.location
可视区尺寸document.documentElement.clientWidth
滚动距离document.body.scrollTop document.documentElement.scrollTop
内容高度scrollHeight 文档高度document.body.offsetHeight
可视区尺寸 滚动距离 内容高度 文档高度document.documentElement.clientWidth
常用方法和事件 window对象常用事件 onscroll onresize 优酷弹窗的例子
结课标准：
表格隔行变色、鼠标移入、选择高亮显示、添加、删除、搜索、上移、下移
表单校验：用户注册、验证(名字不能为空，密码不能为空，两次密码必须一样)
回到顶部按钮
页面左右两侧居中广告
第六章：事件详解
课程内容介绍：
事件详解——光标事件 光标移入事件onfocus 光标移出事件 onblur
This关键字 This指向 ：谁调用的this就指向谁
Event对象 用来获取事件的详细信息：鼠标位置、键盘按键 Event对象的兼容
事件流 事件冒泡 取消冒泡 事件捕获
绑定事件 绑定事件的兼容性 普通事件与绑定事件的区别与取消
键盘事件 keyCode 获取用户按下键盘的哪个按键 例子：键盘控制Div移动
键盘事件 其他属性 ctrlKey、shiftKey、altKey
默认事件 阻止默认事件 普通写法：
默认事件的实例：屏蔽右键菜单 :oncontextmenu 和只能输入数字的输入框
拖拽 简易拖拽 拖拽原理——三大事件
定时器应用(1)：自动播放的选项卡
定时器应用(2)：简易数码时钟
结课标准：
模拟select控件
自定义右键菜单
方块跟随鼠标移动
链接提示title框
只允许输入数字的文本框
用键盘控制Div的移动
左右点击图片切换
鼠标绘制方块
第七章：事件高级应用
课程内容介绍：
高级拖拽——完美拖拽 标准下阻止默认事件，可以拖拽图片 封装成函数
高级拖拽—限制范围 不能拖拽出页面可视区 磁性吸附
高级拖拽——碰撞检测原理——九宫格
高级拖拽——与DOM配合 带框的拖拽 保留原有位置
高级拖拽——拖拽改变层大小
自定义滚动条——只有横向拖拽 限制范围 计算比例
自定义滚动条——控制其他对象：控制物体的大小或透明度 控制文字滚动
鼠标滚轮 鼠标滚轮事件 鼠标滚轮与自定义滚动条结合
cookie的作用——页面用来保存信息 同一个网站中所有页面共享一套cookie
cookie的使用——设置 读取 删除
cookie例子：用cookie记录上一次拖拽的位置 Cookie登录后删除信息
结课标准：
带框的拖拽
拖拽改变层的大小（左右都可拖拽,带箭头的拖拽）
拖拽记录位置
网页换肤记录样式
登录框记录用户名
记录用户浏览视频的记录
自定义滚动条控制页面（配合滚轮）
输入框中滚轮加减数字
第三部分：Jquery - Jquery设计思想
第八章Jquery
课程内容介绍：
Jquery理念——Write less,do more
成就——微软公司甚至把jQuery作为他们的官方库。
Jquery——选择网页元素 CSS选择器：$(document) $('#myId')等。。。
Jquery——特有的表达式：$('a:first') $('tr:odd')等。。。
Jquery——方法函数化，原生的window.onload，Jquery的 $()
原生与JQ——可以共存 例：$("#div1").html()；oDiv.innerHTML
原生与JQ——不能混用 例：oDiv.html()；$("#div1").html()
Jquery——强大的过滤器 例如：$('div').has('p');等。。。
Jquery——相邻元素查找 例如：$('div').next('p');等。。。
Jquery——链式操作例：$('div').find('h3').eq(2).html('Hello');
Jquery——取值与赋值合体 例html()没有参数，表示取出h1的值
html('Hello');有参数Hello，表示对h1进行赋值
直接移动该元素 例：$('div').insertAfter($('p'));
移动其他元素 例：$('p').after($('div'));
Jquery——强大的创建 oLi.html('aaaa');
Jquery——工具方法 构造函数上的方法 例 $.each([],function(){})
Jquery——原型上的方法 例：$('div').each(function(){})
Jquery——事件操作——独立事件 例 click()
Jquery——事件操作——通用事件 例 bind()
Jquery——事件操作——运动特效 例 fadeIn() slideDown()
Jquery——事件操作——复杂运动特效 例animate() stop()
Jquery——插件机制 在JQ的源码上进行扩展，一个个做好的应用
Jquery——UI组件 JQ官方提供的功能效果和UI样式
Jquery——手机 社区 论坛等。。。
结课标准：
理解jquery设计思想
记住大部分jquery API的使用
做一个复杂一些的jquery效果
第四部分：Ajax和Jsonp - 瀑布流效果，及天气预报实例
第九章 Ajax和Jsonp
课程内容介绍：
什么是Ajax 用户注册例子演示 节省用户操作，时间，提高用户体验。
使用Ajax 传输获取数据 使用ajax获取某一文本文件的内容
Ajax过程详解——创建对象XMLHttpRequest() Date()对象 Open（）方法
表单应用 什么是表单：提交用户信息 action method 传输方式
Get和Post的区别：Get通过url地址传输 Post通过浏览器内部传输
Get和Post的传输数据安全性和传输数据量
AJAX——Open方法三个参数的含义 提交方式 提交地址 异步（同步）
AJAX——Send方法 发送数据，相当于Form的submit
AJAX——请求状态监控 onreadystatechange事件
编写Ajax——发送请求 send 中文编码 缓存 设置请求头
编写Ajax——数据类型 服务器返回给咱们的真正数据 XML、HTML、JSON
JSON的写法 Eval解析JSON的时候需要注意的地方 例子：添加JSON数据到ul
结课标准：
获取一组数据
Ajax() 封装函数编写
Ajax选项卡（扩展：实时刷新数据）
第五部分：运动特效 - 官网上所有动态效果都可以实现
第十，十一章
课程内容介绍：
运动基础 让Div运动起来 速度——物体运动的快慢 运动中的Bug
匀速运动 速度不变
运动框架——在开始运动时，关闭已有定时器 检测停止条件和执行运动对立
运动框架实例——淡入淡出的图片 "分享到"侧边栏
摩擦运动——逐渐变慢，最后停止
缓冲运动——与摩擦力的区别:可以精确的停到指定目标点 距离越远速度越大
多个物体同时运动 多个Div，鼠标移入变宽
任意值运动框架——支持不同属性，能让某个值运动起来 运动属性作为参数
完美运动框架——理解JSON For in 获取属性和值
完美运动框架——运动终止条件 所有的值都到达目标点的时候，才停止
链式运动框架——动作接口 运动停止时，执行函数 开始下一次运动
运动框架总结——运动框架 多物体运动 任意值运动 完美运动 链式运动
图片预加载——不直接修改img元素的src，加载完成后，再显示
图片预加载用到的事件——onload onerror 预判加载 延迟加载
其他运动形式——返回顶部 无缝滚动
结课标准：
淡入淡出图片
右键菜单淡入淡出
点击方块跟随
幻灯片（上下）|| ( 左右 )
淘宝幻灯片（渐变）
新浪微博效果
预加载下一张
多图片展开收缩
延迟加载淡出图片
土豆网右下角悬浮
第六部分：面向对象 - 写出更优质的代码
第十二章（上）：面向对象的基础
课程内容介绍：
什么是面向对象——用对象的思想去编程，对外提供方法的接口
JS中的面向对象的组成——方法 函数 变量
面向对象编程(OOP)的特点——抽象 部分 封装 继承
为对象添加方法和属性 this详解，事件处理中this的本质 object对象
工厂方式——用构造函数创建一个类 什么是类、对象 对象的引用问题
原型——prototype 为Array添加sum方法 什么是原型 系统对象注意事项
流行的面向对象编写方式，用混合方式构造对象 原则 对象命名规范
实例：面向对象的选项卡 把面向过程的程序，改写成面向对象的形式
混合的构造函数/原型方式
对象和闭包
结课标准：
为数组对象添加求和，最大值
为字符串对象添加判断是不是最后一个字母
面向对象的选项卡
给选项卡添加一个自动播放的方法
任意学过的效果改写成面向对象
面向对象的面试题
第十二章（下）：高级面向对象
课程内容介绍：
高级面向对象——编写拖拽类 用json的方式改写原型形式 init方法
高级面向对象——单体模式 不能执行多个不同元素 命名空间
面向对象的一些属性和方法：toString() hasOwnProperty() constructor
对象的继承 什么是继承 instanceof运算符 如何添加继承
使用继承 限制范围的拖拽类 构造函数伪装 原型链
拖拽类加入默认值 封装init方法 封装extend方法
结课标准：
带框的拖拽类
单体模式的编程
默认值的加入编程方式
选项卡的继承
任意其他效果的继承
第七部分：免费赠送妙味课堂高级JavaScript专题课程
高级专题——VQuery
课程内容介绍：
VQuery——用原生JS编写自己的jQuery库
VQuery选择器——elements属性，存储选中的元素 typeof的使用
VQuery选择器——字符串 class、ID、tagName
VQuery选择器——函数 事件绑定,对象 直接插入
VQuery选择器——$函数 click方法bind方法show方法hide方法hover方法
VQuery选择器——css方法 attr方法toggle方法eq方法index方法find方法
VQuery选择器——链式操作 阻止冒泡、默认事件 插件机制 extend 动画类
结课标准：
可以完成VQuery自动播放轮播图
拖拽（drag）插件
编写VQuery,自己扩展3-5个方法
高级专题——高级运动
课程内容介绍：
加减速运动——速度不断增加或减少
弹性运动在目标点左边，加速；在目标点右边，减速——
带摩擦力的弹性运动——弹性运动+摩擦力
弹性运动终止条件——距离足够近 并且 速度足够小
弹性运动实例——弹性菜单
碰撞运动——撞到目标点，速度反转
碰撞运动——无重力的漂浮Div 速度反转
碰撞运动——加入重力 反转速度的同时，减小速度
高级实例——Iphone弹性拖拽
高级实例——碰撞弹窗
结课标准：
完成自由落体菜单
高级专题——正则表达式
课程内容介绍：
复习字符串操作——indexOf substring charAt split
什么是正则表达式——规则、模式 强大的字符串匹配工具
正则的写法——new RegExp("a") /a/
正则表达式——test 字符串判断 返回真假 例子：是否有不是数字的字符
正则表达式——search 字符串搜索 返回出现的位置
正则表达式——match 获取匹配的项目, 返回数组 例子：找出所有数字
正则表达式——replace 替换所有匹配 返回替换后的字符串 例子：日期格式化
正则表达式字符类——任意字符[abc]
正则表达式字符类——范围[a-z]、[0-9]
正则表达式字符类——排除 [^a]
正则表达式字符类——组合 [a-z0-9A-Z]
转义字符——.（点）——任意字符 例子 获取class元素
量词——出现的次数 {n,m}，至少出现n次，最多m次 例子：查找QQ号
常用量词——{n,}至少n次 *任意次 ？ 零次或一次 {n}正好n次
正则收尾——^ 开始 $结束 例子 是不是QQ号 去掉前后空格
高级表单校验——匹配中文 行首行尾空格 Email 网址 QQ号 邮政编码 身份证
正则与JSON——把方法包在一个空间里
结课标准：
检测字符串中是否有字母a
检测字符串中是否有数字
找出字符串中所有的数字
将字符串中所有数字都替换成***
删除文本中所有的html标签
完整的用户表单校验，检查用户的各种输入是否合法
高级专题——综合应用
课程内容介绍：
苹果导航菜单——原理 距离变换成比例
照片墙——布局转换、拖拽、碰撞检测、交换位置、随机
结课标准：
仿flash切换
iGoogle拖拽(加cookie)
高级专题——前端面试题详解
课程内容介绍：
知识点总结——事件DOM BOM js基础 Ajax 面向对象 常用方法 常用技巧 运动
前端面试技巧——要礼貌，要谦虚，要热情，要真诚
面试技巧——听不清的或有疑惑的，让对方重复下，把知识点说全，不要盲目扩展
笔试技巧——尽量先答自己回的，控制时间
口试技巧——可以思考一下，不一定马上作答
概念题—— 闭包 理解函数声明与函数表达式 什么是闭包 了解实例
概念题——callee和caller 函数自身和被调用的函数
概念题—call和apply 作用 参数的区别
运行题——作用域(变量预解析)this指向 (谁调用指向谁) 语法
算法题——数组排序 取个随机数 数组去重
智力题——冷静处理，善于思考
兼容性——样式的获取currentStyle getComputedStyle
兼容性——Event对象：ev
|| window.event
兼容性——滚动距离: document.documentElement.scrollTop || document.body.scrollTop
兼容性——childNodes:
兼容性——滚轮事件：mousewheel
DOMMouseScroll
优化类——减少全局变量：作用域链 只加载可视区的内容
优化类——减少dom操作：事件委托、文档碎片document.createDocumentFragment()
优化类——减少请求数和质量：合并JS和压缩JS
优化类——能使用正则的尽量用正则
数据类——Get和post区别 json、字符串互转
其他要了解的——后台 数据库 seo Jquery(或任意类库) Firebug svn
第八部分：大型JS交互实战项目（结课标准）
项目的主要功能，如：
封装拖拽、队列运动、AJAX、jsonp、天气预报数据调用……
缓冲运动、canvas时钟、css3（TRANSFORM）、控制窗体大小绽放、图片预加载……
2. 完成小型游戏的开发，如：
生成元素队列、显示对象、层级划分、BOM边缘碰撞检测……
event对象模拟游戏移动、控制子弹元素、较复杂碰撞检测……
游戏通关系统、评分统计系统、引导及结束动画……