《JavaScript DOM编程艺术》学习
2016-02-01 20:10
489 查看
JavaScript编程原则和使用习惯
在使用JavaScript之前需思考:
为这个网页增加这种额外的行为是否 确有必要
“用户至上” , 这样做会对用户的浏览器产生怎样的影响?浏览器支持JavaScript吗?等
几个原则
预留退路(graceful degradation)
正确的使用js脚本,即使某些功能无法使用,也能正确的浏览网站,基本操作仍能完成
分离JavaScript
结构与行为分开 (web前端的 html css JavaScript 分离)
像CSS学习
css使得文档结构与文档样式的分离可以确保各有关网页都有预留退路。具备css支持的浏览器可以把网页呈现的美轮美奂,不支持或禁用了css的
网页,其内容也能正确的显示。JavaScript也需要借鉴css的这种优点。
循序渐进
用一些额外的信息层去包裹原始数据的做法。
类似于CSS JavaScript和DOM提供的所有功能应该构成一个额外的,不影响文档结构和内容的指令层。CSS负责提供关于“表示”的信息,JavaScript
负责提供关于“行为”的信息。行为层的应用方式与表现层一样。
向后兼容性
确保老版本的浏览器不会因为你的js脚本而死机
书中针对“我的画廊”的不断改进
相关的程序可以按照书上讲解的一步步的敲出来 ,体会
我的代码:http://download.csdn.net/detail/qq_26437925/9425017
这其中包括函数的编写习惯,函数的输入输出,各种异常控制等,如何自定义函数,兼容浏览器等 各种细节问题
另外在 慕课网《DOM事件探秘》课程中可以学习到DOM事件,主要是如何一步步的兼容浏览器,封装并编写自己的事件处理函数,达到对DOM事件的深入认识
在使用JavaScript之前需思考:
为这个网页增加这种额外的行为是否 确有必要
“用户至上” , 这样做会对用户的浏览器产生怎样的影响?浏览器支持JavaScript吗?等
几个原则
预留退路(graceful degradation)
正确的使用js脚本,即使某些功能无法使用,也能正确的浏览网站,基本操作仍能完成
分离JavaScript
结构与行为分开 (web前端的 html css JavaScript 分离)
像CSS学习
css使得文档结构与文档样式的分离可以确保各有关网页都有预留退路。具备css支持的浏览器可以把网页呈现的美轮美奂,不支持或禁用了css的
网页,其内容也能正确的显示。JavaScript也需要借鉴css的这种优点。
循序渐进
用一些额外的信息层去包裹原始数据的做法。
类似于CSS JavaScript和DOM提供的所有功能应该构成一个额外的,不影响文档结构和内容的指令层。CSS负责提供关于“表示”的信息,JavaScript
负责提供关于“行为”的信息。行为层的应用方式与表现层一样。
向后兼容性
确保老版本的浏览器不会因为你的js脚本而死机
书中针对“我的画廊”的不断改进
相关的程序可以按照书上讲解的一步步的敲出来 ,体会
我的代码:http://download.csdn.net/detail/qq_26437925/9425017
这其中包括函数的编写习惯,函数的输入输出,各种异常控制等,如何自定义函数,兼容浏览器等 各种细节问题
另外在 慕课网《DOM事件探秘》课程中可以学习到DOM事件,主要是如何一步步的兼容浏览器,封装并编写自己的事件处理函数,达到对DOM事件的深入认识
相关文章推荐
- Javascript学习笔记6——BOM
- javascript实现贪吃蛇
- JS解析Json数据
- C#后台格式化JSON字符串显示
- 【公司动态添加行】前台穿一个json的字符串到后台,并解析
- bug记录:Json Parsing Error : JSON.parse: bad control character in string literal
- 原生JS实现图标图片拖拽
- 二分法查找 --JS 实现
- js功能实现的特效--距离新年还有多少天
- MyEclipse安装JS代码提示(Spket插件)
- js监控键盘 设置快捷键方法
- 拼接字符串去掉最后多余的串,JSON的遍历
- js传值
- ember.js里的实用方法
- sublime text 3 添加 javascript 代码片段 ( snippet )
- MVC的JsonResult用法
- 再谈javascript原型继承
- js获取服务端的头信息
- JavaScript 调用PHP
- javascript 开发调试的利器(二) 获取当前执行函数及函数名称