大约工作了一年半左右,每天的工作就是敲代码写页面,完全是随心所以!没有过多的原则和规则来束缚我这匹奔跑的野马。。。
最近在看了一本书,认真读过这本书之后,才发现,没有任何原则的去写一个页面,是一件多么可怕的事情。
HTML 负责文档结构(这我知道呀!)
css 负责页面的显示效果 (这我也知道!)
JS 负责页面的交互行为 (恩,这个我也知道!)
在编写页面时,最好的方式:是将他们三者之间完全分离,应作为三个独立的,减少依赖性(.....o ,还有这么一说呢???不是吧??)
回想起自己的页面,突然就觉得是一阵恶心,三者完全混乱在一起,根本分不清彼此。。。
看完这本书的时候,我觉的自己成长了很多。所以想写写:读书感。
DOM ---document object model ( 文档对象模型)
每次在写JS文件时,必不可少的便是函数。
但是对于我写过的那些函数,很多时候自以为优化了。看过这本书,才知道,自己的函数,大概只适用于自己假设的情况下。
那么函数应该怎么写?
第一个问题:如果Javascript 功能被禁用,怎么办?(我的第一反应,这怎么可能??现在的浏览器都这么。。)
可是浏览器搜索引擎会做这样的事情,因为他是为了获取页面内容,结果可想而知。。。
所以我们要为我们自己的页面“预留退路”,也就是说,就是在js无法使用的情况下,我们的页面还是可以正常运行的。
请一定要记住:预留退路。
第二问题:你是不是会经常在文档标签中添加onclick等事件。(对呀,这样方便又省事。)
他违背了:HTML文档的结构和Javascript代码实现的行为是彼此互不干扰的。
O,记得要:分离Javascript
第三个问题,你写的函数,真的写好了?已经优化了?(恩,那是肯定的!我都把能想到的情况都进行判断了!!!)
哦?是吗?那你有没有检查用户使用的当前浏览器能不能理解你所使用的方法,getElementById等方法?(这。。。。也得检查?)
那你有没有检查你所添加事件的元素是否存在?(他肯定在!页面是我写的!!。。。)
上面这些都是我在写函数中从未考虑过的地方,所以,我的函数可能对于我的浏览器,页面来说是好的,但它却不是通用的。
所以,写函数的时候,请不要做太多的假设。
在写函数的时候,切记不要偷懒!
创建必要的变量--这样会让你的代码看上去容易阅读和理解。
进行必要的检查---不要以为你使用的方法真的浏览器它都理解,先检查一下。
不要做太多的假设。
我想:我会重新以这样的方式来审视自己的函数!!!