Javascript网页特效开发技巧

Javascript网页特效开发技巧

相信不少人跟我同样，作网站开发已经有两到三年了，但大部分时间仍是复制别人的代码，虽然能看懂别人的代码，同时也以为别人写的代码很简单，但本身却写不出来；

我总结了一下我本身，为何看到javascript是以为如此的简单，而本身手动去写却无从下手，为此，我写下我本身的经验，以给后人借鉴；

１、看了一百篇关于javascript的文章，每篇文章上写的都差很少。无非就是，数据类型、算法、函数(类－方法)、构造函数、原型、原型继承、对象。

而这些只是javascript的一部分ECMAScript，由于javascript包含有，第一：ECMAScript、第二：DOM、第3、BOM。

Javascript的核心开发是在客户端、本地运行、浏览器(DOM)宿主、嵌入HTML、动态(DOM)开发；而我发了大量的时间在ECMAScript部分，虽然这方面有了大量知识，但关于DOM和BOM部分却少得的可怜；因此我建议你们，在学习javascipt的时候，多把重心把在DOM和BOM部分。缘由很简单，大部份人在学习javascript的时候，其实他们已经学会了其它的高级编程语言，若是没学过其它关于面向对象的语言，相信你在学习ECMAScript部份必定转不过弯，那么本文应该没办法为你而专写；
开发asp.net的朋友都知道，语法是开C#的基础，用asp.net开发项目的时候，你必定要了解.net服务器控件，要知道控件里包含有哪些属性和方法，固然这些属性和方法是只针对.net部分；或者是安卓开发，开发安卓手机软件的时候，要必须知道安卓控件里的属性和方法；介于这种思惟，当咱们在开发javascript的时候，也要想到javascript的DOM部分和BOM部分，DOM控件有哪些属性和方法，DOM部分有哪些属性和方法；

 

２、看到别人写了很好看的demo，但本身却没有思惟，不知道是怎么作出来的，如选项卡、手风琴、下拉菜单；

其实这些效果然的很简单，如下的思惟你能够借鉴。

１）、无论什么样的demo效果，你先用css+images设计出实际的静态效果，而后而后用style=”none”属性隐藏，最后再写javascript特效；

２）、写javascript特效的时候，要想到DOM和BOM部分的属性和方法，而后ECMAScript语法和控制过程；

３）、javascript是基本事件驱动的，因此效果的产生为无非就是事件、定时器；经常使用到的事件有onload、onclick、onmosehover、onmoseout只是这些事件被封装在类库里面了。

4）、写完一个特效后，再简化，把公共部分放在common.js文件，把多个模块加到一块儿，就成一个大型项目；

构建大型程序最大的秘密就是历来不构建大型程序，而是将程序分解成各个小的模块去作，让每一个小模块均可测试，可size化，而后集成到程序里。