详解如何较好的使用js -
Powered by 第一站长论坛
<span onclick="showDialog('Email:')" title="点击 找回密码">找回密码
后使用快捷导航没有帐号？
查看: 623|回复: 0
10:40:17
|
1 假如浏览器不支持JavaScript怎么办？a.为什么浏览器会不支持？大部分浏览器都有禁用脚本的功能，例如chrome。b.在js被禁用的情况下要保证网页仍能实现它的核心功能（关键的用户需求）例子：在一个新窗口里打开链接，可以使用BOM的open()方法
function popUp(winURL) {
window.open(winURL, &popup&, &width=320,height=480&);
}复制代码具体的js实现有以下几个方案：方案一：使用javascript伪协议：&a href=&javascript:popUp('');&&Example&/a&方案二：使用内嵌的事件处理函数：&a href=&#& &&/a&以上两种种实现方案，在js被禁用时，“在一个新窗口里打开链接”这个需求就无法满足了。所以，不能为了单纯使用js而滥用js。下面这个实现方案就为js预留出了退路，即所谓平稳退化（留好js被禁后的退路）方案三：平稳退化&a href=&& &2 如何将网页的结构、内容与JavaScript脚本的动作分离开？为什么要分离开？a.分工明确，各干各的，然后才是协作：网页结构、内容-由html来做、网页的样式-由CSS来做、网页的行为-由JavaScript来做b.分离js代码其实很简单，js代码不要求事件必须在html中处理，可以在外部js文件里将一个事件添加到html文档中的某个元素上。例如：
window.onload = paperLinks
function paperLinks() {
var links = document.getElementsByTagName(&a&);
for (var i=0; i&links.i++){
if (links[i].getAttribute == &popup&) {
&&linnks[i].onclick = function() {
&&popUp(this.getAttribute(&href&));
&&
&&}
}复制代码3 浏览器的兼容性问题新老要通吃，尤其要注意老的，即向后兼容。不同的浏览器对js的支持程度不一样，比如document.getElementsByClassName(classname)IE6就不支持，加一个检查语句就可以检查兼容性问题：if(!document.getElementsByClassName)4 性能考虑为什么要考虑脚本执行的性能？性能是永远要考虑的问题，这涉及到你编写的网页能否顺利的加载。如何保证脚本执行的性能是最优的？a.尽量少访问dom和少使用标记，例如：少用循环遍历
var links = document.getElementsByTagName(&a&);
if (links.length & 0) {
for (var i=0; i&links. i++) {
}
}复制代码就要比下面的代码性能要好if (document.getElementsByTagName(&a&).length & 0) {& & var links = document.getElementsByTagName(&a&);& & for (var i=0; i&links. i++) {& & //......& & }}b.合并脚本(js代码)，减少页面加载时发送的请求数量；将&script&标签放置于文档末尾，在&/body&结束之前，这样可以让页面加载的快些，且不影响js的加载。c.压缩脚本，将js代码中不必要的空格、注释删除，甚至可以将变量名简化。可以准备两个版本的js：一个是工作版本，用于修改代码和注释，另一个为精简版本，则用于发布。以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持！详解如何较好的使用js 仅供参考更多详解如何较好的使用js精彩技巧教程内容，请持续关注本站。
&#26412;&#39029;&#26631;&#39064;:&&#26412;&#39029;&#22320;&#22336;:&& & 今天面试，问到这样一个问题：& & 用js框架有什么好处？& & 当时想都没想：高效开发，替我们解决兼容性问题。& & 还有么？& & 额。。。& & 后来查了下相关的资料，又结合自己再仔细思考、群内童鞋们讨论……
声明：该文章系网友上传分享，此内容仅代表网友个人经验或观点，不代表本网站立场和观点；若未进行原创声明，则表明该文章系转载自互联网；若该文章内容涉嫌侵权，请及时向
论文写作技巧
上一篇：下一篇：
相关经验教程HTML5游戏框架EntityJS-Html5教程
当前位置：&>&&>& &
HTML5游戏框架EntityJS
HTML5游戏框架EntityJS
|　来源:网络 | 关键字：
Entity是一个全新的JavaScript游戏引擎，特点是灵活、可重用以及稳定，支持所有主流浏览器，同时很快将支持移动浏览器。
Entity 是一个全新的 JavaScript 游戏引擎，特点是灵活、可重用以及稳定，支持所有主流浏览器，同时很快将支持移动浏览器。在线演示：/games
无相关信息
网友评论仅供其表达个人看法，并不表明网易立场。我的位置：
各大js框架优缺点
来源：[] 发布日期：
编辑：学校
导读：IT技术是一个不断发展更新的一门技术，要怎么去学好IT技术呢？...
&&&&Dojo 是目前最为强大的JS框架，它在自己的 Wiki 上给自己下了一个定义，Dojo 是一个用 Javas cript 编写的开源的DHTML工具箱。Dojo 很想做一个&大一统&的工具箱，不仅仅是浏览器层面的，野心还是很大的。Dojo 包括 Ajax、Browser、Event、Widget 等跨浏览器 API，包括了 JS 本身的语言扩展，以及各个方面的工具类库，和比较完善的 UI 组件库，也被广泛应用在很多项目中，他的 UI 组件的特点是通过给 HTML 标签增加 TAG 的方式进行扩展，而不是通过写 JS 来生成，Dojo 的 API 模仿 Java 类库的组织方式。用 Dojo 写 Web OS 可谓非常方便。Dojo 现在已经 4.0 了，Dojo 强大的地方在于界面和特效的封装，可以让开发者快速构建一些兼容标准的界面。
&&&&优点：库相当完善，发展时间也比较长，功能强大，据说利用 Dojo 的 io.bind() 可以实现 comet 看见其功能强大非一般，得到 IBM 和 SUN 的支持。
&&&&缺点：文件体积比较大，200多KB，初次下载相当慢，此外，Dojo 的类库使用显得不是那么易用，JS语法增强方面不如 Prototype
&&&&它是一个非常优雅的 JS 库，定义了 JS 的面向对象扩展，DOM 操作API，事件等等，以 Prototype 为核心，形成了一个外围的各种各样的 JS 扩展库，是相当有前途的 JS 底层框架，值得推荐，感觉也是现实中应用最广的库类（RoR 集成的 AJAX JS 库），之上还有 s criptaculous 实现一些JS组件功能和效果。
&&&&优点：基本底层，易学易用，甚至是其他一些js特效开发包的底层，体积算是最小的了。
&&&&缺点：如果说缺点，可能就是功能是他的弱项
ds criptaculous
&&&&s criptaculous 是基于prototype.js 框架的 JS 效果。包含了 6 个 js 文件，不同的文件对应不同的 js 效果，所以说，如果底层用 prototype 的话，做js效果用 s criptaculous 那是再合适不过的了，连大名鼎鼎的 digg 都在用他，可见不一般
&&&&优点：基于prototype 是最大的优点，由于使用 prototype 的广泛性，无疑对用户书锦上添花。
&&&&缺点：刚刚兴起，需要时间的磨练
&&&&基于 Yahoo UI 的扩展包 yui-ext 是具有 CS 风格的 Web 用户界面组件，能实现复杂的 Layout 布局，界面效果可以和 backbase 媲美，而且使用纯 javas cript 代码开发。真正的可编辑的表格 Edit Grid，支持 XML 和 Json 数据类型，直接可以迁入 Grid。许多组件实现了对数据源的支持，例如动态的布局，可编辑的表格控件，动态加载的 Tree 控件、动态拖拽效果等等。从 1.0 beta 版开始同 Jquery 合作，推出基于 jQuery 的 Ext 1.0，提供了更多有趣的功能。
&&&&优点：结构化，类似于 java 的结构，清晰明了，底层用到了 Jquery 的一些函数，使整合使用有了选择，最重要的一点是界面太让让人震撼了。
&&&&缺点：太过复杂，整个界面的构造过于复杂。
&&&&JQuery 是一款同 prototype 一样优秀 js 开发库类，特别是对 css 和 XPath 的支持，使我们写 js 变得更加方便！如果你不是个 js 高手又想写出优秀的 js 效果，那么 JQuery 可以帮你达到目的！并且简介的语法和高的效率一直是jQuery追求的目标。
优点：注重简介和高效，js 效果有 yui-ext 的选择，因为 yui-ext 重用了很多 jQuery 的函数
&&&&缺点：据说太嫩，历史不悠久。
&&&&MochiKit 自称为一个轻量级的 js 框架。MochiKit 主要受到 Python 和 Python 标准库提供的很多便利之处的启发，另外还缓解了浏览器版本之间的不一致性。其中的 MochiKit.DOM 尤其方便，能够以比原始 Javas cript 更友好的方式处理 DOM 对象。MochiKit.DOM 大部分都是针对 XHTML 文档定制的，如果与 MochiKit 和 Ajax 结合在一起，使用 XHTML 包装的微格式尤其方便。Mochikit 可以直接对字符串或者数字格式化输出，比较实用和方便。它还有自己的 js 代码解释器
&&&&优点：MochiKit.DOM 这部分很实用，简介也是很突出的
&&&&缺点：轻量级的缺点
&&&&MooTools 是一个简洁，模块化，面向对象的 Javas cript 框架。它能够帮助你更快，更简单地编写可扩展和兼容性强的 Javas cript 代码。Mootools 跟 prototypejs 相类似，语法几乎一样。但它提供的功能要比 prototypejs 多，而且更强大。比如增加了动画特效、拖放操作等等。
&&&&优点：可以定制自己所需要的功能，可以说是 prototypejs 的增强版。
&&&&缺点：不大不小，具体应用具体分析。
&&&&Moo.fx是 一个超级轻量级的 javas cript 特效库（7k），能够与 prototype.js 或mootools 框架一起使用。它非常快、易于使用、跨浏览器、符合标准，提供控制和修改任何 HTML 元素的 CSS 属性，包括颜色。它内置检查器能够防止用户通过多次或疯狂点击来破坏效果。moo.fx整体采用模块化设计，所以可以在它的基础上开发你需要的任何特效。
&&&&优点：小块头有大能耐
&&&&缺点：这么小了，已经不错了
热点搜词：js框架，js技术，javascript学习，软件培训
2017高考生“企业委培班”特招(限招25名),十万年薪等你拿
*联系手机：
扫一扫关注我们
广州广力北大青鸟学校官方微信
公众微信号：gdglccom
关注：北大青鸟广州广力学员，生活动态、学习动态、学员活动、学生会活动、就业资讯、就业薪资、明星学员、就业讲座、学员作品......
JavaScript创建对象的7种模式。....
avascript是一种由Netscape的LiveScript发展而来的原型....
作为Jetbrains公司旗下一款JavaScript 开发工具，被广....
前端技术的学习中避免不了要学习javascript，北大....
IT技术是一个不断发展更新的一门技术，要怎么去....
js日历控件应用程序插件，广州广力培训课程有....
高中生特招班
技能+学历班
企业定向委培班
java软件开发班
ACCP软件开发班
广州北大青鸟全国咨询热线 / 020
Copyright (C)
..办学许可证号：5
广州广力科技培训中心（广州北大青鸟Aptech广力校区） 版权所有.TEL:020- 邮编：510033
广州市越秀区童心路西胜街42号5号楼（广州青少年科技馆、广州科学技术协会内)
5号地铁:小北站D出口,向西行（市青少年科技馆-市电视台-电视塔-花果山）