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

posted @ 2023-03-27 21:06  LiWeixiao  阅读(68)  评论(0编辑  收藏  举报