不懂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 相关文章推荐
Javascript 刷新全集常用代码
Nov 22 Javascript
js prototype截取字符串函数
Apr 01 Javascript
Javascript读取cookie函数代码
Oct 16 Javascript
JavaScript学习笔记之取数组中最大值和最小值
Mar 23 Javascript
jQuery ajax中使用confirm,确认是否删除的简单实例
Jun 17 Javascript
jQuery mobile在页面加载时添加加载中效果 document.ready 和window.onload执行顺序比较
Jul 14 Javascript
解析JavaScript实现DDoS攻击原理与保护措施
Dec 26 Javascript
Vue 2.0学习笔记之Vue中的computed属性
Oct 16 Javascript
手动用webpack搭建第一个ReactApp的示例
Apr 11 Javascript
javascript实现函数柯里化与反柯里化过程解析
Oct 08 Javascript
Vue的双向数据绑定实现原理解析
Feb 17 Javascript
JavaScript面试中常考的字符串操作方法大全(包含ES6)
May 10 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出现Cannot modify header information问题的解决方法大全
2008/04/09 PHP
使用PHP批量生成随机用户名
2008/07/10 PHP
php 生成文字png图片的代码
2011/04/17 PHP
fleaphp rolesNameField bug解决方法
2011/04/23 PHP
PHPer 需要了解的 5 个 Composer 小技巧
2014/08/18 PHP
php提取字符串中网站url地址的方法
2014/12/03 PHP
php 判断过去离现在几年的函数(实例代码)
2016/11/15 PHP
phpStorm2020 注册码
2020/09/17 PHP
javascript 表格排序和表头浮动效果(扩展SortTable)
2009/04/07 Javascript
ExtJs GridPanel简单的增删改实现代码
2010/08/26 Javascript
JQuery扩展插件Validate—4设置错误提示的样式
2011/09/05 Javascript
jquery中focus()函数实现当对象获得焦点后自动把光标移到内容最后
2013/09/29 Javascript
使用jquery实现IE下按backspace相当于返回操作
2014/03/18 Javascript
JS小游戏之仙剑翻牌源码详解
2014/09/25 Javascript
jQuery实现仿美橙互联两级导航菜单的方法
2015/03/09 Javascript
JQuery中属性过滤选择器用法实例分析
2015/05/18 Javascript
Struts2+jquery.form.js实现图片与文件上传的方法
2016/05/05 Javascript
js实现鼠标拖动功能
2017/03/20 Javascript
30分钟用Node.js构建一个API服务器的步骤详解
2019/05/24 Javascript
[01:01:52]DOTA2-DPC中国联赛定级赛 SAG vs iG BO3第二场 1月9日
2021/03/11 DOTA
Ubuntu18.04中Python2.7与Python3.6环境切换
2019/06/14 Python
django-rest-framework 自定义swagger过程详解
2019/07/18 Python
解析PyCharm Python运行权限问题
2020/01/08 Python
Python表达式的优先级详解
2020/02/18 Python
基于pycharm实现批量修改变量名
2020/06/02 Python
Python嵌入C/C++进行开发详解
2020/06/09 Python
微软俄罗斯官方网站:Microsoft俄罗斯
2016/09/18 全球购物
伦敦新晋轻奢耳饰潮牌:Tada & Toy
2020/05/25 全球购物
实习求职信
2013/12/01 职场文书
兼职业务员岗位职责
2014/01/01 职场文书
小学生打架检讨书
2014/01/26 职场文书
会计学生自我鉴定
2014/02/06 职场文书
洗手间标语
2014/06/23 职场文书
KTV门卫岗位职责
2014/10/09 职场文书
《悲惨世界》:比天空更广阔的是人的心灵
2020/01/16 职场文书
利用 Python 的 Pandas和 NumPy 库来清理数据
2022/04/13 Python