javascript如何学习?

javascript如何学习?,第1张

js这个语言上手很容易,深入很难,jquery是javascript的一个类库,封装了很多跨浏览器的东西,优化了javascript的很多接口,jquery的核心功能为query,查询dom元素,jquery上手很容易,深入很难,javascript基础是必须的,看你想学到什么程度了,如果只是做些动画下过,学校w3cschool的教程在学点jquery就行了,要深入的话,建议看的书 javascript权威指南 javascript高级程序设计 上面两个都是基础书,截下来可以看javascript dom编程艺术,javascript dom高级程序设计,javascript 语言精粹 ,高性能javascript,编写可维护的javascript,javascript 模式,javascript 设计模式,javascript语言精髓与设计实践,jquery的话入门的书很多,推荐 网页设计爱上jquery,深入的话推荐一本jQuery开发完全技术宝典,可以看下jquery的源代码
继续深入的话,可以学学prototype源码,yui3 源码,angularjs,requirejs ,AMD

这样的
1
首先要紧紧抓住它的地位 时刻都不能忘记,否则很容易犯“一叶障目不见泰山”的错误。不要学了
2
要有一条清晰的学习路线 这个只能是过来人给你提供参考了。我的学习路线如下: A:js基础
3
从多角度去学习和领悟 充分调动你所学的东西,从多角度去做某一功能,如:以前你是从面向过程
4
注意培养信心 此时的你,不适合一来就看很复杂很炫的网页效果的源代码,也不适合一来就学
5
多写总结 这种总结不但包括源代码、显示效果截图,还应该很容易犯的错误和对应的解决

开发环境越简单越好,一定不要在这个环节浪费时间。

首先说编辑器的选择,sublime text、vs code、atom、webstorm,还有HBuilder。新手入门的时候总想找一个最好的编辑器,其实这编辑器就和游戏里面选英雄一样,没有最厉害的,只有最适合你的,如果还是拿不定注意,就选vs code吧,我感觉这个对新手挺友好的。

浏览器就用chrome,然后就可以开始撸代码了。

关于JavaScript版本,我建议还是从ES5开始学,有一定基础之后再来看ES2015+的新特性。

基本语法

学编程语言和学自然语言有很多相似的地方,我们得从最基本的单词和语法开始学。

变量:如何声明变量,如何给变量赋值。

数据类型:什么是数据类型,数字与字符串有什么区别。

运算符与表达式:常用的运算符有哪些?“=”、“==”与“===”的区别等等。

分支语句:if、switch

循环语句:for、while

函数:什么是函数,什么是参数,什么是返回值。

这些基本语法一定要非常熟悉,要不然后续的学习会举步维艰。

对象

对象是一个非常重要的概念,一定要灵活掌握:

对象:属性的无序集合,当属性值为函数的时候,我们叫这个函数为对象的方法。

数组:元素的有序集合。了解数组的常用方法

日期对象:获取年月日时分秒

数学对象:获取随机数

了解其他对象:正则表达式、包装对象,其实函数也是对象,不过这些简单了解一下就行。

每个对象都有很多方法,这些方法知道在哪里查就行了,千万不要去背,就像我们学英语,必要的单词要背,但是大部分单词知道用词典查就行了。

DOM

DOM的树状结构

节点:元素节点、文本节点、属性节点

节点关系:同级、父子级等等

获取节点:querySelector、querySelectorAll等等

节点 *** 作:增删改查

事件绑定:事件流和事件委托应该了解一下

DOM提供的方法也很多,仍然不要过多的投入精力,新手自学总是会被这些大量的方法困扰,我们要做的是对DOM有一个概括性的了解,至于那些杂乱的接口,后续我们完全可以用jQuery或框架代替。

(如果对DOM感兴趣,可以在技能掌握得稍微全面一些之后,再回来深入学习也是可以的,但是前期投入大量时间,确实会影响学习效率)

jQuery

jQuery是必须要会的,但是jQuery上手确实很简单,用两天时间了解一下jQuery的用法,然后就可以利用jQuery实现各种页面效果了,前期肯定会磕磕绊绊,但是jQuery的资料有很多,一边学一边做就行。jQuery熟练了之后,就可以开始着手学习JavaScript进阶一点的内容了:

原始类型与引用类型的区别

各种类型转换和类型检测

闭包:函数套函数,怎么套自己都不蒙就行了。

原型:构造函数、原型属性、基于原型的继承是怎么实现的。

this:可以开个坑好好研究研究

了解node

node现在可以说是前端必学的了,但是不是学用node做后台,而是用node生态下的各种工具,顺便借node了解一下后台。

使用node开一个静态服务器

使用npm下载第三方模块

webpack

babel

最好能用express写一个简单的后台程序(一个serverjs就够了),处理一些请求,这样我们学习ajax的时候就可以自己写后台接口了,当然这需要有>

ES2+新特性

变量和常量:为什么要抛弃var?

结构赋值

箭头函数

模块化

class

编译

像promise,async/await函数等等这些,看自己能力了,有兴趣看看,不看也不影响后面学习,但是,就算现在不学,这个后续也是要补的。

框架

react、vue选一,零基础的初学者强烈推荐vue,如果技术型前端,推荐react。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/13149020.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-06-12
下一篇 2023-06-12

发表评论

登录后才能评论

评论列表(0条)

保存