JavaScript高级程序设计学习(一)之介绍

时间 2019-12-01

标签 javascript 高级程序设计学习介绍栏目 JavaScript 繁體版

原文原文链接

做为一名web开发人员，平常用的最多的就是js,也就是大名鼎鼎的ECMAScript,又称javascript。再次声明js与java除了语法上类似，没有半毛钱关系。听说之因此叫javascript,是由于过去网景公司花了十天时间开发历史上的初版js,但当时没有名气，故借用java之名在该script前缀上加上一个java，以提高其知名度。具体的历史或老皇历，百度或者相关官网一大堆，这里再也不赘述。javascript

做为一名先后台都攻的软件工程师，虽然说平时js足以解决常见的问题和共性问题，但发现总会有这样那样的小错误，有的时候，就是那么一个小错误，调试了3~4小时，浪费了不少时间，最后解决了，却发觉分分钟能够解决的问题，我竟然花了这么长时间，以为太对不起有限的光阴。因此决定好好系统学习下javascript。在我看来，为该书作序的人，说的一句话，挺对的，js上手是很是容易的，要么跟着w3scholl一遍遍敲，记得当初我学习js的时候就是这样，又或者参考廖雪峰的js教程，他们的教程很容易让你熟悉并了解js。css

下面是网站:html

w3school: http://www.w3school.com.cn/js/index.aspjava

廖雪峰教程:https://www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000程序员

不过若是是小白建议仍是从w3school入手吧，固然在此也能够看看廖雪峰。我我的是从w3school一遍遍敲，一遍遍运行，一遍遍找博客了解和熟悉。可是博客毕竟是零散的，不够系统。视频了，我我的学习视频一大堆，有好哥们分享的，也有朋友给的。说到视频，若是你是彻底的小白，建议能够先看视频再实战，由于视频可让你了解熟悉，等到有了基本的熟悉，去除了一些陌生感，就是实战吧！web

或许有人问，我为何不看视频学习呢?ajax

第一，我我的有相关经验，能够看懂js和使用js解决项目问题;后端

第二,做为一名工程师，平时忙于工做，没有不少时间去看视频，视频的时间太长了;浏览器

第三，在我看来视频适合小白，彻底不懂的，可是做为有相关实战经验的人，没多大必要，固然有些进阶相关的视频仍是不错的;性能优化

第四，书相对于视频，系统全面，并且，上下班地铁差很少的两个小时，我能够经过手机阅读，至少能够读完一章,这样时间也就充分的利用了;

说到js，至今我仍以为它是一个很是神秘又好用的玩意，它能够作出酷炫的效果，也可让我先后端分离开发,同时做为一名Java程序员，它的语法对我而言太容易懂了。固然，仍是那句话，入手容易，深刻难。现在我要打破这个瓶颈。

下面进行系统的讲解:

1.JavaScript由三部分组成

(1)核心(ECMASCRIPT)，又称ECMA262，是js的核心;

ECMA由如下部分组成:

a.语法

b.类型

c.关键字

d.语句

e.保留字

f.操做符

g.对象

(2)浏览器对象模型;

经常使用的window,location，screen等，

我用的比较多的，仍是window和location

window经常使用的方法

alert（）警示框经常使用于提示信息

confirm()确认框一般用因而否删除这样的或是否启用等

propt()输入框这个用的很少

setInterval()每隔多长时间加载，能够调用屡次， ajax轮询可使用它，不过太消耗服务器资源，应用的一般是数据定时更新

setTimeout()每隔多长时间加载，通常只加载一次

location.href用的比较多先后端分离时，不过经过form提交的形式，直接经过window.location.href进入另一个界面

location.reload用的也比较多

固然浏览器对象除了上述说的，还有navicator，不过这个我也没用过，开发一段时间，从未用过，看字面意思，彷佛有导航的做用

(3)文档对象模型;

文档对象，简单的说对节点进行增，删，改，查。

增长的话，好比遍历数据后，将html元素，经过append方法追加到某个ID选择器或者类选择器中

删除的话，节点删除，好比，上级公司下级部门这样的

修改的话，replace方法替换

查的话，find或push之类的方法

这是我我的开发用的比较多的

2.html页面如何写js

html写js有三种方式：

(1)外部js 经过<script src="test.js"></script>引入html中，从而可调用该js文件中全部函数,我我的建议，很是强烈建议开发，不管是初学者仍是半路出家的，多写外部js少写内部js或者直接在<body></body>中嵌入js,由于这种写法一点都很差，至少我这么认为,写外部js能够将公共部分js抽取复用，并且方便管理修改规范;

运行示例:

test.html

<html>
<head>
<script src="test.js"></script>
</head>
<body>
</body>
</html>

test.js

alert("hello js")

(2)内部js 在<head></head>中嵌入<script></script>

<html>
<head>
<script>
alert("hello js")
</script>
</head>
<body>
</body>
</html>

(3)<body></body>内嵌入js

<html>
<head>
</head>
<body>

<script>
alert("hello js")
</script>
</body>
</html>

（1）仍是那句话，建议使用，(2)的话，慎用，由于到时对web进行优化时，<head></head>内嵌入大量的js将会致使浏览器加载网页速度变慢,不利于web性能优化

另外js文件放头部和尾部的效果是不同的，由于头部优先加载，头部一般放置css外部文件，尾部放置js，由于浏览器优先加载头部，由头到尾，因为css优先加载，这样渲染效果也会很快，若是是js文件放置头部的话，会致使css渲染效果变慢从而致使影响用户体验