javascript 中文帮助文档_从零开始的JavaScript学习生活(一,准备)

何为JavaScript

JavaScript是一种运行在浏览器和一些非浏览器环境的解释或即时编译的脚本语言。

在浏览器上,JavaScript可以用来表达网页逻辑,用以实现网页动画,用户登录注册、网上购物、在线文档编辑等功能。

如果说网页是一个舞台,那么JavaScript就是剧本,写明了台上的人怎么演戏,怎么做动作,HTML就是一个演员团队,每一个HTML节点就是一个演员,CSS负责给人化妆,而且高版本的CSS3自己看不惯部分的剧本速度慢拖拉,自己都可以上去跳舞(产生动画效果)。

JavaScript诞生于1995年,由Netscape公司的Brendan Eich设计开发第一个版本,现在

已经9102年了,已经衍生发展了数个版本的JavaScript,因此,我们有必要搞清楚有哪些版本,我们需要使用哪个版本,来保持网页的兼容性,性能,稳定性,代码逻辑正确。


ECMAScript标准化

为了规范化,ECMA 设计了ECMAScript 作为JavaScript的语言标准,由各大浏览器厂商根据ECMAScript标准,

开发自己的JavaScript引擎来运行JavaScript脚本。

1998年 ECMA-262 1 edition 和 ECMA-262 2 edition(不用看了,发布没多久就被后面的版本覆盖了)

1999年12月 ECMA-262 3 edition 简称ES3 (包括IE6在内的所有浏览器都实现了ES3)

2009年12月 ECMA-262 5 edition 简称ES5 (这是大多数人在使用的对浏览器兼容度比较高的版本)

2015年6月 ECMA-262 6 edition 简称ES6 或者ES2015 (起先被推广的名字是ES6,

然而ECMAScript组委会要装逼,要求 ECMAScript 必须做到每年做一次更新。由此,这个版本被更名为ES2015,

且每年都需要更新,并命名为当前年的后缀)

2016 年 6 月:ECMA-262 7 edition ES2016 (ES7)

2017 年 6 月:ECMA-262 8 edition ES2017 (ES8)

一般来讲,我们平时学习和使用的是ES5和ES6的语法和函数,以及各种ES6语法转ES5语法的技术就足够了。

如何开始我们的表演? (部署网页开发开发工具)

  1. 准备一个好用专业的代码编辑器,强制指定安装Visual Studio Code(就像写文章,还是用office吧,别用记事本,太麻烦了)
  2. 准备一个现代专业主流的浏览器(推荐Chrome 或者 Firefox)

安装过程,应该不用我多讲吧,问题不大,由于在下是Windows操作系统,可能存在Mac和Linux上不一样的情况,如果遇到这种情况,我也不管,哈哈哈哈哈,自己查资料解决,哈哈哈哈。

来,小哥哥,我们为小姐姐跳支舞吧(划掉,写个 HelloWorld 程序)

在硬盘里面选一个新建一个文件夹,比如 E:/learning/javacript/helloworld,然后用Code打开这个文件夹。

b5cd0662bfcea06f7362c38d2a185da7.png
新建一个文件夹,并用Code打开这个文件夹

f7601b2babd72f94460e8acc2b90edd0.png
新建一个文件hello.html
<!DOCTYPE html>

这段代码,动手打到这个hello.html 文件里面即可,.html后缀的文件即是一个网页,用浏览器打开(文件拖动到浏览器窗口里面即可)。

运行结果,想必,大家能够自行正确运行,我就懒的截图了。

HTML文件是啥

HTML是一个描述网页基本结构的一种文件格式,它内容是一种层级嵌套的结构,比如以下代码:

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Hello World</title>
</head>
<body>
</body>
</html>
<script>
    document.body.innerHTML = '<h1>Hello World</h1>'
</script>

<!DOCTYPE html> 是标准文件头格式,表示这是一个遵守html5标准的html文件

html文件内容是多个标签组成的,一个标签有三个部分,标签头,标签尾,标签内容

比如:<title>Hello World</title> 这个标签,标签头是<title>,标签内容是Hello World,标签尾是</title> ,是的多一个斜杠就是标签尾了,前后英文是对应关系,没错,你想的对的,中文标签名是原则上可以写,但是不推荐使用中文标签名。

<蕾姆天下第一>哈哈哈哈哈哈</蕾姆天下第一>

这段代码的<html>标签内部包括了一个<head>和<body>标签,<head>标签里面还有三个<meta>标签和一个<title>标签,标签是可以嵌套的,标签内部可以再写标签。

html文件里可以写注释,那么注释是啥呢,注释就是只给人看的内容,机器会忽略的。

html文件支持两种格式的注释,一种是 <!-- 注释内容 --> ,另一种是JavaScript语言支持的注释格式

<meta charset="UTF-8">     <!-- 这一行表示文件编码是utf-8,使得中文不会出现乱码  -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">  <!-- 兼容不同的大小的屏幕 -->   
<meta http-equiv="X-UA-Compatible" content="ie=edge">     <!-- 使用罪新版本的IE浏览器(引擎)-->
<title>Hello World</title> <!-- 网页标题(一般来说就是浏览器选项卡先手的内容)  -->

<script>标签稍显特殊,它内部可以写JavaScript脚本代码,写剧本,控制网页怎么运行,怎么做动画等,比如以下JavaScript脚本代码就是在网页上的<body>标签内容添加一个<h1>标签:

document

是的,你可以用JavaScript脚本代码随时修改网页的标签结构,增加、删除、修改、搜索标签的任何结构,接下来的文章,我们会逐步了解到如何修改网页上的所有的标签结构,也会逐步学习JavaScript的大多数语法知识和各种常见的坑。


结束语

闲来无事,写点文章,重新梳理并复习一遍JavaScript,希望也能帮助到其他小朋友。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值