javascript基础入门(java入门基础知识)
大家好,javascript基础入门相信很多的网友都不是很明白,包括java入门基础知识也是一样,不过没有关系,接下来就来为大家分享关于javascript基础入门和java入门基础知识的一些知识点,大家可以关注收藏,免得下次来找不到哦,下面我们开始吧!
JavaScript入门经典的内容简介
javascript允许用户交互浏览精彩纷呈的个性化内容,可以极大地提升网页和web应用程序的吸引力。精品入门教程《javascript入门经典(第4版)》全面透彻地讲解javascript编程基础知识,引导您立即开始在网页中嵌入javascript脚本。《javascript入门经典(第4版)》对上一版本做了全面更新,使javascript代码适用于最新版本的ie、firefox和safari浏览器。
主要内容
◆循序渐进介绍javascript基础知识,包括javascript的含义、原理和功能
◆介绍用于创建javascriptweb应用程序的各种工具
◆分析如何从字符串中选择单个字符、如何将字符码转换为字符串以及如何复制字符串的部分内容
◆讲述如何对数组执行连接、复制、排序和倒序操作
◆说明如何使用jquery、prototype和mootools等javascript框架快捷高效地编写javascript程序
◆深入讨论ajax
◆分析常见错误以及调试和处理方法
如何正确学习JavaScript
如今使用Javascript框架和插件构建的Web应用越来越多,并且已经能够实现3D动画特效、可交互的信息图等很有趣又实用的效果,如果想要做Web开发,Javascript是必需品。
目前自己的知识库中只对HTML和CSS这类非编程类的语言比较熟悉且能熟练应用。曾经有一段时间下了不少功夫在Processing这门基于Java再编译的语法相对简单的编程语言,但因为是基于Java,若想要将用Processing直接引用于Web,要么需要用户装个Java的web控件,要么,就需要把它转城Javascript来实现Web的无缝链接。如果Objective-C占尽了移动开发的风头,那么跟得上潮流的Web开发一定少不了Javascript。但是,作为一个有初步编程背景的人,如何自学,才能正确有效地掌握Javascript这门语言呢?
今天,终于在JavascriptIsSexy这个网站上的“How to Learn JavaScript Properly”这篇文章中找到了我比较认同的答案。
我目前接触和学习JavaScript的几个途径,一是Codecademy这个在线编程学习网站。正如JavaScriptIsSexy这篇文章的作者所言,Codecademy给出的案例任务大都是相对简单单一的小任务,即使完成了课程,也很难开始实战一款真正的Web App。
曾经有工程师向我推荐阅读“Javascript: The Good Parts”一书,但在这篇文章中作者则建议初学者不要阅读此书,等基础扎实了再读。
很开心的是,这篇文章推荐的入门书目之一是《JavaScript权威指南》,恰巧我已经在O’Reilly上购入了正版。虽然有些Web工程师觉得此书适合当参考书,但是经由JacaScriptIsSexy上的自学计划来看,如果合理地阅读权威指南上的部分章节,并亲手把书中配套的案例代码敲出来,对Javascipt初学者来说是非常重要的!
另一本推荐书目是《JavaScript高级程序设计》,不过如果有了《JavaScript权威指南》,没有这本书也没有关系。
“How to Learn JavaScript Properly”这篇文章给JavaScript初学者列出了6~8周的学习计划,除了阅读指定书目以及根据书中的内容敲代码。作者还建议初学者开通“StackExchange”的帐号以及JSFiddle的帐号,因为StackExchange如今以积累了大量技术开发问题和解答。而工程师们往往会使用JSFiddle这个在线的IDE来分享JS代码。
Codecademy不宜作为唯一的JavaScript学习平台,但在阅读作者推荐的书目的同时,配合Codecademy上的案例学习也是很有帮助的。
如果你想要自学JavaScript,又或者你已经有一定的JavaScript编程基础却觉得自己学艺不精,不妨读读“How to Learn JavaScript Properly”(英文),相信它会给你带去一些共鸣与收货的。
零基础JavaScript学习路径
开发环境越简单越好,一定不要在这个环节浪费时间。
首先说编辑器的选择,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写一个简单的后台程序(一个server.js就够了),处理一些请求,这样我们学习ajax的时候就可以自己写后台接口了,当然这需要有http协议的基础知识。
ES2+新特性
变量和常量:为什么要抛弃var?
结构赋值
箭头函数
模块化
class
编译
像promise,async/await函数等等这些,看自己能力了,有兴趣看看,不看也不影响后面学习,但是,就算现在不学,这个后续也是要补的。
框架
react、vue选一,零基础的初学者强烈推荐vue,如果技术型前端,推荐react。
END,本文到此结束,如果可以帮助到大家,还望关注本站哦!