Javascript网页特效开发技巧
相信很多人跟我一样,做网站开发已经有两到三年了,但大部分时间还是复制别人的代码,虽然能看懂别人的代码,同时也觉得别人写的代码很简单,但自己却写不出来;
我总结了一下我自己,为什么看到javascript是觉得如此的简单,而自己手动去写却无从下手,为此,我写下我自己的经验,以给后人借鉴;
1、看了一百篇关于javascript的文章,每篇文章上写的都差不多。无非就是,数据类型、算法、函数(类-方法)、构造函数、原型、原型继承、对象。
而这些只是javascript的一部分ECMAScript,因为javascript包含有,第一:ECMAScript、第二:DOM、第三、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部分有哪些属性和方法;
2、看到别人写了很好看的demo,但自己却没有思维,不知道是怎么做出来的,如选项卡、手风琴、下拉菜单;
其实这些效果真的很简单,以下的思维你可以借鉴。
1)、不管什么样的demo效果,你先用css+images设计出实际的静态效果,然后然后用style=”none”属性隐藏,最后再写javascript特效;
2)、写javascript特效的时候,要想到DOM和BOM部分的属性和方法,然后ECMAScript语法和控制过程;
3)、javascript是基本事件驱动的,所以效果的产生为无非就是事件、定时器;常用到的事件有onload、onclick、onmosehover、onmoseout只是这些事件被封装在类库里面了。
4)、写完一个特效后,再简化,把公共部分放在common.js文件,把多个模块加到一起,就成一个大型项目;
构建大型程序最大的秘密就是从来不构建大型程序,而是将程序分解成各个小的模块去做,让每个小模块都可测试,可size化,然后集成到程序里。