javascript 基础入门

最新推荐文章于 2024-06-24 14:30:19 发布
最新推荐文章于 2024-06-24 14:30:19 发布
阅读量243 收藏
点赞数
分类专栏： JavaScript 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_39693517/article/details/111685463
版权

javascript

1、概述

JavaScript是一门世界上最流行的脚本语言

Java和JavaScript没关系

ECMAScript可以理解为JavaScript的一个标准，版本到es6

2、基本

2.1、设定

在这里插入图片描述

2.2、引入

在这里插入图片描述

2.3、语法

严格区分大小写

在这里插入图片描述

其余基本和java相同

2.4、浏览器

元素

在这里插入图片描述

控制台

在这里插入图片描述

源代码

在这里插入图片描述

网络请求

在这里插入图片描述

web数据库

在这里插入图片描述

2.5、数据类型

number,js不区分小数和整数

在这里插入图片描述

字符串

  1. 正常字符以单引号，双引号包在这里插入图片描述

  2. 转义字符 \ 在这里插入图片描述

  3. 多行字符串编写``包，ESC下方的按键在这里插入图片描述

  4. 模板字符串在这里插入图片描述

  5. 字符串长度在这里插入图片描述

  6. 字符串的不可变性在这里插入图片描述

  7. 大小写转换在这里插入图片描述

  8. 其他在这里插入图片描述

Boolean

在这里插入图片描述

逻辑运算

在这里插入图片描述

比较运算符

一般使用===，缺陷

在这里插入图片描述

浮点数问题

精度损失，尽量避免使用浮点数进行运算

在这里插入图片描述

null和undefined

在这里插入图片描述

数组

存储数据，如何存取

在这里插入图片描述

  1. 长度在这里插入图片描述

  2. indexOf获取下标在这里插入图片描述

  3. slice()截取后返回新数组在这里插入图片描述

  4. push，pop作用在尾部在这里插入图片描述

  5. unshift,shift作用在头部在这里插入图片描述

  6. sort,reverse,concat在这里插入图片描述

  7. 连接符join在这里插入图片描述

对象

若干个键值对

在这里插入图片描述

动态删除属性

在这里插入图片描述

动态添加属性

在这里插入图片描述

判断属性是否在对象中

在这里插入图片描述

判断属性是否该对象私有

在这里插入图片描述

在这里插入图片描述

2.6、严格检查模式

在这里插入图片描述

局部变量建议以let定义

在这里插入图片描述

2.7、流程控制

if，while,for 和java一样
数组循环

for in

在这里插入图片描述

for of

在这里插入图片描述

forEach

在这里插入图片描述

2.8、Map和Set

ES6新特性

Map

类似python中的字典

在这里插入图片描述

遍历map

在这里插入图片描述

Set

无序不重复集合

在这里插入图片描述

遍历

在这里插入图片描述

3、函数

3.1、定义方式

在这里插入图片描述

3.2、参数问题

在这里插入图片描述

避免参数问题

无参数

在这里插入图片描述

多参数

在这里插入图片描述

rest获取除已定义参数之外的参数

ES6新特性

在这里插入图片描述

3.3、变量作用域

函数内部的变量和函数外部的变量区分，和java相同

js会把变量声明提前，但赋值不提前，规范为所有变量声明都放在函数头部，便于维护。

在这里插入图片描述

全局对象window

默认所有的全局变量都会绑定在window下

在这里插入图片描述

函数也在window下

在这里插入图片描述

Js实际上只有一个全局作用域，由内向外查找，最终为window

规范

不同的js文件使用相同的全局变量，会发生冲突

把自己的代码全部放入自己定义的唯一空间名字中，防止冲突

在这里插入图片描述

如上，jQuery库也如此，jQuery. 简化为 $()

局部作用域let

ES6 let关键字，解决局部作用域冲突

常量

ES6 之前，以大写人为规定,但仍可更改

在这里插入图片描述

ES6 引入const，规定常量不可更改

在这里插入图片描述

3.4、方法

定义

把函数放在对象内部

在这里插入图片描述

this

默认指向调用它的对象

在这里插入图片描述

在这里插入图片描述

apply控制this指向

在这里插入图片描述

3.5、内部对象

标准对象

在这里插入图片描述

Date

在这里插入图片描述

JSON

轻量级数据交换模式，有效提升网络传输效率，具有简洁清晰的层次结构，前后端交互

js中任何支持的类型都可以用JSON来表示

是字符串

Ajax

  • 原生的js写法 xhr 异步请求

  • jQuery 封装

  • axios 请求

4、面向对象

定义class

本质是原型

在这里插入图片描述

在这里插入图片描述

继承

在这里插入图片描述

在这里插入图片描述

原型链

__proto__

在这里插入图片描述

在Object处套娃

5、操作BOM对象

Browser Object Model 浏览器对象模型

window

浏览器窗口

在这里插入图片描述

navigator

封装了浏览器的信息

在这里插入图片描述

大多数时候不会使用此对象，因为值存在安装文件中，会被人为修改

不建议使用此属性判断和编写代码

screen

屏幕信息

在这里插入图片描述

location

重要代表当前页面的URL信息

在这里插入图片描述

document

当前页面HTML DOM文档树

  • 获取具体的文档树节点

  • 获取cookie

  • history 浏览记录

6、操作DOM对象

Document Object Model

浏览器网页就是DOM树形结构

  • 更新
  • 遍历 .children
  • 删除 先获取父节点，再删子节点，不能自己删自己 father.removechild
  • 添加

获取和更新

在这里插入图片描述

删除

在这里插入图片描述

添加

在这里插入图片描述

创建并插入

在这里插入图片描述

7、操作表单

目的：提交信息

8、jQuery

JavaScript库

引入

CDN引入

CDN

在这里插入图片描述

在这里插入图片描述

文件引入

jquery

在这里插入图片描述

在这里插入图片描述

一般格式

在这里插入图片描述

选择器

$('p')        //标签选择器
$('#id1')     //id选择器
$('.class1')  //class选择器

jquery文档

事件

鼠标事件，键盘事件，其他事件

Ajax

前后端通信

9、小技巧

看jQuery源码，看游戏源码

扒网站

lucas_ch
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
专栏目录
JavaScript基础入门
qq_41292655的博客
06-30 380
JavaScript基础 1.概述 概念： 客户端脚本语言（脚本语言：不需要编译，直接被浏览器解析执行） 作用：增强用户和html页面的交互过程，控制html元素，增强用户体验 2.基本语法 2.1内部js <script> alert('hello world'); </script> 2.1外部js <head> <meta charset="UTF-8"> <title>Title</title>
javaScript入门基础
weixin_45023824的博客
04-11 1507
jjavaScript入门 一、定义 1、js是一门编程语言，是一门运行在客户端的脚本语言（script 脚本），脚本语言不需要编译， ​ 运行过程中是由js引擎（解释器）逐行来进行解释为机器语言然后由计算机去执行的。 ​ 2、代码从上往下依次执行，执行完第一句再执行第二句，如果中间发生错误，则不会在往下执行。 ​ 3、也可以使用node.js 在服务端进行开发。 二、作用 ​ 1、表单动态验证（密码强度检测） ​ 2、网页特效 ​ 3、服务端开
javascript入门基础
驰骋翱翔
10-30 2270
JavaScript是一种具有面向对象能力、解释性的程序设计语言，它是基于对象和事件驱动的安全的客户端脚本语言。用于验证发往服务器的数据，增加web互动，加强用户体验度。
JavaScript--js基础(详细 全面)
最新发布
Dreamkidya的博客
06-24 799
本文旨在介绍和学习JavaScript的基础知识。通过本文的阅读，读者将能够了解JavaScript在网页开发中的重要性和作用，掌握其基础语法和概念。不论是初学者还是有一定经验的开发者，都可以通过本文来加深对JavaScript的理解，并提升自己的开发能力。希望读者能够从中获得有益的知识，为日后的学习和实践打下坚实基础。愿读者在学习JavaScript的过程中不断成长，探索更多可能性
温习之认识JavaScript数据类型基础及模板字符串总结
weixin_40630195的博客
12-05 1042
JavaScript引入方式,变量命名方式,基本数据类型,模板字符串,显试转换,隐试转换
JavaScript基础
Mostdanger的博客
07-29 188
JavaScript简介 JavaScript是一种解释型脚本语言，目的是能够在客户端的网页中增加动态效果和交互能力，实现了用户与网页之间的一种实时的、动态的交互关系。 它最初是由网景公司设计的，起名为LiveScript，后来Java语言非常红火，网景公司希望借助Java的名气来推广，改名为JavaScript，但是除了语法有点相似，在其他部分基本上没啥关系。 后来，JavaScript被Netscape公司交给ECMA制定标准，成为ECMAScript，最新版ECMAScript6（简称ES6）已经在2
JavaScript入门基础
『愚』的博客
11-06 3855
JavaScript入门基础概述变量的声明变量的作用域基本数据类型Number类型String类型Boolean类型Undefined类型Null类型三大引用类型Object类型Array类型Function类型typeof 操作符js编写的位置js的三种输出方式 概述 JavaScript是世界上最流行的脚本语言，是一种运行在浏览器中的解释型的编程语言，能够实现跨平台、跨浏览器。虽然只是十多天时间的产物，并且有很多的缺陷和陷阱，但也造就了JavaScript的灵活和强大。随着Node.js的兴起，Jav
javascript基础入门.ppt
11-12
JavaScript基础入门 JavaScript是基于对象和事件驱动的解释性语言，其目的就是增强Web客户交互，弥补了HTML的缺陷。JavaScript与Java不同，它们处于不同的公司，属于不同的产品。JavaScript可以使网页更具有交互性...
Javascript基础入门
12-28
总的来说，"JavaScript基础入门"涵盖了从基本语法到核心概念的所有内容，是初学者建立坚实基础的必要步骤。通过学习和实践，初学者可以逐步掌握如何利用JavaScript实现动态网页效果，增强用户交互，并进一步探索前端...
整理Javascript基础入门学习笔记
10-23
在深入了解JavaScript基础入门学习笔记前，首先要掌握编程中的基本概念——变量。变量是编程语言中最基础的组成部分，它好比是一个容器，用来存储信息。在JavaScript中声明变量时，可以使用“var”关键字后跟变量名...
Javascript基础入门教程(pdf清晰版)
07-08
本教程是针对初学者设计的JavaScript基础入门教程，旨在帮助你理解这门语言的基本概念和常用语法。 一、JavaScript简介 JavaScript诞生于1995年，由Netscape公司的Brendan Eich设计。尽管其名称中包含“Java”，但...
JavaScript 基础 入门
shjd_J的博客
05-23 213
JavaScript是什么 JavaScript是一种运行在客户端（浏览器）的编程语言，实现人机交互效果。 JavaScript作用 JavaScript作用:确定网页的行为交互(教网页做事情) JavaScript组成 ECMAScript - JavaScript的核心 ECMAScript定义了JavaScript的语言规范 JavaScript的核心：描述了语言的基本语法和数据类型，ECMAScript是一套标准，定义了一种语言的标准与具体实现无关
JavaScript 基础入门
YUELEI118的博客
04-26 2206
视频 学习笔记 JavaScript JavaScript是一门脚本语言 脚本语言和非脚本语言的区别： 程序的目标文件可以用记事本打开的就是脚本语言，JAVA的目标程序是Class文件，用记事本打不开 包含三大块 DOM编程： DOM是指对HTML中的节点进行操作。例如：div span .class #id 对网页的内容进行增删改的过程 BOM编程 对浏览器的操作，例如：后退，刷新，地址栏等 ECMAScript JavaScript的核心语法 总结：DOM和BOM的关系
javascript基础入门
m0_74018330的博客
03-20 304
同一时期，**微软**和 **Nombas**（一家名为 Nombas 的公司）也分别开发了 **JScript** 和 ScriptEase** 两种脚本语言，与 **JavaScript** 形成了三足鼎立之势。因为 id 元素是唯一的，就是为了在 js 中通过元素 id 来查找元素，document 是页面文档对象，getElementById 是 document 的方法，通过传递的参数（id字符串），是一个标签的id值。即使赋值之后，变量的类型根据重新赋值的数据类型同样进行改变。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

lucas_ch

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值