黑马python-JavaScript

1.JavaScript的定义:

JavaScript是运行在浏览器端的脚步语言,是由浏览器解释执行的、简称js。它能够让网页和用户有交互功能,增加良好的用户体验效果

2.使用方式:

1.行内式(主要用于事件)

<input type="button" name="" οnclick="alert('ok')";>

2.内嵌式

<script type="text/javascript">

alert('ok!')

</script>

3.外链式

<script type="text/javascript" src="jc.index.js"></script>

3.定义变量:

JavaScript是一种弱类型语言,也就是说不需要指定变量的类型,JavaScript的变量类型由它的值来决定,定义变量需要用关键字'var',一条JavaScript语句以;结尾

var 变量名=值;

3.注释:

//单行注释

/*多行注释

   多行注释

*/

4.数据类型:

五种基本数据类型和一种复杂数据类型(object)

1.number 数字类型

2.string 字符串类型

3.boolean 布尔类型

4.undefined undefined类型,变量声明未初始化,它的值技术undefined

5.null null类型,表示空对象,如果定义的变量将来准备保存对象,可以将变量初始化为null,在页面上获取不到对象,返回值的值就是null

5.函数的定义及调用

函数定义:

函数计算可以重复使用的代码块,使用关键字function定义

函数调用:

函数调用就是函数名加小括号,比如:函数名(参数)

6.局部变量:在函数内定义的变量叫局部变量,只能在函数内部使用

   全局变量:在函数外定义的变量,可以在不同函数内使用,并且不同函数内可以共享全局变量

js可以数字类型和字符串直接进行相加,把数字自动转成字符串

7.条件判断、比较运算符

8.逻辑运算符

9.获取标签元素

可以使用内置对象document上的getElementById方法来获取页面上设置了id属性的标签元素,获取到的是一个html对象,然后将他赋值给一个变量

var 变量=document.getElementById('id名称')

上面的代码,如果把javascript写在元素的上面,就会出错,因为页面是从上往下加载执行的,javascript区页面上获取div1元素的时候,div1还没加载

第一种方法:将JavaScript放到页面最下边

第二种方法:设置页面加载完成执行的函数,在执行函数里面获取标签元素

10.数组的定义和数组的操作

数组的介绍:

数组就是一组数据的集合,javascript中,数据里面的数据可以是不同类型的数据,好比python里面的列表

数组的定义:

var aList=new Array(1,2,3);

var aList=[1,2,3,'asd'];

多维数组:

多维数组指的是数组的成员也是数组,把这样的数组叫做多维数组

var aList=[[1,2,3],[a,b,c]];

数组的操作:

1.获取数组的长度

ar aList=[1,2,3,4]

alert(aList.length);   //弹出4

2.根据下标取值

var aList=[1,2,3,4];

alert(aList[0]);     //弹出1

3.从数组最后添加和删除数据

var aList=[1,2,3,4]

aList.push(5);

alert(aList);  //弹出1,2,3,4,5

aList.pop();

alert(aList);   //弹出1,2,3,4

4.根据下标添加和删除元素

arr.splice(start,num,element1,…,elementN)

参数解析:

start:必须,开始删除的索引

num:可选,删除数组元素的个数

elementN:可选,在start索引位置要插入的新元素

此方法会删除从start索引开始的num个元素,并将elementN参数插入到start索引位置

11.循环语句

for,while,do-while

12.字符串拼接:

字符串拼接使用“+”以释放

字符串和数字进行拼接,底层自动把数字类型转成字符串,这种操作属于隐式类型转换

13.定时器:

js定时器有两种创建方式:

1.setTimeout(func[,delay,param1,param2,…]):以指定的时间间隔(以毫秒计时)调用一次函数的定时器

2.setInterval(func[,delay,param1,param2,…]):以指定的时间间隔(以毫秒计时)重复调用一个函数的定时器

参数说明:

func:表示定时器要执行的函数名

delay:表示时间间隔,默认是0,单位是毫秒

param1,表示定时器执行函数的第一个参数,一次类推传入多个执行函数的对应参数

定时器用完后要销毁,定时器使用后返回值是定时器返回的id,此id意为创建的第一季定时器

clearTimeout(id);

第一种:根据指定的时间间隔延时调用函数

第二种:根据时间间隔重复函数的定时器

setInterval(fnShowInfo,2000,'李四',22)

14.jQuery:

定义:

jQuery是对JavaScript的封装,它是免费的、开源的、JavaScript函数库,jQuery极大地简化了JavaScript编程

作用:

负责网页行为操作,增加网页和用户的交互效果,只不过jQuery实现交互效果更简单

优点:

jQuery兼容了现在主流浏览器,增加了程学院开发效率

jQuery简化了JavaScript编程,代表编写更简单

ready:等待页面标签加载完成后就执行ready时间,不会等资源数据加载完成

15.jQuery选择器:

介绍:

就是快速选择标签元素,获取标签的,选择规则和css样式意义

种类:

1.标签选择器

2.类选择器

3.id选择器

4.层级选择器

5.属性选择器

16.选择集过滤

选择集活力就是在选择标签的集合里过滤自己需要的标签

操作:

has(选择器名称)方法,表示选取包含指定选择器的标签

eq(索引)方法,表示选取指定的所以比起

17.选择集转移:

选择集转移就是以选择的标签为参照,如何获取转移后的标签

操作:

18.jquery获取和设置标签内容

1.用html方法

2.append方法增加html内容

19.获取和设置元素属性

prop方法的使用:

之前css方法可以给标签设置样式属性,那么设置标签的其他属性可以使用pro方法了

获取value属性用val方法

20.jQuery事件

常用事件:

  • click()鼠标点击
  • blur()元素失去焦点
  • focus()元素获得焦点
  • mouseover()鼠标进入(进入子元素也会触发)
  • mouseout()鼠标离开(离开子元素也会触发)
  • ready()DOM加载完成。

21.事件代理

事件代理就是利用事件冒泡的原理(事件冒泡就是事件会向他的父级一级一级传递),吧事件加到父级上,通过判断事件来源,执行相应的子元素的操作,时间代理首先可以极大减少事件绑定次数,提高性能,其次,可以让新加入的子元素也可以拥有相同的操作。

22.JavaScript对象

字符串、数值、数组、函数、自定义对象,对象可以拥有属性和方法

 方法1:通过顶级Object类型实例化一个对象

方法2:通过对象字面量创建一个对象

23.json

JavaScript Object Notation的首字母缩写,就是JavaScript对象表示法,json就是类似于JavaScript对象的字符串,同时是一种数据格式。

格式:

1.对象格式:

对象格式的json数据,使用一对大括号{},大括号里放入key:value形式的键值对,多个键值对使用逗号分隔。

2.格式说明:

json中的(key)属性名称和字符串值需要用双引号引起了,用单引号或者不用引号会导致读取数据错误

数组格式:数组格式的json数据,使用一对[]中括号,中括号里数据使用逗号分隔

[1,2,3]

3.json数据转换成JavaScript对象

json本质上是字符串,可以转换为JavaScript对象

24.Ajax

Ajax是一个前后台配合的技术,可以让JavaScript发送异步的http请求,与后台通信进行数据的获取,ajax最大的优点是实现局部刷新,ajax可以发送http请求,当获取到后台数据的时候更新页面显示数据实现局部刷新。即前端和后端进行数据交互使用ajax

在html页面使用Ajax需要在web服务器下运行,一般向自己的web服务器发送Ajax请求

使用:

jQuery将它封装成了一个方法$.ajax(),可以直接使用这个方法执行Ajax请求

参数说明:

url:请求地址

type:请求方式,默认是get,常用的还有post

dataType:设置返回的数据格式,常用的是json

data:设置发送给服务器的数据,没有参数不需要设置

success:设置请求成功后的回调函数

error:设置请求失败后的回调函数

async:设置是否异步,默认值是true,表示异步,一般不写

同步和异步说明:

同步是一个Ajax请求完成另外一个才可以请求,需要等待上一个ajax请求完成,好比线程同步

异步是多个Ajax同时请求,不需要等待其他Ajax请求完成,好比线程异步

简写方式:

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/bicheng/23808.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

【大数据】计算引擎:Spark核心概念

目录 前言 1.什么是Spark 2.核心概念 2.1.Spark如何拉高计算性能 2.2.RDD 2.3.Stage 3.运行流程 前言 本文是作者大数据系列中的一文&#xff0c;专栏地址&#xff1a; https://blog.csdn.net/joker_zjn/category_12631789.html?spm1001.2014.3001.5482 该系列会成体…

JAVA技术设计模式

设计模式结构图 设计原则 职责单一原则接口隔离原则 一个类对另一个类的依赖应该建立在最小的接口上 依赖倒置面向接口编程,参数或变量,依赖注入,使用父类 开闭原则 对扩展开放(对提供方),对修改关闭(对使用方) 用抽象构建框架,用实现扩展细节 里氏替换原则…

java中的双列集合(Map,HashMap,TreeMap,LinkedHashMap)

双列集合的特点 双列集合一次需要存一对数据&#xff0c;分别为键和值 键不能重复&#xff0c;值可以重复 键和值是一一对应的&#xff0c;每一个键只能找到自己对应的值 键值这个整体 &#xff0c;我们称之为“键值对”或者“键值对对象”&#xff0c;在Java中叫做“Entry对象…

CAPL如何发送一条UDP报文

UDP作为传输层协议,本身并不具有可靠性传输特点,所以不需要建立连接通道,可以直接发送数据。当然,前提是需要知道对方的通信端点,也就是IP地址和端口号。 端口号是传输层协议中最显著的特征,传输层根据它来确定上层绑定的应用程序,以达到把数据交给上层应用处理的目的。…

【Pytorch】计算机视觉项目——卷积神经网络TinyVGG模型图像分类(模型预测)

介绍 这篇文章是《【Pytorch】计算机视觉项目——卷积神经网络TinyVGG模型图像分类&#xff08;如何使用自定义数据集&#xff09;》的最后一部分内容&#xff1a;模型预测。 在本文中&#xff0c;我们将介绍如何测试模型的预测效果——让已训练好模型对一张新的图片进行分类&a…

在 SEO 中,一个好的网页必须具备哪些 HTML 标签和属性?

搜索引擎优化 &#xff08;SEO&#xff09; 是涉及提高网站在搜索引擎上的可见性的过程。这是通过提高网站在搜索引擎结果页面&#xff08;例如Google&#xff09;上的排名来实现的。网站在这些页面上的显示位置越高&#xff0c;就越有可能获得更大的流量。 搜索引擎优化涉及了…

跑mask2former(自用)

1. 运行docker 基本命令&#xff1a; sudo docker ps -a &#xff08;列出所有容器状态&#xff09; sudo docker run -dit -v /hdd/lyh/mask2former:/mask --gpus "device0,1" --shm-size 16G --name mask 11.1:v6 &#xff08;创建docker容器&…

Mac系统使用COLMAP

安装教程 如有出入&#xff0c;参照官网手册最新版 Installation — COLMAP 3.9-dev documentation 首先确保mac上安装了Homebrew 1.安装依赖项 brew install \cmake \ninja \boost \eigen \flann \freeimage \metis \glog \googletest \ceres-solver \qt5 \glew \cgal \s…

万里长城第一步——尚庭公寓【技术概述】

简略版&#xff1a; 项目概述主要是移动端&#xff08;房源检索&#xff1b;预约看房&#xff0c;租赁管理&#xff0c;浏览历史&#xff09;和后台管理&#xff08;管理员对房源进行操作&#xff09;&#xff1b; 项目使用前后端分离的方法&#xff0c;主要以后端为主&#xf…

rpm安装

rpm安装 命令格式&#xff1a; rpm 【选项】 文件名 选项&#xff1a; -i&#xff1a;安装软件 -v:显示安装过程信息 -h:用#表示安装进度&#xff0c;一个#代表2% -ivh&#xff1a;安装软件&#xff0c;显示安装过程 -e:卸载软件 -q:查看软件是否安装 -ql&#xff1…

信息系统项目管理师0147:工具与技术(9项目范围管理—9.3规划范围管理—9.3.2工具与技术)

点击查看专栏目录 文章目录 9.3.2 工具与技术 9.3.2 工具与技术 专家判断 规划范围管理过程中&#xff0c;应征求具备如下领域相关专业知识或接受过相关培训的个人或小组 的意见&#xff0c;涉及的领域包括&#xff1a;以往类似项目&#xff1b;特定行业、学科和应用领域的信息…

学习anjuke的过程

一、抓包 先看看12.25.1版本的APP是不是还能使用&#xff0c;如果还能使用我们就先破解低版本的。打开APP后发现还能正常使用&#xff0c;因为低版本的难度低我们就破解这个版本。低版本和高版本的算法是一样的&#xff0c;算法破解之后我们后续抓包替换接口就行了。手机安装上…

SQLAlchemy 模型中数据的错误表示

1. 问题背景 在使用 SQLAlchemy 0.6.0 版本&#xff08;也曾尝试使用 0.6.4 版本&#xff09;的 Pylons 应用程序中遇到了一个 SQLAlchemy ORM 问题。该问题出现在使用 psycopg2 作为数据库驱动程序、连接至 Postgresql 8.2 数据库的环境中。定义了一个 User 模型对象&#xf…

FreeRTOS基础(十一):消息队列

本文将详细全方位的讲解FreeRTOS的消息队列&#xff0c;其实在FreeRTOS中消息队列的重要性也不言而喻&#xff0c;与FreeRTOS任务调度同等重要&#xff0c;因为后面的各种信号量基本都是基于消息队列的。 目录 一、消息队列的简介 1.1 产生的原因 1.2 消息队列的解决办法 …

【数据库】SQL零基础入门学习

人不走空 &#x1f308;个人主页&#xff1a;人不走空 &#x1f496;系列专栏&#xff1a;算法专题 ⏰诗词歌赋&#xff1a;斯是陋室&#xff0c;惟吾德馨 目录 &#x1f308;个人主页&#xff1a;人不走空 &#x1f496;系列专栏&#xff1a;算法专题 ⏰诗词歌…

重邮计算机网络803-(2)物理层

一.物理层 1.介绍 物理层的主要任务描述为确定与传输媒体的接口的一些特性&#xff0c;即&#xff1a; ①机械特性 指明接口所用接线器的形状和尺寸、引线数目和排列、固定和锁定装置等等。 ②电气特性 指明在接口电缆的各条线上出现的电压的范围。 ③功能特性 指明某条线上…

B=2W,奈奎斯特极限定理详解

一直没搞明白奈奎斯特极限定理的含义&#xff0c;网上搜了很久也没得到答案。最近深思几天后&#xff0c;终于有了点心得。顺便吐槽一下&#xff0c;csdn的提问栏目&#xff0c;有很多人用chatgpt秒回这个事&#xff0c;实在是解决不了问题&#xff0c;有时候人的问题大多数都是…

HDFS 之 DataNode 核心知识点

优质博文&#xff1a;IT-BLOG-CN 一、DataNode工作机制 DataNode工作机制&#xff0c;如下所示&#xff1a; 【1】一个数据块在 DataNode上以文件形式存储在磁盘上&#xff0c;包括两个文件&#xff0c;一个是数据本身&#xff0c;一个是元数据包括数据块的长度&#xff0c…

前端 JS 经典:图片裁剪上传原理

前言&#xff1a;图片裁剪一般都是用户选择头像时用到&#xff0c;现在很多插件都可以满足这个功能&#xff0c;但是我们不仅要会用插件&#xff0c;还要自己懂的裁剪原理。 1. 流程 流程分为&#xff1a;1. 预览本地图片 2. 选择裁剪区域 3. 上传裁剪图像 2. 如何预览图片 …

小熊家务帮day10-day12 门户管理(缓存,主页,定时任务)

门户管理 1 门户介绍1.1 介绍1.2 常用技术方案 2 缓存技术方案2.1 需求分析2.1.1 C端用户界面原型2.1.2 缓存需求2.1.3 使用的工具 2.2 项目基础使用2.2.1 项目集成SpringCache2.2.2 测试Cacheable需求Service测试 2.1.3 缓存管理器&#xff08;设置过期时间&#xff09;2.1.4 …