文章目录
  1. 1. javascript入门
    1. 1.1. 入门手册、文档与书籍
    2. 1.2. 理解javascript
    3. 1.3. 掌握一些API
  2. 2. 结束语

该篇主要围绕整理javascript相关的一些基础、原理,以及分享。

javascript入门


入门手册、文档与书籍

重要的事情多说几遍:
一般来说,入门的话,不管是html/css,还是javascript,都能从w3cmdn上找到。
相对地说,mdn会更加详细和明确一些,也涉及不少较深入的内容呢。

相关入门书籍的话,当然是最经典的《Javascript高级程序设计》和《Javascript权威指南》啦。

本骚年还看过其他的一些书包括:
《Javascript数据结构》
《Javascript忍者秘籍》
《Javascript设计模式与开发实践》
《Javascript DOM编程艺术》

要问收获的话,其实都是有的,更重要的是个人的思考和总结吧。

理解javascript

除了基础的语法和使用,以下的一些概念或许能帮助到对javascript的理解吧。

  • 原型和继承

关于javascript的原型的继承,总有说也说不完的具体细节和场景。我猜,说不定这可以从”javascript中一切皆为对象”这句话的理解开始吧。
而面向对象编程与函数式编程之间的爱恨情仇,也足够讲上好些日子吧,总之小伙伴们有兴趣可以自行谷歌相关的说明。

关于原型和继承的话题,一些需要深入理解的概念包括:构造函数constructor、prototype、proto,以及一些方法包括instance of、typeof等等吧。

至于继承,大可大方阅读MDN的《继承与原型链》

当谈到继承时,Javascript只有一种结构:对象。
每个对象都有一个内部链接到另一个对象,称为它的原型prototype。该原型对象有自己的原型,等等,直到达到一个以null为原型的对象。根据定义,null没有原型,并且作为这个原型链prototype chain中的最终链接。

也可以参考阮一峰的《Javascript继承机制的设计思想》、[《Javascript 面向对象编程系列》])(http://www.ruanyifeng.com/blog/2010/05/object-oriented_javascript_encapsulation.html)等等。

其实像很多其他的事物一样,即使是各种各样的设计和方法,都不过为一些达到目的的手段,我们的目标当然是更优秀的体验效果和性能啦。

  • 作用域/原型链
  • 闭包
  • this和上下文

其实上面这些概念都是很相近或是紧密相关的,很久以前本骚年也写过相关的理解和分享,可查阅《谈谈js的闭包》《谈谈js的this》
当然,更好的方法当然是找度娘和谷歌找相关的文章阅读啦,本骚年看回当年的文章也觉得不是十分清晰明了。

  • JSON

JSON其实是个比较有意思的存在,它是独立的个体,但也跟javascript密切相关。
需要注意的是,JSON是一种数据格式,而不是编程语言。

  • 事件冒泡、捕获和委托

关于浏览器事件的理解,可以对性能优化有些简单的了解吧。

这些概念说是基础,但是要理解其实还是需要一定的时间和实践的。本骚年建议可以先初步了解,后续每隔一段时间可以做些回顾和总结,你会发现你看到的,是越来越深入的认识、越来越辽阔的视野。

掌握一些API

除了javascript语言自带的语法,还有一些很重要的API,包括以下相关的。

文档对象模型(DOM)是HTML和XML文档的编程接口。它给文档(结构树)提供了一个结构化的表述并且定义了一种方式—程序可以对结构树进行访问,以改变文档的结构,样式和内容。
DOM提供了一种表述形式—将文档作为一个结构化的节点组以及包含属性和方法的对象。从本质上说,它将web页面和脚本或编程语言连接起来了。

Window对象表示一个包含DOM文档的窗口,其document属性指向窗口中载入的DOM文档 。使用document.defaultView属性可以获取指定文档所在窗口。
Window对象其实只是javascript涉及的其中一个环境对象,当我们开始学习Nodejs的时候会涉及更多系统层面的内容吧。

其实Window对象也只是BOM对象中的一种,BOM对象包括window/location/navigator/screen/histiry等等,都是需要掌握的。

异步JavaScript + XML, 虽然它本身不是一种技术, 是一个术语, 描述了一种将新的现有技术一起使用的“新”方法,包括: HTML 或 XHTML, CSS, JavaScript, DOM, XML, XSLT, 最重要的是XMLHttpRequest对象

  • 正则表达式

正则表达式可谓是编程利器,可惜本骚年对它总是束手无策,入门级别可参考文章《正则表达式30分钟入门教程》

结束语


其实掌握javascript的关键在于多实践和总结,一边学一边练的效果总是最棒的。关于入门其实本骚年也忘得差不多了,这里有当年总结过的一篇《我的前端入门之路》
两年多了,作为一个前端到现在,依然感觉更重要的是热情以及学习方法。

码生艰难,写文不易,给我家猪囤点猫粮了喵~

查看Github有更多内容噢:https://github.com/godbasin
更欢迎来被删的前端游乐场边撸猫边学前端噢
如果你想要关注日常生活中的我,欢迎关注“牧羊的猪”公众号噢

作者:被删

出处:https://godbasin.github.io

本文版权归作者所有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。

文章目录
  1. 1. javascript入门
    1. 1.1. 入门手册、文档与书籍
    2. 1.2. 理解javascript
    3. 1.3. 掌握一些API
  2. 2. 结束语