背景JavaScript Web前台有三层:HTML:从语义的角度，描述页面结构CSS:从审美的角度，描述风格(美化页面)JavaScript:从交互的角度，描述行为的发展史(实现业务逻辑和页面控制)JavaScript诞生于1995年。 布伦丹·艾希(1961 ~)，1995年在网景公司，开发了JavaScript以外的语言。 JavaScript是网景发明的，原名LiveScript；1995年12月，与SUN公司合作，因市场需要更名为JavaScript。 后来Sun公司被甲骨文收购，JavaScript的版权归甲骨文所有。 备注:因为Java是当时非常流行的语言，为了出名，改名为JavaScript。 看来“北大”和“北大青鸟”的关系 “北大青鸟”是“北大”旁边的大名 同时还有其他web语言，如VBScript、JScript等。，但都被JavaScript打败了，所以现在的浏览器只有一种脚本语言是JavaScript。 1996年，为了抢占市场，微软推出了用于IE3.0的JScript。 1996年11月，Netscape向ECMA(国际标准化组织)提交了JS，作为对抗微软的国际标准。 JavaScript是世界上使用最多的脚本语言。 JavaScript的发展:繁荣在2003年之前，JavaScript被认为是“新鲜”的，被用来制作页面上的广告、弹窗和浮动广告。 讨厌的是JavaScript开发的。 所以很多浏览器都推出了屏蔽广告的功能。 2004年，JavaScript的命运开始改变。 那一年，Google开始率先使用Ajax技术，这是JavaScript的一种应用。 而且，那个时候，人们逐渐开始改善客户体验。 Ajax有几个应用场景。 比如我们在百度搜索框中搜索单词时，输入框底部的智能提醒就可以通过Ajax实现。 比如我们在注册网易邮箱的时候，可以及时发现客户名称是否可以被占用，而不需要转到另一个页面。 乔布斯在2007年发布了第一款iPhone。从那一年开始，客户有了更多的上网方式，即使用移动设备上网。 JavaScript在移动页面中也是不可或缺的。 而这一年，互联网开始规范化。按照W3C的规则，分离了三层，JavaScript越来越受到重视。 2010年，人们更好地理解了HTML5技术，HTML5推出了一种叫做Canvas的东西，工程师可以在上面用JavaScript制作游戏。 2011年，Node.js诞生，使JavaScript能够开发服务器程序。 现在WebApp已经非常流行，就是利用web技术开发移动应用。 手机包括iOS和Android。 比如一个公司要开发一个“携程网”App，需要招聘三个团队，比如10个iOS工程师，10个Android工程师，10个前端工程师。 总共30人，开发成本高；而且如果要修改，还得换三个版本。 现在假设所有公司都使用web技术，那么应用程序可以用html+css+javascript技术开发。 也很容易迭代(网页一变，所有终端都变) 目前虽然WebApp(Web应用)在功能和性能上的体验远不如native app(原生应用)，但是在Native App中嵌入一些H5页面是一种趋势。 详细内容JavaScript学习入门JavaScript对初学者来说友好易用。 它可以由任何文本编辑工具编写，程序可以由浏览器执行。 JavaScript有界面效果(相比之下，C语言只有白底黑字) JavaScript是一种弱变量类型的语言。变量应该用var/let/const来声明。 Java中变量的声明应该根据变量的类型来定义。 比如以下变量需要在Java中定义:int a；浮动a；双a；字符串a；布尔a；然而在JavaScript中，只有一种定义方式:// ES5写成var a；// ES6写成const a；让a；JavaScript是前台语言JavaScript是前台语言，不是后端语言 JavaScript运行在客户端的终端网页上，而不是服务器上，所以我们称之为“前台语言” 它服务于页面的交互效果和美化，不能操作数据库。 后端语言运行在服务器上，如PHP、ASP、JSP等。这些语言可以操作数据库，可以“添加、删除和检查”数据库。 注:Node.js是用JavaScript开发的，现在也可以用于基于Node.js技术的服务器端编程。 JavaScript的基础分为三个部分:ecmascript:JavaScript的语法标准 包括变量、表达式、运算符、函数、if语句、for语句等。 DOM:文档对象模型，用于操作页面元素的API 例如，让方框移动、改变颜色、改变大小、旋转地图等等。 BOM:浏览器对象模型，操作浏览器部分功能的API。 通过BOM可以操作浏览器窗口，比如弹出框，控制浏览器跳转，获取浏览器分辨率等等。 简单理解就是:ECMAScript是JS的语法；以及DOM和BOM浏览器运行时环境为JS提供的API JavaScript的特点1:解释性语言JavaScript是一种解释性语言，不需要事先翻译成机器码；而是翻译执行(翻译一行，执行一行)。 什么是“解释性语言”？详见下一段。 因为少了编译这一步，所以解释性语言的开发特别方便，但是解释性语言运行速度慢也是它的缺点。 但是解释语言中使用了JIT技术，提高了运行速度。 2.单线程的特点3。ECMAScript标准ECMAScript是由ECMA国际(原欧洲计算机制造商协会，英文名为European Computer Manufacturers Association)制定并发布的脚本语言规范。 JavaScript是公司开发的，但问题是不方便其他公司扩展使用。 因此，欧洲的这个ECMA组织率先制定了JavaScript标准，并将其命名为ECMAScript。 简单来说，ECMAScript不是一种语言，而是一种标准。 ECMAScript规定了JS的编程语法和基本核心知识，是所有浏览器厂商都遵守的一套JS语法行业标准。 2015年6月，ECMAScript发布了版本6 (ES6)，语言能力更强(包含了很多新特性)。 不过，浏览器厂商要这么快赶上这个标准还需要时间。 编程语言的分类翻译器计算机不能直接理解除机器语言以外的任何语言，所以需要将程序员编写的语言翻译成机器语言，计算机才能执行程序。 把程序翻译成机器语言的工具叫做翻译器。 因此，所谓的“翻译”是指翻译成可由计算机执行的指令。 译者翻译的方式有两种:一种是编译，一种是解释。 两种方法的区别在于翻译的时机。 编译器:代码执行前，预先一次性翻译完所有代码，生成中间代码文件，然后执行整个代码。 解释器:同时翻译和执行(及时翻译代码，立即执行) 当编译器以解释的方式运行时，它也被称为解释器。 相应的语言称为“编译语言”和“解释语言” 编译语言的定义:提前一次性翻译所有代码，然后整体执行。 优点:操作更快。 缺点:移植性差，不跨平台。 编译语言的例子:C，c++比如C语言的代码文件是。c后缀，翻译后的文件是。obj后缀，系统执行obj文件；比如java语言的代码文件是。java后缀，翻译后的文件是。类别后缀。 (注意Java语言不是严格编译的语言，后面会讲到。)解释性语言的定义:翻译执行(翻译一行，执行一行)，事先没有一次性翻译。 优点:移植性好，跨平台。 缺点:跑的比较慢。 解释性语言的例子:JavaScript、php、Python Java语言Java语言既不是编译语言，也不是解释语言。 翻译过程:(1)编译:。java代码文件被编译成。通过javac命令创建类文件。 (2)执行。类文件由jvm虚拟机解释和执行。 有了jvm的存在，java是跨平台的。 开始编写第一行JavaScript代码。JavaScript代码的编写位置在哪里？这个问题也可以理解为:js代码的引入方式有哪些？ 1.方法:内联代码示例:< Input type = " button " value = " click me " onclick = " alert('永恒第一')"/>；完整的可执行代码如下:；& lt/body & gt；& lt/html & gt；分析:可以在HTML标签的事件属性(以on开头的属性)中写一行或者一些JS代码，比如上面的onclick click事件。 不推荐这种写法。原因是:可读性差，尤其是需要编写大量JS代码时，容易出错；引号多层嵌套时，也容易出错。 至于代码中的“引号”，我们建议在HTML标签中使用双引号，在JS中使用单引号。 2.嵌入式。我们可以使用html 您可以编写多行JS代码来 嵌入式JS是一种常见的学习方式。 3:引入外部JS文件<！DOCTYPE html & gt& lthtml lang = " en " & gt& lthead & gt& ltmeta charset="UTF-8 " >& lttitle & gt文档& lt/title & gt；& lt/head & gt；& ltbody & gt& lt！-引入外部js文件-->:& lt；script src = " tool.js " & gt& lt/script & gt；& lt/body & gt；& lt/html & gt；上面的代码还在body标签里，可以和内嵌的js代码并置。 此外，不能在引用外部JS文件的脚本标记中间编写代码。 总结:在实际开发中，我们基本采用方法3。因为这种方法，可以保证html文件和js文件是分开的，有利于代码的结构化和重用。 很少有人把大量js代码塞进html文件。 JS的一些简单的语法规则学习程序，有规则可循，并且程序会有相同的部分。这些部分是一种不能改变的规定。我们变成:语法 (1)JavaScript对换行符、缩进和空格不敏感。 每条语句都以分号结束。 代码一:< script type="text/javascript " >Alert(“今天是蓝天白云”)；Alert(“我很高兴”)；& lt/script & gt；相当于代码二: (2)所有符号均为英文。 比较方括号、引号、分号 如果使用搜狗拼音，建议不要使用shift进行中英文切换(可以在搜狗软件中设置)，否则容易输入中文分号；建议用ctrl+space切换中英文输入法。 (3)严格区分大小写。 我们不要混淆HTML、CSS和JavaScript的注释格式。 HTML的注释 评论应该写在 JavaScript的注释单行注释://我是注释多行注释:/*多行注释1多行注释2*/补充:在VS代码中，单行注释的快捷键是“Ctrl+/”，多行注释的默认快捷键是“Alt+Shift+A” 当然，如果你觉得多行注释的默认快捷键不方便，我们也可以修改默认快捷键。 操作如下:vs代码->:首选项->；键盘快捷键-& gt；找“注释”这个词->把原来的快捷键改成“Ctrl+Shift+/” Javascript输入/输出语句弹出警告框:alert语句我们要学习的第一个语句是alert语句。 代码示例如下:<！DOCTYPE html & gt& lthtml lang = " en " & gt& lthead & gt& ltmeta charset="UTF-8" />& ltmeta name = " viewport " content = " width = device-width，initial-scale=1.0" />& lttitle & gt文档& lt/title & gt；& lt/head & gt；& ltbody & gt& lt脚本& gtalert(‘古往今来第一’)；& lt/script & gt；& lt/body & gt；& lt/html & gt；alert(英文翻译为“alert”)的目的:弹出“警告框”。 alert(" ")警告框的效果如下:这个警告框在IE浏览器中是这样的:在上面的代码中，如果写了两条alert()语句，网页的效果是:弹出第一个警告框，点击确定后，连续弹出第二个警告框。 output:console . log(" ")console . log(" ")表示控制台中的输出。 Console代表“控制台”，log代表“输出” 在Chrome浏览器中，按F12打开控制台，选择“控制台”栏查看打印内容。 console.log(" ")的效果如下:控制台是工程师和程序员调试程序的地方。 程序员经常用这个语句输出几个东西来测试程序是否正确。 普通人不关心游戏机，但有些网站有其他秘密。 有意思的是，百度首页的控制台悄悄放了一条招聘信息:毕竟前台的人经常用控制台。 总结:alert()主要用于向客户显示消息，console.log()用于程序员自己调试。 弹出输入框:prompt()语句prompt()专门用于弹出允许客户输入的对话框。 谨慎使用，偶尔在测试时使用。 JS代码如下:var a = prompt("请随意输入东西")；console . log(a)；在上面的代码中，客户输入的内容将被传递给变量A并打印在控制台上。 效果如下:在prompt()语句中，无论客户输入什么都是一个字符串。 alert()和prompt()的区别:alert()可以直接使用。 Prompt()将返回客户输入的内容。 我们可以使用一个变量来接收客户的输入。 最后题外话，我在一线互联网公司工作十几年了，辅导过很多同行。 帮助了很多人学习和成长。 我意识到有很多经验和知识值得你参考，我们也可以通过自己的能力和经验来解答IT学习中的很多困惑，所以在工作繁忙的情况下我还是坚持各种整理和参考。 我可以免费参考最近整理的面试问题，包括HTML，CSS，JavaScript，服务器与网络，Vue，浏览器等。，帮助你学习进步。 有需要的朋友点击这里免费领取标题+分析PDF。 篇幅有限，仅部分内容有限，仅部分内容有限，仅部分内容有限，点击此处免费领取标题+分析PDF