JavaScript详解
【狂神说Java】JavaScript最新教程通俗易懂:https://www.bilibili.com/video/BV1JJ41177di/
1 什么是JavaScript
1.1 概述
JavaScript,简称“JS”,是一门世界上最流行的脚本语言。
一个合格的后端人员,必须要精通JavaScript。
【JavaScript框架】
jQuery:大家熟知的JavaScript框架
Angular:Google收购的前端框架,由一群Java程序员开发
React:Facebook出品,一款高性能的JS前端框架
Vue:一款渐进式JavaScript框架
Axios:前端通信框架
【UI】框架
Ant-Design:阿里巴巴出品,基于React的UI框架
ElementUI、iview、ice:饿了么出品,基于Vue的UI框架
Bootstrap:Twitter推出的一个用于前端开发的开源工具包
AmazeUI:又叫“妹子UI”,一款HTML5跨屏前端框架
【JavaScript构建工具】
Babel:JS编译工具
WebPack:模块打包器,主要作用是打包、压缩、合并及按序加载
1.2 历史
JavaScript起源故事 https://blog.51cto.com/mryang666/5012388
ECMAScript,可以理解是JavaScript的一个标准;最新版本ES6,但浏览器支持ES5。
2 快速入门
2.1 引入JavaScript
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<!--内部1-->
<script>
alert('hello world 内部1')
</script>
<!--外部-->
<script src="js/test.js"></script>
</head>
<body>
<h1>标题1</h1>
<!--内部2-->
<script>
alert('hello world 内部2')
</script>
</body>
</html>
alert('hello world 外部')
2.2 基本语法入门
标签script
alert
console.log
变量var
严格检查格式'use strict'
MD5加密:https://cdn.bootcss.com/blueimp-md5/2.12.0/js/md5.js
3 数据类型
4 函数
5 内部对象
6 面向对象编程
7 操作BOM对象
8 操作表单
9 jQuery
jQuery是一个快速、简洁的JavaScript框架。jQuery库,里面存在大量的JavaScript函数。
1.下载
导入函数库
<script src="lib/jquery-3.6.1.js"></script>
$('p1').click();
$('#id1').click();
$('.class1').click();
2.cdn引入
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
3.文档工具站
http://jquery.cuishifeng.cn