- 浏览: 3315666 次
- 性别:
- 来自: 北京
文章分类
- 全部博客 (567)
- Web前端-html/表单 (19)
- Web前端-CSS (24)
- Web前端-CSS框架 (4)
- Web前端-JS语言核心 (50)
- Web前端-JS客户端 (26)
- nodejs生态+grunt (10)
- seajs和requirejs (9)
- backbone等框架 (7)
- 模板基础 (7)
- Web前端-deps(不改动) (6)
- Web前端-component (10)
- Web前端-jquery-plugin (13)
- 浏览器兼容性 (6)
- Web前端-使用jQuery (25)
- Web前端-使用jqueryui (6)
- Web前端-性能优化 (3)
- Web协议-HTTP (6)
- ExtJS (13)
- PHP (22)
- PHP面向对象 (4)
- PHP扩展-SOAP (6)
- PHP扩展-curl (4)
- PHP与HTML(导出) (5)
- PHP扩展-综合 (7)
- mysql基础应用 (18)
- 技术心情 (18)
- 算法和面试题 (17)
- 工具(开发)使用 (36)
- memcached原理 (2)
- session和cookie (4)
- UML (2)
- Web前端_FusionCharts (5)
- Web前端_Flex (4)
- Web前端_JSP (3)
- JavaSE (10)
- JavaEE (4)
- tomcat (2)
- Servlet开发 (3)
- Spring开发 (1)
- REST相关 (2)
- 大访问量、高并发 (2)
- 网络编程 (1)
- YII (21)
- linux命令和内核 (12)
- yii与数据库 (10)
- yii与表单 (12)
- yii view层 (1)
- perl (7)
- yii扩展 (7)
- shell (4)
- photoshop (7)
- 视觉设计 (2)
- 我关注的名人在路上 (4)
- 1-自学能力 (1)
- 2-人际沟通能力 (3)
- 3-职业规划能力 (7)
- 4-项目管理能力 (2)
- python (3)
- django (4)
- Mysql高级应用 (6)
- prototype.js (4)
- Web系统安全 (1)
- Web前端-mobile (2)
- egret (6)
- jQuery源码分析 (5)
- fis (4)
最新评论
-
yzq21056563:
感谢作者分享~请教下,http://www.lisa33xia ...
CSS基础:text-overflow:ellipsis溢出文本 -
u012206458:
$.ajax的error,complete,success方法 -
DEMONU:
谢谢,虽然不能给你赞助,但是要给你顶
mysql中key 、primary key 、unique key 与index区别 -
njupt_tolmes:
阿凡达阿凡达阿凡达阿凡达阿凡达阿凡达阿凡达阿凡达阿凡达阿滕庆亚 ...
CSS基础:text-overflow:ellipsis溢出文本 -
zenmshuo:
用过SpreadJS,也包含数据可视化的图表
推荐几个web中常用js图表插件
基础部分
第一周:
1、javascript脚本在网页里的几种写法,语法,变量类型。
2、JS控制HTML属性(HTML DOM)和JS控制CSS属性(CSS DOM)及类样式。
3、条件判断语句(if else,三元运算符,if else if和switch的区别),break和return的应用和区别;
4、循环的几样写法(for,while,do while,for in )及相互代替的写法。
5、变量的类型自动转换。
6、方法的定义,方法的特殊性,匿名方法和匿名方法的运行,变量作用域及私有作用域简单了解,带参数的方法和带返回值的方法。
7、this关键字初步了解。
8、事件属性的初涉(DOM 0级事件的初步了解)
9、实例包括:九九乘法表,图片切换实例选项卡面板实例等。
第二周:
1、DOM详细:DOM用来获取、遍历、创建元素的方法细讲(详见PPT)。
2、时间类的详细及应用:实例包括时钟,倒记时;
3、常用数学方法详解;
4、动画基础;
5、调试工具的使用;
6、作业及综合练习:用DOM方法创建HTML元素的例子,综合DOM、事件基本应用、Math类方法和定时器的例子,具体要求请见作业的要求文档。
深入应用及专业开发部分
第三周:
1、变量作用域、闭包及this关键字详解;
2、DOM 0级事件绑定的特点。如何把HTML代码和JS代码分离及注意事项;
3、DOM的深入应用及构建自己的DOM方法库
3.1、命名空间的概念及优点;
3.2、编写通用的增加类样式和移除类样式的方法(addClass()和removeClass())及正则表达式初涉;
3.3、通过类名来获取元素的方法;
3.4、仿jQuery的siblings方法(获取一个节点的兄弟节点);
3.5、获取一个节点下元素子节点的方法;
3.6、编写通用的CSS属性值的设置和记取的方法(类似于jQuery的css方法);
3.7、编写 获取某个元素的索引值的方法(类似于jQuery的index方法);
3.8、DOM操作的兼容性问题及其它常用的DOM方法的编写。
3.9、JS 最新API方法及应用:querySelectorAll,firstElementChild、getElementsByClassName等
3.10、封装自己的DOM方法库
以上这些,一方面是帮助同学更加熟练的掌握所学到的基础知识,进一步培训逻辑思维,更重要的是培养学生的抽象、封装、复用代码的思想!
4、jquery初涉
5、实例:先用jQuery写一个选项卡面板,再用自己编写的方法库写一个无兼容性的选项卡面板实例,对比二者的异同及体会自己所写代码的不足。
6、调试工具的进一步使用。在讲课中会一直会用到调试工具,目的就是让学生有分析代码、自行解决问题的能力。并且IE的调试工具、火狐FireBug,chrome调试工具交替使用,使学生能够体会到这两者各自的优点。
第四周第一天
1、动画的基本原理。
2、左右切换的图片滚动动画
3、自动运行的动画:无缝滚动的循环动画和单向滚动动画。
4、闭包和私有作用域的应用及实操:用闭包的方式给HTML元素事件绑定方法。
5、HTML元素自定义属性在JS编程中的应用。
6、IE8/9、火狐FIREBUG调试工具的应用及其它调试技巧。
第四周第二天
7、复杂动画及动画算法(跳动、反弹、加速减速、放大缩小、拖拽拖动等);
8、封装自己的运画库
第五周第一天
1、通过原来用JS写的示例再用jQuery来完成,体验jQuery的便利与强大。
2、jQuery对象与JS原生对象的区别与转换。
3、jQuery选择器详细与CSS3选择器在jQuery中的应用。
第五周第二天:jQuery中的DOM操作及动画详解
jQuery中的DOM操作
jQuery中的动画
第六周第一天(总第11天):事件详解
1、事件绑定的三种方式:
把方法写在HTML代码的事件属性里
写在JS获取到的HTML属性中
写在HTML里和写在JS对象属性里的区别和优缺点
2级DOM的事件绑定方法
2、2级DOM的事件绑定方法 的优点
3、2级DOM的事件绑定方法的浏览器兼容性问题
4、事件的浏览器差异
5、事件的冒泡和捕获
6、事件属性详解:鼠标事件、键盘事件和手机浏览器中的事件等
实例1:拖拽效果的两种不同实现效果;
实例2:解决IE中二级DOM事件绑定的this关键字指向问题
实例3:用顶级事件绑定的方式解决菜单隐藏
7、jQuery中的事件绑定及移除
8、jQuery中的复合事件
9、jQuery中的事件模拟
10、jQuery中的的one及live方法的应用。
第六周第二天
1、COOKIE机制和网页换皮肤实例
2、JS和JQ操作表单元素
3、HTML5中的新标记和JS控制HTML标记(下午,选讲)
第七周第一天:面向对象的JS编程
(这一天的东西比较抽象,并且示例较多,请做好提前预习)
javaScript面向对象的特点
javascript的面向对象编程中析构方法(constructor)原型对象(prototype)和实例(instance)三者的关系;
JS面向对象的实质和prototype详解
call和apply详解及继承;
实例:结合第一周的DOM库,写一个面向对象的类似于jquery的DOM类库。使用面向对象的方法完成拖拽实例。
第七周的第二天:
闭包的应用及jQuery插件开发
jQuery插件的三种不同形式。
仿新浪微博效果的ajax应用,实践课程。是偏复杂的综合示例。
网站同步交互与异步交互的区别,理解传统的客户端回发(PostBack)和局部刷新的区别。
充分应用javascript、PHP、JSON、XML技术改善提高用户体验,展示AJAX在提高用户体验方面的强大魅力!
用到的知识点:
1、浏览器端(客户端)与服务器端交互原理
2、PHP网站开发与数据库存取
3、javaScript AJAX原理与jQuery AJAX应用。
4、XML知识
5、JSON知识。
第一周:
1、javascript脚本在网页里的几种写法,语法,变量类型。
2、JS控制HTML属性(HTML DOM)和JS控制CSS属性(CSS DOM)及类样式。
3、条件判断语句(if else,三元运算符,if else if和switch的区别),break和return的应用和区别;
4、循环的几样写法(for,while,do while,for in )及相互代替的写法。
5、变量的类型自动转换。
6、方法的定义,方法的特殊性,匿名方法和匿名方法的运行,变量作用域及私有作用域简单了解,带参数的方法和带返回值的方法。
7、this关键字初步了解。
8、事件属性的初涉(DOM 0级事件的初步了解)
9、实例包括:九九乘法表,图片切换实例选项卡面板实例等。
第二周:
1、DOM详细:DOM用来获取、遍历、创建元素的方法细讲(详见PPT)。
2、时间类的详细及应用:实例包括时钟,倒记时;
3、常用数学方法详解;
4、动画基础;
5、调试工具的使用;
6、作业及综合练习:用DOM方法创建HTML元素的例子,综合DOM、事件基本应用、Math类方法和定时器的例子,具体要求请见作业的要求文档。
深入应用及专业开发部分
第三周:
1、变量作用域、闭包及this关键字详解;
2、DOM 0级事件绑定的特点。如何把HTML代码和JS代码分离及注意事项;
3、DOM的深入应用及构建自己的DOM方法库
3.1、命名空间的概念及优点;
3.2、编写通用的增加类样式和移除类样式的方法(addClass()和removeClass())及正则表达式初涉;
3.3、通过类名来获取元素的方法;
3.4、仿jQuery的siblings方法(获取一个节点的兄弟节点);
3.5、获取一个节点下元素子节点的方法;
3.6、编写通用的CSS属性值的设置和记取的方法(类似于jQuery的css方法);
3.7、编写 获取某个元素的索引值的方法(类似于jQuery的index方法);
3.8、DOM操作的兼容性问题及其它常用的DOM方法的编写。
3.9、JS 最新API方法及应用:querySelectorAll,firstElementChild、getElementsByClassName等
3.10、封装自己的DOM方法库
以上这些,一方面是帮助同学更加熟练的掌握所学到的基础知识,进一步培训逻辑思维,更重要的是培养学生的抽象、封装、复用代码的思想!
4、jquery初涉
5、实例:先用jQuery写一个选项卡面板,再用自己编写的方法库写一个无兼容性的选项卡面板实例,对比二者的异同及体会自己所写代码的不足。
6、调试工具的进一步使用。在讲课中会一直会用到调试工具,目的就是让学生有分析代码、自行解决问题的能力。并且IE的调试工具、火狐FireBug,chrome调试工具交替使用,使学生能够体会到这两者各自的优点。
第四周第一天
1、动画的基本原理。
2、左右切换的图片滚动动画
3、自动运行的动画:无缝滚动的循环动画和单向滚动动画。
4、闭包和私有作用域的应用及实操:用闭包的方式给HTML元素事件绑定方法。
5、HTML元素自定义属性在JS编程中的应用。
6、IE8/9、火狐FIREBUG调试工具的应用及其它调试技巧。
第四周第二天
7、复杂动画及动画算法(跳动、反弹、加速减速、放大缩小、拖拽拖动等);
8、封装自己的运画库
第五周第一天
1、通过原来用JS写的示例再用jQuery来完成,体验jQuery的便利与强大。
2、jQuery对象与JS原生对象的区别与转换。
3、jQuery选择器详细与CSS3选择器在jQuery中的应用。
第五周第二天:jQuery中的DOM操作及动画详解
jQuery中的DOM操作
jQuery中的动画
第六周第一天(总第11天):事件详解
1、事件绑定的三种方式:
把方法写在HTML代码的事件属性里
写在JS获取到的HTML属性中
写在HTML里和写在JS对象属性里的区别和优缺点
2级DOM的事件绑定方法
2、2级DOM的事件绑定方法 的优点
3、2级DOM的事件绑定方法的浏览器兼容性问题
4、事件的浏览器差异
5、事件的冒泡和捕获
6、事件属性详解:鼠标事件、键盘事件和手机浏览器中的事件等
实例1:拖拽效果的两种不同实现效果;
实例2:解决IE中二级DOM事件绑定的this关键字指向问题
实例3:用顶级事件绑定的方式解决菜单隐藏
7、jQuery中的事件绑定及移除
8、jQuery中的复合事件
9、jQuery中的事件模拟
10、jQuery中的的one及live方法的应用。
第六周第二天
1、COOKIE机制和网页换皮肤实例
2、JS和JQ操作表单元素
3、HTML5中的新标记和JS控制HTML标记(下午,选讲)
第七周第一天:面向对象的JS编程
(这一天的东西比较抽象,并且示例较多,请做好提前预习)
javaScript面向对象的特点
javascript的面向对象编程中析构方法(constructor)原型对象(prototype)和实例(instance)三者的关系;
JS面向对象的实质和prototype详解
call和apply详解及继承;
实例:结合第一周的DOM库,写一个面向对象的类似于jquery的DOM类库。使用面向对象的方法完成拖拽实例。
第七周的第二天:
闭包的应用及jQuery插件开发
jQuery插件的三种不同形式。
仿新浪微博效果的ajax应用,实践课程。是偏复杂的综合示例。
网站同步交互与异步交互的区别,理解传统的客户端回发(PostBack)和局部刷新的区别。
充分应用javascript、PHP、JSON、XML技术改善提高用户体验,展示AJAX在提高用户体验方面的强大魅力!
用到的知识点:
1、浏览器端(客户端)与服务器端交互原理
2、PHP网站开发与数据库存取
3、javaScript AJAX原理与jQuery AJAX应用。
4、XML知识
5、JSON知识。
发表评论
-
js浏览器端判断当期是否在线
2015-04-17 20:50 2366作者:zccst 纯浏览器端解决办法就是轮询,img轮询和a ... -
scroll时判断向下滚动还是向上滚动
2015-03-30 16:53 38280作者:zccst 有时候需要用到,判断页面是向上还是向下滚动 ... -
[BOM]navigator知识点
2015-03-20 14:42 4843作者:zccst 历史 最早的时候有一个浏览器叫NCSA ... -
[html5]navigator.online属性检测用户是否在线
2015-03-20 14:11 5332作者:zccst navigator.online属性检测用 ... -
document.body、document.documentElement和window获取视窗大小的区别
2015-03-04 15:12 27638作者:zccst 参考网址:http://www.ido32 ... -
Document,Node,Element,HTMLDocument ,HTMLCollection,HTMLElement,NodeList
2015-01-05 15:38 7553作者:zccst 这个问题如 ... -
doctype和compatModel相关
2015-01-04 19:30 707作者:zccst 一、doctype 1,严格模式与混杂模 ... -
window.history
2014-12-23 10:37 10056作者:zccst 旧版: f ... -
js 页面刷新location.reload和location.replace的区别小结
2014-12-02 20:57 129590作者:zccst reload 方法,该方法强迫浏览器刷新当 ... -
又一次掉进encodeURIComponent的坑里了
2014-11-05 18:21 22464作者:zccst 原坑: get请求 ajax.get ( ... -
DOM元素在浏览器中的位置参数,如offset,ownerDocument
2014-10-08 17:07 4248作者:zccst 2014-10-21 区分clientX ... -
js跨域的多种解决办法
2014-09-20 09:41 934作者:zccst 2015-3-11 JavaScript ... -
[Event]事件(高程版)(二)事件处理程序
2014-06-17 18:00 756作者:zccst <input type=" ... -
[Event]事件(高程版)(一)事件类型
2014-06-17 17:59 715作者:zccst 一、UI事件 1,load 两种添加方式 ... -
target与currentTarget的区别(jqueryui方式获取z-Index)
2014-06-17 12:00 15925作者:zccst 2014-6-25 今天看了jQuery ... -
JSONP原理及实现
2014-06-09 16:47 12347作者:zccst 2015-04-30 更新 跨域实现的 ... -
事件基础(高程版)
2014-06-09 16:37 1019作者:zccst 2014-5-4 一、事件流 标准:DOM ... -
DOM0-节点关系,节点操作API
2014-06-09 15:29 945作者:zccst 2014-09-20 补 ... -
document操作iframe
2013-12-13 16:26 1255作者:zccst //在iframe内获取父页面节点 win ... -
js-location对象
2013-12-11 17:05 1497zccst总结 2015-04-14 获取location的 ...
相关推荐
课程推荐了多本权威教材和参考书籍,如《JavaScript程序设计基础教程(第二版)》、《JavaScript高级程序设计》、《JavaScript基础教程(第7版)》、《JavaScript宝典》和《JavaScript精粹》等,这些资料不仅提供了丰富...
### JavaScript 学习大纲 #### 一、JavaScript 运行机制 JavaScript 是一种广泛应用于 Web 开发中的脚本语言,目前被超过 95% 的网页所采用。它主要在客户端(即用户的浏览器中)运行,与服务器端的 PHP、Java 等...
JavaEE课程大纲涵盖了从JavaSE开发技术到Web前端和服务器端开发,再到Oracle数据库和服务器端JavaEE框架,最终涉及Linux、缓存技术和大数据处理等内容。 在JavaSE开发技术阶段,首先需要对Java有一个全面的了解,...
如何设计一套JavaScript课程体系+编程知识+技术开发; 如何设计一套JavaScript课程体系+编程知识+技术开发; 如何设计一套JavaScript课程体系+编程知识+技术开发; 如何设计一套JavaScript课程体系+编程知识+技术...
JavaScript开发课程设计校园新闻微信小程序源代码,JavaScript开发课程设计校园新闻微信小程序源代码JavaScript开发课程设计校园新闻微信小程序源代码JavaScript开发课程设计校园新闻微信小程序源代码JavaScript开发...
总之,《HTML+CSS+JavaScript网页制作案例教程(第2版)》的教学大纲全面覆盖了网页制作的核心技术,旨在培养学生的创新思维和实际动手能力,为他们在互联网行业的职业生涯打下坚实的基础。通过深入学习和实践,学生...
"JavaScript课程教学内容改革探索与实践" 本文探讨了JavaScript课程教学内容的改革与实践,旨在解决当前JavaScript课程教学内容陈旧、学科化、案例呆板、缺乏实际应用性等问题。文章首先分析了JavaScript课程教学...
《JavaScript脚本》课程是网络系统管理专业的一门专业必修课,旨在培养学生的网页前台技术,特别是使用JavaScript进行动态网站开发的能力。课程遵循职业教育的理念,以就业为导向,强调技能的培养,通过项目实践帮助...
【JavaScript课程设计】是针对学生进行的一次实践性学习任务,旨在加深对JavaScript语言和相关开发框架的理解。在这个课程设计中,学生将构建一个个人网页,以提升其在界面设计和交互实现上的技能。这份设计涉及到的...
javascript课程设计,需要的可下载
综合运用HTML+CSS+JavaScript技术。 2.1 系统模块划分 网页的模块主要由主页、栏目页、商品详情页、轮播页、个人信息登录页面、秒杀页、购物车、注册和登录、咨询跳转到微信和QQ页、流动广告、弹窗广告等
"基于CDIO模式的JavaScript课程实验设计" 本文主要讨论基于CDIO模式的JavaScript课程实验设计。CDIO工程教育模式是近年来国际工程教育教学改革的最新成果,其核心思想是让学生进行主动学习,加强课程之间的有机联系...
《javascript基础教程(第8版)》循序渐进地讲述了javascript 及相关的css、dom、ajax、jquery 等技术。...《javascript基础教程(第8版)》适合有志于从事web 开发和web 设计的初学者阅读,也是高校相关课程理想的教材。
"高职JavaScript课程教学刍议" 本文探讨了高职JavaScript课程教学的设计和优化,旨在提高学生的专业技能和职业素养。文章首先介绍了JavaScript语言的特点和应用,然后讨论了JavaScript课程教学的设计和优化,提出了...
JavaScript课程的教学方法 JavaScript课程的教学方法是当前研究的重点,高职院校普遍开设了Web应用开发类应用课程,但是由于学生基础较差,导致后期学习Java Web、Java EE等课程的压力相对较大。因此,如何使学生...
在“JavaScript课程课后代码包”中,我们可以期待学习到一系列关于JavaScript的核心概念和技术。这可能包括: 1. **基础语法**:变量、数据类型(如字符串、数字、布尔值、null和undefined)、操作符(算术、比较、...
课程 8JavaScript|课程|课程|课程|课程
基于项目驱动法的JavaScript课程教学应用 在计算机教学中,JavaScript课程是一门基础课,以网站开发、网页设计为主要教学内容。然而,传统的教学方式已经不能满足该课程的能力要求,无法实现该课程的培养目标。因此...
《Vue.js前端框架技术与实战》是一门针对计算机及相关专业的必修或选修课程,旨在教授学生Vue.js这一流行的前端框架。课程分为理论和实践两部分,共计64学时,其中48学时为理论教学,16学时为上机实践。这门课程不仅...