1.什么是JavaScript

1.1 概述

JavaScript是一门脚本编辑语言

10天~一个合格的后端人员，必须要精通JavaScript

历史

了解一下JavaScript历史

ECMAScript它可以理解为JavaScript的一个标准

最新版本已经到了es6版本了~

但是大部分的浏览器还只停留在支持es5代码上

快速入门

1.直接在html中写

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>代码人，代码魂，代码都是人上人</title><!--script标签内，写Javascript代码--><script><!--alter   弹窗-->alert("hello word");</script>
</head>
<body>
<!--这里也可以方script标签-->
</body>
</html>

2.新建一个js文件，并且创建一个JavaScript文件

//弹窗标签
alert("hello word");

在HTML中外部引入JavaScript文件

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>代码人，代码魂，代码都是人上人</title><!--script标签内，写Javascript代码-->
<!--    <script>-->
<!--        &lt;!&ndash;alter   弹窗&ndash;&gt;-->
<!--        alert("hello word");-->
<!--    </script>--><!--外部引入--><!--注意script，必须成对出现--><script src="js/qj.js"></script><!-- 如果不写，也是默认是javascript--><script type="text/javascript"></script>
</head>
<body>
<!--这里也可以方script标签-->
</body>
</html>

拓展

前端三要素

HTML（结构）：超文本标记语言（Hyper Text Markup Language）决定网页的结构和内容
CSS（表现）：层叠样式表（Cascading Style Sheets）设定网页的表现形式
JavaScript（行为）：是一种弱类型脚本语言，其源码不需要经过编译，而是由浏览器解释运行，用于控制网页的行为。

JavaScript框架

jQuery：是JavaScript的库，优点是简化了DOM操作，缺点是DOM操作太频繁，影响前端性能，在前端眼里它仅仅是为了兼容IE6、7、8
Angular：Google收购的前端框架，由一群Java程序员开发，其特点是将后台的MVC模式搬到了前端并增加了模块化开发的理念，与微软合作，采用TypeScript语法开发；对后腰程序员友好，对前端程序员不友好，最大的缺点是版本迭代不合理（如：1代到2代，除了名字，基本是两个东西）
React：Facebook出品，一款高性能的 JS 前端框架，特点是提出了新概念【模拟DOM】用于减少真是DOM操作，在内存模拟DOM操作，有效的提升了前端渲染效率，缺点是使用复杂，因为需要额外学习一门【JSX】语言
Vue：一款渐进式JavaScript框架，所谓渐进式就是实现新特征的意思，如实现模块化开发，路由，状态管理等新特征，其特点是综合了Angular（模块化）和React（虚拟DOM）的优点
Axios：前端通信框架，因为Vue的边界很明确，就是为了处理DOM，所以并不具备通信能力，此时就需要额外使用一个通信框架与服务器交互，当然也可以直接选择使用jQuery提供的AJAX通信功能

JavaScript构建工具

Babels：JS编译工具，主要用于浏览器不支持的ES新特性，比如用于编译TypeScript
WebPack：模块打包器，主要作用是打包，压缩，合并及按序加载

JavaScript（一）——什么是JavaScript相关推荐

javascript笔记：深入分析javascript里对象的创建（上）续篇
今天回来一看我的博客居然有这么多人推荐真是开心极了,看来大家对我的研究有了认可,写博客的动力越来越大了,而且我发现写javascript在博客园里比较受欢迎,写java的受众似乎少多了,可能博客园里j ...
javascript:void(0)和javascript:;的用法
一.JavaScript:void(0) 我们经常会使用到 javascript:void(0) 这样的代码,那么在 JavaScript 中 javascript:void(0) 代表的是什么意思呢 ...
Javascript学习笔记3 Javascript与BOM简介
什么是BOM BOM是browser object model的缩写,简称浏览器对象模型 BOM提供了独立于内容而与浏览器窗口进行交互的对象由于BOM主要用于管理窗口与窗口之间的通讯,因此其核心对象 ...
重学JavaScript（1）--JavaScript简介
写在最前面最近在整理之前学习的知识的时候,发现对知识没有整体的框架,有点零散.于是乎,现在决定重新的学习一下JavaScript的基础知识.这是整个重新学习历程的第一篇文章.写这些文章的目的是督促自 ...
JavaScript学习总结(九)——Javascript面向(基于)对象编程
转载自 JavaScript学习总结(九)--Javascript面向(基于)对象编程一.澄清概念 1.JS中"基于对象=面向对象" 2.JS中没有类(Class),但是它取了 ...
JavaScript学习总结(八)——JavaScript数组
转载自 JavaScript学习总结(八)--JavaScript数组 JavaScript中的Array对象就是数组,首先是一个动态数组,无需预先制定大小,而且是一个像Java中数组.Array ...
JavaScript学习总结(七)——JavaScript函数(function)
转载自 JavaScript学习总结(七)--JavaScript函数(function) 一.函数基本概念为完成某一功能的程序指令(语句)的集合,称为函数. 二.JavaScript函数的分类 ...
JavaScript学习总结(一)——JavaScript基础
转载自 JavaScript学习总结(一)--JavaScript基础一.JavaScript语言特点 1.1.JavaScript是基于对象和事件驱动的(动态的) 它可以直接对用户或客户输入做 ...
【javascript高级教程】JavaScript 对象
JavaScript 中的所有事物都是对象:字符串.数值.数组.函数...及自定义对象 JavaScript 提供多个内建对象,比如 String.Date.Array 等等. 对象只是带有属性和方法 ...
现在JavaScript日期–如何在JavaScript中获取当前日期
Many applications you build will have some sort of a date component, whether it's the creation date ...

JavaScript（一）——什么是JavaScript

1.什么是JavaScript

1.1 概述

历史

快速入门

拓展

前端三要素

JavaScript框架

JavaScript构建工具

JavaScript（一）——什么是JavaScript相关推荐

最新文章

热门文章