第五周

第一

1.location对象

1.完整的网址组成的部分:

1.协议:http协议;https协议;区别是https是加密过后的http协议;

2.域名或主机号:www.baidu.com(花了钱的主机号,域名);127.0.0.1(主机号);

3.端口号:http默认80;https默认443;

4.文件的相对路径:/../.../...;

5.查询字符串:?...&...&...;

2.location对象的跳转方法:

1.location="新跳转网址";location.replace("新网址");replace禁止后退;

2.navigator:保存着浏览器的信息;navigator.userAgent;输出的是一段字符串;根据字符串来截取浏览器版本信息等

3.客户端存储技术:

1.分为localstorage(永久保存着)以及sessionstorage(一旦关闭浏览器,就消失);

2.用法:

设置:local/sessionstorage.属性名=属性值;

读取:local/sessionstorage.属性名;

清空:local/sessionstorage.removeltem("属性名");local/sessionstorage.clear();前者删除当前的属性;后者删除所有的数据;

2.事件对象:event

1.绑定事件的三种方式:

在html页面中绑定;

在js中绑定事件;

先API绑定事件方法:elme.addEventlistener("事件名",回调函数);主流;老ie不支持;

2.获取事件对象:event;主流浏览器自带获取事件对象传入的第一个形参:老ie必须是event;兼容:e=e||evnet;

1.事件对象的使用场景:获取鼠标位置,阻止冒泡,阻止冒泡方法:e.stoppropagation(主流),e.canclebuble(老ie,主流也支持);

2.事件委托:利用事件冒泡来减少元素的绑定事件:

target:点击当前的元素,且不会改变指向;主流:e.target;老ie:e.srcElement;兼容:e=e.target||e.srcElement;

3.阻止浏览器的默认行为:一般在游戏开发时常用:e.preventDefault(主流);

4.扩展事件:右键事件:oncontexmenu;键盘按下事件:onkeydown;

3.mysql数据库:

1.三种主流关系型数据库类型:oracle(甲骨文);mysql(甲骨文);sqlserver(微软);关系型数据库即有固定格式;如表格一样;

2.操作数据库:

1.创建数据库:CREATE DATABASE IF NOT EXISTS 数据库名 CHARACTER SET utf8;

2.查看数据库:SHOW DATABASE ;

3.切换数据库:USE 数据库名称;

4.数据库的数据类型:数值整形;字符串类型;日期类型;

5.创建数据表:CREATE TABLE 表名(字段1 字段2);

6.数据的增删改查;

1.增:INSERT INTO 表名 VALUES(字段值1....);

2.删:DELETE FROM 表名(删所有的数据);DELETE FROM 表名 WHERE id=?(删当前ID的数据);

3.改:UPDATE 表名 SET 字段值=值;(改所有的改字段值);UPDATE 表名 SET 字段值=值 WHERE id=?(改当前id的字段值);

4.查:SELECT * FROM:查所有;SELECT 字段名,... FROM 表名:查当前字段名的所有;SELECT FROM 表名 WHERE id=?;查id=?的值;

4.php后端语言:

1.php基本语法:

1.输出方式:echo()

2.数据类型:1.整形int;2.浮点型float/double;3.boolean布尔值;4.string字符串形;

3.复合类型数据:1.array数组类型;2.object面向对象类型;

4.两种特殊类型:null=>空;resoule=>资源类型;

5.运算符:除了拼接是用 . 其他都一样;

6.分支,循环结构完全相同;API也相同;

2.保存前端发来的数据:$cone=$_GET/POST[ "name" ];

3.后端操作数据库:

1.创建数据库链接对象:$cone=mysqli_connect("hostname","username","userpwd","dbname");

2.设置数据库编码格式:mysqli_query($cone,"SET NAMES utf8");

3.创建sql语句:$sql="增删改查语句";

4.数据库执行sql语句:$rs=mysqli_query($cone,$sql);返回一个布尔;成功为true,else为false;

5.断开数据库的链接:mysqli_close($cone);

5.ajax:用于和后端进行数据交互的技术:同步交互和一部交互

1.使用方法:

1.创建核心对象:let obj=new xmlhttprequest();

2.建立和后端的链接:obj.open("POST/GET","XX.PHP");

3.发送请求:不需要前端发东西:obj.send(null);需要前端发东西:obj.send("key=value&key=value"...);

4.绑定事件监听:obj.onreadstatechange=()=>{

if(obj.readstate==4&&obj.status==200){

obj.responseText;    //接受后端传来的数据;

}

}

2.后端发送的数据格式:

1.xml:一直文件格式;版本号1.0;文档声明:<?xml version="1.0" encoding="utf-8"?>;放在首行首页;xml要有一个根标签。其他标签自定义

2.json:加了 单引号的数据;后端整理为单引号的格式且转为字符串;前端把数据接受过后转为原来的格式:

1.后端php:echo json_encode($arr);转为字符串的格式

2.前端:eval(jsontext);脱掉字符串的衣服转为原来的格式;json.parse(jsontext):万能公式;

第五周

上一篇:vue指令之v-cloak


下一篇:UCB CS 61A - If Function vs Statement