不懂JavaScript应该怎样学


Posted in Javascript onApril 16, 2008

[译注: 可能你会说不翻译里面推荐的参考资料一切都是枉然,但是重要的是文章作者提供的学习思路。具体的参考内容你可以去Google相应知识的中文版。]

翻译不当的地方还请留言指正!

帮帮我!我不懂JavaScript [Help! I Don't Know JavaScript!]

June 5th, 2007, 作者 Michelle

为了帮助所有对Mootool有兴趣却碰上很多麻烦的人,我整理了这些能够教给你开始从事客户端应用开发所需的所有知识的网上资源。

职业必备工具

这些是从事Web开发的前提条件。

Firefox: 从事开发工作一定少不了Firefox。但你还需要在你的电脑(以及其他测试计算机)上安装好你打算兼容的所有浏览器,以方便进行跨浏览器支持测试。

必不可少的扩展
  • Firebug: 有史以来最优秀的插件。Firebug让面对一大堆代码抓狂的你清楚地了解处理你的页面时浏览器内部都发生了些什么。
  • Web Developer Toolbar: 赋予你全面掌控站点的伟大力量。禁用JavaScript,查看网页不带CSS时的样子,禁用访问来源,启用严格警告,以及更多。所有你能想到的Web Developer Toolbar都能给予。

学习基础知识

别因为不懂HTML就在学习Web开发的道路上止步!

How to Create

这地方非常棒,不仅详细介绍各种麻烦的细节,而且对语义化和实践优化方面的课题也有所涉及。 总的来说,是非常不错的人性化设计的基础知识概览。

  • HTML
  • CSS
  • JavaScript
Mozilla开发者中心[MDC]

大概是网上最全面的Web开发信息中心了, 特别是关于Firefox或Mozilla的信息。她应该会成为您主要的参考资源。

  • HTML
  • CSS
  • JavaScript
  • 特别收录: DOM
W3 Schools

基本上W3 Schools 可以提供给您所有Web技术的快速参考,而且比W3C提供的原始参考文档要易读得多。 MDC虽然更好,但手边有一些快速参考资料总归要好得多。

  • HTML
  • CSS
  • JavaScript
微软开发人员网络 [MSDN]

不要被他们的名字唬住了——JScript是和JavaScript一样的东西。如果没记错微软应该因为这一站点获得了一两个可用性方面的奖项。当你和IE的不规范做斗争时应该常来这里看看。

  • HTML & CSS
  • JavaScript

[译注:最近发现梦都网(中文)的HTML和CSS基础教程和参考文档很不错,建议看看]

其他资源

如果你有点好奇心,可以经常看一看 A List Apart ,了解一些巧思妙技。
另外,请注意,Mootool在 strict doctype [严格文档类型]中使用最佳。
译注:Doctype即XHTML文档头部声明指定的文档类型。一般是如下形式:

view plaincopy to clipboardprint?
  1. <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>   

JavaScript详细

JavaScript,世上最酷的编程语言。 要想掌握JavaScript,首先您需要明白,它和 <此处用你最喜欢的编程语言代替>完全不同。当你明白了这一事实后,你可能会想要看看下面这些指导文章:

了解基础

现在来点轻松的。Yahoo的一些大好人为世人上传了很多普及性的视频教程。这真的是件大好事,因为我们对JavaScript的学习简单到了只需要花几个小时看这些聪明的伙计们讲话。

激动人心的 JavaScript三部曲
  • JavaScript编程语言
    • 第一部分
    • 第二部分
    • 第三部分
    • 第四部分
  • DOM的理论研究
    • 第一部分
    • 第二部分
    • 第三部分
  • 高阶JavaScript
    • 第一部分
    • 第二部分
    • 第三部分
特别收录
  • Nicholas Zakas谈可维护代码
  • Joe Hewitt介绍Firebug
自食其力地进阶

一旦你已完成上面的学习,试着利用Google找寻您想知道的问题的答案,直到您能用原始的JavaScript代码编写出几个有趣的跨浏览器Ajax应用。没什么不可能的,用不了多久你就可以抛开Google自己动手了。我认为靠你自己的力量做点这些可以帮助你理解一个框架是如何实现应用的,以及这些丰富的应用背后的过程。

你可能也会觉得 JavaScript的知识鸿沟 是篇有意思的文章。

通过实例进行学习

如果你真的很想成为一个好的JavaScript代码编写者,最好的方式就是阅读已洞悉个中奥妙的人编写的代码。也就是说,你可能需要 浏览MooTools的源码 获得一些启迪。你不仅可以吸收很多好点子,通过这一过程,你还能更深层次的理解这一框架。

进阶到更高水平

现在是时候下载Mootools啦!如果你确实完成了我上面列举的大部分内容的学习,我们欢迎你到论坛上提问,在IRC聊天室里潜水,为Mootools社区做出您的贡献。 试试下载完整的,未经压缩的源码并将其应用于你的开发工作。看看当你对其做出修改时都会发生什么事。试着找出一些bug,提出相应的解决办法。做几个插件。但是请保证在为你的插件命名时让其看起来和Moo有关。

Javascript 相关文章推荐
ext 同步和异步示例代码
Sep 18 Javascript
firefox火狐浏览器与与ie兼容的2个问题总结
Jul 20 Javascript
jQuery右键菜单contextMenu使用实例
Sep 28 Javascript
如何使Chrome控制台支持多行js模式——意外发现
Jun 13 Javascript
jquery ajax的success回调函数中实现按钮置灰倒计时
Nov 19 Javascript
jquery实现类似淘宝星星评分功能有截图
Sep 15 Javascript
js实现每日自动换一张图片的方法
May 04 Javascript
BootStrap tooltip提示框使用小结
Oct 26 Javascript
JS实现瀑布流布局
Oct 21 Javascript
JavaScript 隐性类型转换步骤浅析
Mar 15 Javascript
Vue-router 切换组件页面时进入进出动画方法
Sep 01 Javascript
Vue的编码技巧与规范使用详解
Aug 28 Javascript
JavaScript修改css样式style
Apr 15 #Javascript
javascript的键盘控制事件说明
Apr 15 #Javascript
关于document.cookie的使用javascript
Apr 11 #Javascript
javascript比较文档位置
Apr 08 #Javascript
js函数般调用正则
Apr 08 #Javascript
javascript背投广告代码的完善
Apr 08 #Javascript
大家未必知道的Js技巧收藏
Apr 07 #Javascript
You might like
通过对服务器端特性的配置加强php的安全
2006/10/09 PHP
php4的session功能评述(三)
2006/10/09 PHP
PHP基于数组实现的分页函数实例
2014/08/20 PHP
php中获取主机名、协议及IP地址的方法
2014/11/18 PHP
WordPress中调试缩略图的相关PHP函数使用解析
2016/01/07 PHP
ExtJS下grid的一些属性说明
2009/12/13 Javascript
JQuery模板插件 jquery.tmpl 动态ajax扩展
2011/11/10 Javascript
javaScript如何生成xmlhttp
2013/12/16 Javascript
Javascript MVC框架Backbone.js详解
2014/09/18 Javascript
详谈javascript中的cookie
2015/06/03 Javascript
跟我学习javascript的prototype使用注意事项
2015/11/17 Javascript
jQuery实现带分组数据的Table表头排序实例分析
2015/11/24 Javascript
jQuery设置单选按钮radio选中/不可用的实例代码
2016/06/24 Javascript
微信小程序 后台登录(非微信账号)实例详解
2017/03/31 Javascript
Angular中点击li标签实现更改颜色的核心代码
2017/12/08 Javascript
JS中FormData类实现文件上传
2020/03/27 Javascript
Python实现批量下载图片的方法
2015/07/08 Python
Python验证码识别的方法
2015/07/10 Python
详解在Python程序中解析并修改XML内容的方法
2015/11/16 Python
Python实现FTP弱口令扫描器的方法示例
2019/01/31 Python
python占位符输入方式实例
2019/05/27 Python
python实现从本地摄像头和网络摄像头截取图片功能
2019/07/11 Python
使用python将最新的测试报告以附件的形式发到指定邮箱
2019/09/20 Python
python实现两个一维列表合并成一个二维列表
2019/12/02 Python
使用phonegap查找联系人的实现方法
2017/03/31 HTML / CSS
Pureology官网:为染色头发打造最好的产品
2019/09/13 全球购物
世界上最受欢迎的花店:1-800-Flowers.com
2020/06/01 全球购物
联想C++笔试题
2012/06/13 面试题
领导干部群众路线个人对照检查材料思想汇报
2014/09/30 职场文书
刑事辩护授权委托书范本
2014/10/17 职场文书
整改落实情况汇报材料
2014/10/29 职场文书
2015秋季小学开学寄语
2015/05/27 职场文书
搞笑欢迎词大全
2015/09/30 职场文书
复制别人的成功真的会成功吗?
2019/10/17 职场文书
python中pymysql包操作数据库方法
2022/04/19 Python
win11自动弹出虚拟键盘怎么关闭? Win11关闭虚拟键盘的技巧
2023/01/09 数码科技