分享学JavaScript的第一天

一. 开发工具

vscode 、sublime 、webstrom

vscode 官网下载,下载插件

​ 插件 Chinese 中文插件

在浏览器打开 :

- view in browser //  在浏览器打开

- auto close tag    / /自动添加关闭标签

- JavaScript (ES6) code snippets //  ES6片段

- Bracket Pair Colorizer //    高亮颜色对比

- color highlight //      颜色

- html css support //  HTML css 支持

- background  //   背景图片 好看

- live  server     //   (实时刷新)

二.关于浏览器

1. 浏览器发展
  1. 1990年:蒂姆·伯纳斯-李发明了第一个网页浏览器WorldWideWeb,后改名为Nexus
  2. 1993年:马克 安德森在美国伊利诺大学开发了MOSIAC浏览器,显示图片,真正意义图形浏览器,一定要记得这个浏览器
  3. 1994年: 马克 安德森和吉姆 克拉克(硅图SGI)成立了一个公司MOSIAC comunication corporation 因为商标权问题改名为Netscape comunication corporation网景通讯公司,开发了Netscape navigation(大名鼎鼎网景浏览器)
  4. 1995年:IE收购spy glass,获得了MOSIAC的使用和商标权.改名为IE浏览器
  5. 1998年,网景竞争失利以后成立了非正式组织Mozilla,网景也别美国在线收购
  6. 2003年,IE员工与原Netscape成立火狐,同年Opera兴起,苹果也推出Safari
  7. 2008年:谷歌很空出世
2. 浏览器内核分类
1. 谷歌浏览器	           +大部分手机浏览器	webkit/blink内核
2. 火狐浏览器		   Gecko内核     
3. Opera浏览器		Presto/blink内核    
4. IE浏览器			Trident内核         
5. Safari浏览器		webkit内核          
3. 浏览器的组成
  1. 外壳
  2. 内核

    渲染引擎

    • 渲染引擎负责网页中内容的显示,HTML+CSS

    JS解析引擎

    • JS引擎创建一个环境,在这个环境中Js引擎可以解释、编译和执行JS代码

三. 关于JS

1.JS的发展历史
  • JS的诞生

    在1995 年 Netscape,一位名为 Brendan Eich 的工程师创造了 JavaScript,随后在 1996 年初,JavaScript 首先被应用于 Netscape 2 浏览器上。最初的 JavaScript 名为 LiveScript(活力脚本),后来因为 Sun Microsystem 的 Java 语言的兴起和广泛使用,Netscape 出于宣传和推广的考虑,将它的名字从最初的 LiveScript 更改为 JavaScript——尽管两者之间并没有什么共同点。这便是之后混淆产生的根源。。

    几个月后,Microsoft 随着 IE 3 推出了一个与之基本兼容的语言 JScript(注意微软的人生哲学,当它发现别人的东西很好的时候,就必须拧巴的推出自己的,然后自己的又被市场排斥,又开始兼容别人的)。又几个月后,Netscape 将 JavaScript 提交至 Ecma International(一个欧洲标准化组织), ECMAScript 标准第一版便在 1997 年诞生了,随后在 1999 年以 ECMAScript 第三版的形式进行了更新,从那之后这个标准没有发生过大的改动。由于委员会在语言特性的讨论上发生分歧,ECMAScript 第四版尚未推出便被废除,但随后于 2009 年 12 月发布的 ECMAScript 第五版引入了第四版草案加入的许多特性。第六版标准已经于2015年六月发布 。

  • JS的发展

    2003年: 页面上漂浮的广告、弹窗广告;所以当时的浏览器就推出一个功能,禁用广告,实际上本质就是禁用JavaScript。

    **2004年:**谷歌打开了Ajax这个潘多拉的盒子,从此JavaScript被人重视,很多人开始学习JS语言。

    **2007年:**三层分离,iPhone发布,人们开始重视用户体验。大家发现了,JavaScript是web页面中制作交互效果唯一的语言,所以把JS的重视程度,提到了相当高的一个地位。

    2008年:Chrome浏览器发布,V8引擎加快了JS的解析,之前的浏览器解析JS的时候卡顿卡顿的,动画效果是蹦蹦的。在Chrome里,它的引擎叫做V8,运行JS很流畅。

    2009年:jQuery变得流行,解决了浏览器兼容问题,制作页面效果变得简单,越来越多的初学者愿意学习JavaScript。

    2011年:Node.js得到广泛应用,实际上就是把JavaScript运行在了服务器上,单线程非阻塞,能够让企业用最小的成本实现后台网站,比如之前4万的服务器都卡,现在用了node之后,4000的机器都很流畅。

    2015年:ECMA6发布,叫做ECMA2015。重量级的改变,把语言的特性颠覆性的一个增强。

2.JS的特点
​	弱类型,解释性,单线程
3.JS的三大组成部分
  • ECMAScript 为JS基本的语法 eama-262

    语法 标准( 规定js使用规则 ), js是ECMAScript的实现

  • DOM Document Object Model 文档对象模型

    提供和指定标准的组织是w3c

    提供页面元素和方法的整合工具箱,我们可以直接使用里面关于文档对象的一系列方法, 这使我们,可以操作标签.

  • BOM Browser Object Model 浏览器对象模型

    提供操作浏览器的方法的整合工具箱. 所以js里面,有一些东西,是关于浏览器的,如弹窗,右键的菜单,滚动条.

4.JavaScript用途

前端三层

结构层 html 语义的角度描述页面的结构

样式层 css 审美的角度装饰页面

行为层 JavaScript 交互的角度提升用户体验

用来制作页面交互,提升用户体验

禁用JavaScript 网页讲不能正常显示显示

5. JS代码存放在位置
  • 外链 为了结构,样式,行为相分离,一般开发使用外链

    src引入即可,没啥好说的 可以在外部js里面 写上window.onload = function(){} 把逻辑写在这个函数里

  • 内嵌 学习多使用内嵌

    存放在

你可能感兴趣的:(笔记,javascript)