前言

因为不在学校进行实训，由于环境的变化和气氛的变化，效率有所下滑，进度进展几乎可忽略不计了，真是惭愧！

一、完成了负责的最后一张界面——数据与图片上传、下载、删除

只是完成了大致的样子与布局，交互什么的都暂时没有实现，上传、下载、删除等操作查资料查的实在是晕头转向，最后没有进行进一步的界面布局设计，所以这个界面还是个半成品。因为对于这个界面实在是不满意，外加这个界面所涉及到的js很多，如果不先进行js的学习很难写好这个界面。是以决定先把这个界面大致布局写明，就先去进行js的学习。

二、js学习

1.alert和document

alert是弹出弹窗，document是在当前文本处输出内容，还有就是js代码通过script标签添加，该标签一般写在head标签中，也可以写到body里。type也可以不写，但是写上更规范。一个HTML里可以有多个script标签添加js文件，也可以导入外部js文件，在type后加上src=“路径”。（！+tab键可以生成HTML模板）

代码如下：

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><script type="text/javascript">alert("Hello World!");document.write("Hello!")</script>
</head>
<body></body>
</html>

结果：

2.数据处理

包括声明（var)、自动转换、强制转换等。

1.基本数据类型：
<1>数字 number 100 3.14
<2>字符串 string ‘hello’ “hello”
<3>布尔值 boolean true false
<4>特殊数据类型 null空 undefined未声明
2.复合数据类型

1.声明变量通过关键字（系统定义的有特殊功能的单词）var
<1>声明变量的时候，同时给变量赋值，叫做初始化 var age=18;
2.变量赋值var age=10; age=20;
3.可以同时定义多个变量，变量之间要用逗号隔开 var age=10,sex=“boy”;

标识符：用户自定义的所有名字叫做标识符。变量名
规律：
1.标识符必须由数字、字母、下划线和美元符号$组成
2.不能以数字开头
3.标识符区分大小写，age和Age这是两个变量
4.标识符必须见名思意

输入当前变量/常量的数据类型
【格式】 typeof 变量/常量
【注】js是弱语言
var name=“xxx”;
alert(typeof name);

自动数据类型转换：
布尔值：
true=>1
false=>0
特殊数据类型中：
null=>0
undefined=>NaN

强制数据类型转换：
1.数字0转成布尔值为false, 非0数字转成布尔值全为true
2.空字符串转成布尔值为false，非空字符串转成布尔值为true
3.null和undefined转成布尔值都是false

var tmp=Boolean(1);//true

Number() 将别的数据类型转成数字
1.布尔值 true=>1 false=>0
2.字符串纯数字字符串=>对应的数字，否则NaN
3.特殊数据类型 null=>0 undefined=>NaN
parseInt() 兼容Number的功能，取整
parseFloat() 取浮点数带小数的数字可以将别的数据类型转换成带小数的数字

3.程序三大流程控制

顺序、分支（选择）、循环
许多代码规范、编写与C++的要求十分相似！

顺序——从上朝下执行的代码

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><script type="text/javascript">//题目：输入两个数，然后交换这两个数的值，输出交换后的结果var num1=10;var num2=20;var tmp=num1;num1=num2;num2=tmp;alert("num1="+num1+", num2="+num2);</script>
</head>
<body></body>
</html>

结果：

选择——根据不同的情况，执行对应代码

if语句、switch语句
三目运算符：p1?p2:p3
若p1=true，运算p2，若p2=false，则运算p3
例如：

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><script type="text/javascript">//题目：比较大小，输出最大值var num1=10;var num2=20;var max=num1>num2?num1:num2;alert(max);</script>
</head>
<body></body>
</html>

结果：

循环——重复做一件事情
分类：while、do…while、for循环

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><script type="text/javascript">//题目：1+2+3+4+......+100=？var i=1;var sum=null;while(i<=100){sum+=i;i++;}alert(sum);</script>
</head>
<body></body>
</html>

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><script type="text/javascript">//打印100以内7的倍数var i=1;while(i<=100){if(i%7==0){document.write(i+"<br />");}i++;}</script>
</head>
<body></body>
</html>

2021-07-13 7月12日以来进度记录/学习笔记相关推荐

哔哩哔哩“2021.07.13 我们是这样崩的”报告的学习-1
哔哩哔哩"2021.07.13 我们是这样崩的"报告的学习-1 这份报告是我学计算机两年来第一次真实看到大厂的员工到底在干什么.出现了很多专有名词,以及当前最先进的互联网企业的应用 ...
12月28日 OpenCV 实战基础学习笔记——疲劳检测
文章目录前言一.眨眼疲劳检测前言本文为12月28日 OpenCV 实战基础学习笔记--疲劳检测. 一.眨眼疲劳检测 from scipy.spatial import distance as ...
12月19日 OpenCV 实战基础学习笔记——特征匹配
文章目录前言一.特征匹配 1.Brute-force 蛮力匹配 2.1 对 1 匹配 3.k 对最佳匹配二.答题卡识别前言本文为12月19日 OpenCV 实战基础学习笔记--特征匹配,分为 ...
2021年3月8日：MyBatis框架学习笔记02：利用MyBatis实现CRUD操作
MyBatis框架学习笔记02:利用MyBatis实现CRUD操作在第一节课中我们在UserMapper.xml里定义了两个查询语句:findById和findAll,对应的在UserMapper接 ...
2016年11月2日——jQuery源码学习笔记
1.jQuery()函数,即$().有四种不同的调用方式. (1)传递CSS选择器(字符串)给$()方法,返回当前文档中匹配该选择器的元素集.可选第二个参数,一个元素或jQuery对象,定义元素查询的 ...
2021年4月12日阿里供应链Java研发实习面试（一面）（含总结）
title: 2021年4月12日阿里供应链Java研发实习面试(一面) tags: 面经 2021年4月12日阿里供应链Java研发实习面试(一面) 自我介绍介绍项目你用哪个版本的Java呢?( ...
2021年3月12日北京格灵深瞳Java开发实习面试（一面）
title: 2021年3月12日北京格灵深瞳Java开发实习面试 tags: 面经 2021年3月12日北京格灵深瞳Java开发实习面试(一面) 首先上来问你问什么不做算法,转做开发呢?(因为我 ...
第二专业计算机考试成绩查询系统,2021年上半年信息系统项目管理师成绩查询时间公布（7月12日），查询入口已开通！...
2021年上半年信息系统项目管理师成绩查询时间公布!2021年7月12日上午11点3分48秒,软考办官网发布了2021年上半年计算机技术与软件专业技术资格(水平)考试成绩查询通知.2021年上半年信息 ...
2016年8月12日星期五 --出埃及记 Exodus 16:13
2016年8月12日星期五 --出埃及记 Exodus 16:13 That evening quail came and covered the camp, and in the morning ...

2021-07-13 7月12日以来进度记录/学习笔记

文章目录

前言