黑马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,一经查实,立即删除!

相关文章

开发常用软件

开发相关 代码编译 Visual Studio 2019 Visual Studio 2022 代码测试工具 LINQPad Premium 5 LINQPad 7 打包工具 Advanced Installer 反编译工具 ILSpy dnSpy spy 数据库相关 SQLite Expert Professional 5 DLL扫描工具 depends 界面设计 SvgToXaml Materi…

【大数据】计算引擎: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地址和端口号。 端口号是传输层协议中最显著的特征,传输层根据它来确定上层绑定的应用程序,以达到把数据交给上层应用处理的目的。…

Elementary OS 7.1简单桌面调整

Elementary OS的Pantheon桌面环境提供了一种非常独特和直观的用户体验。默认情况下&#xff0c;Pantheon桌面并没有提供传统的窗口最小化、最大化按钮。但是可以通过安装和使用特定的工具来调整和自定义这些设置。 可以通过以下步骤来启用窗口的最小化和最大化按钮&#xff1a…

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

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

Docker面试整理-什么是Docker Hub?

Docker Hub 是一个由 Docker, Inc. 维护的公共镜像注册服务,它允许用户分享、存储和管理 Docker 镜像。Docker Hub 提供了一个中心化的资源库,用户可以从中拉取(下载)和推送(上传)镜像,这使得它成为分享和分发容器应用的重要平台。 Docker Hub 的主要功能包括: 镜像存储…

在 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…

Python中Web表单和用户输入的处理

在现代Web应用程序中&#xff0c;处理用户输入和表单提交是必不可少的部分。在Python中&#xff0c;使用Flask框架可以非常方便地处理这些操作。本文将详细介绍如何在Flask中处理Web表单和用户输入&#xff0c;包括基本的表单创建、验证、提交和处理等方面。通过这些内容&#…

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

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

#05 深入Stable Diffusion的参数调整和优化技巧

文章目录 前言1. 理解关键参数2. 参数调整策略2.1 学习率调整2.2 批量大小优化2.3 迭代次数设置2.4 潜在空间维度选择 3. 优化技巧3.1 使用预训练模型3.2 数据增强3.3 模型微调 4. 实践建议结论 前言 Stable Diffusion作为一款强大的AI图像生成工具&#xff0c;其性能的优劣很…

centos如何压缩zip

在CentOS中&#xff0c;您可以使用zip命令来压缩文件或文件夹为ZIP格式。如果zip命令尚未安装&#xff0c;您可以通过执行以下命令来安装它&#xff1a; sudo yum install zip unzip压缩单个文件的基本命令格式为&#xff1a; zip [压缩后的文件名].zip [文件名]压缩一个文件…

rpm安装

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

什么是函数?在C语言中如何定义一个函数

函数是编程中用于执行特定任务的一组指令的集合。它有一个名称&#xff08;即函数名&#xff09;&#xff0c;可以通过该名称在程序中多次调用该函数以执行相同的任务。这有助于提高代码的可重用性和可维护性。 在C语言中&#xff0c;函数的定义通常包括以下几个部分&#xff…

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

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

UIScrollView的相关笔记

1. 当UIScrollview横向滚动时&#xff0c;如果在上面添加5个按钮&#xff0c;但当前scrollview 一页只能显示3个按钮&#xff0c;此时有一项要求&#xff0c;需要在点击第3个按钮时&#xff0c;scrollview自动向左滑动&#xff0c;显示后面的按钮等&#xff0c;需要在按钮点击方…

SpringMVC:Quartz常见问题

一、配置job的xml里<start-time>的时间格式 从源码JobSchedulingDataProcessor类中可以看出&#xff1a;格式例如&#xff08;2012-03-31T05:55:00&#xff09; /*** XML Schema dateTime datatype format.* <p>* See <a href"http://www.w3.org/TR/2001/…