不懂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 相关文章推荐
js 字符串转化成数字的代码
Jun 29 Javascript
Javascript 颜色渐变效果的实现代码
Oct 01 Javascript
jquery 页眉单行信息滚动显示实现思路及代码
Jun 26 Javascript
javascript中SetInterval与setTimeout的定时器用法
Aug 24 Javascript
基于jQuery通过jQuery.form.js插件实现异步上传
Dec 13 Javascript
Node.js中使用jQuery的做法
Aug 17 Javascript
angularJS之$http:与服务器交互示例
Mar 17 Javascript
ztree实现左边动态生成树右边为内容详情功能
Nov 03 Javascript
微信小程序实现获取准确的腾讯定位地址功能示例
Mar 27 Javascript
Vue对象赋值视图不更新问题及解决方法
Jun 03 Javascript
vue-router重写push方法,解决相同路径跳转报错问题
Aug 07 Javascript
ajax jquery实现页面某一个div的刷新效果
Mar 04 jQuery
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中与数组相关的函数
2007/03/22 PHP
用JavaScrpt实现文件夹简单轻松加密的实现方法图文
2008/09/08 Javascript
基于jquery 的一个progressbar widge
2010/10/29 Javascript
Javascript模拟加速运动与减速运动代码分享
2014/12/11 Javascript
常用的JS验证和函数汇总
2014/12/23 Javascript
JavaScript使ifram跨域相互访问及与PHP通信的实例
2016/03/03 Javascript
JS实现iframe自适应高度的方法(兼容IE与FireFox)
2016/06/24 Javascript
微信小程序 wxapp内容组件 icon详细介绍
2016/10/31 Javascript
原生JS实现Ajax跨域请求flask响应内容
2017/10/24 Javascript
基于jQuery实现定位导航位置效果
2017/11/15 jQuery
nodejs+express搭建多人聊天室步骤
2018/02/12 NodeJs
浅析node.js的模块加载机制
2018/05/25 Javascript
详解AngularJS 过滤器的使用
2018/06/02 Javascript
Vue项目添加动态浏览器头部title的方法
2018/07/11 Javascript
JS实现的input选择图片本地预览功能示例
2018/08/29 Javascript
Vue 后台管理类项目兼容IE9+的方法示例
2019/02/20 Javascript
vue中的 $slot 获取插槽的节点实例
2019/11/12 Javascript
你知道JavaScript Symbol类型怎么用吗
2020/01/08 Javascript
详解Python的Django框架中的通用视图
2015/05/04 Python
Linux上安装Python的PIL和Pillow库处理图片的实例教程
2016/06/23 Python
python的mysqldb安装步骤详解
2017/08/14 Python
利用Pycharm断点调试Python程序的方法
2018/11/29 Python
pyqt5 禁止窗口最大化和禁止窗口拉伸的方法
2019/06/18 Python
python MultipartEncoder传输zip文件实例
2020/04/07 Python
如何用python处理excel表格
2020/06/09 Python
python如何实现读取并显示图片(不需要图形界面)
2020/07/08 Python
python 如何区分return和yield
2020/09/22 Python
如何实现一个python函数装饰器(Decorator)
2020/10/12 Python
Spartoo葡萄牙鞋类网站:线上销售鞋履与时尚配饰
2017/01/11 全球购物
英国票务网站:Ticketmaster英国
2018/08/27 全球购物
军训自我鉴定100字
2014/02/13 职场文书
大学生学习新党章思想汇报
2014/10/25 职场文书
年终工作总结范文2014
2014/11/27 职场文书
遗嘱继承权公证书
2015/01/26 职场文书
幼儿园六一主持词开场白
2015/05/28 职场文书
赵氏孤儿观后感
2015/06/09 职场文书