主頁 > 前端設計 > MySQL約束與設計

MySQL約束與設計

2020-11-09 22:36:41 前端設計

1、DQL查詢陳述句

1.1、排序

通過ORDER BY 子句,可以將查詢的結果進行排序(排序只是顯示方式,不會影響資料庫資料的順序)

SELECT 欄位名 FROM 表名 WHERE 欄位=值 ORDER BY 排序欄位 ASC|DESC

ASC:升序,默認值

DESC:降序

1.1.1、單列排序

就是只按某一個欄位進行排序,

select * from students order by id asc;

1.1.2、組合排序

同時對多個欄位進行排序,如果第一個欄位相等,則按第二個欄位排序,以此類推,

SELECT 欄位名 FROM 表名 ORDER BY 欄位1 [asc|desc],欄位2 [asc|desc];

select * from students order by id asc ,age desc;

1.2、聚合函式

前面的查詢都是橫向查詢,它們都是根據條件一行一行的進行判斷,而使用聚合函式是縱向查詢,它是對一列的值進行計算,然后回傳一個結果值,聚合函式都會忽略NULL值,

五個聚合函式

聚合函式作用
max(列名)求這一列的最大值
min(列名)求這一列的最小值
avg(列名)求這一列的平均值
count(列名)統計這一列有多少條記錄
sum(列名)對這一列進行求和

語法:
SELECT 聚合函式(列名) FROM 表名;

聚合函式對于NULL的記錄不會統計,但是如果需要把NULL也統計進去怎么辦?

IFNULL(列名,默認值) 如果列名不為空,回傳列值,如果為NULL,則回傳默認值

select ifnull(age,0) from students;

select count(ifnull(age,0)) from students;
select count(age) from students;

select max(age) from students;

select min(age) from students;

select sum(age) from students;

select avg(age) from students;

select max(stuName) from students;

select min(stuName) from students;

1.3、分組

分組查詢是指使用GROUP BY 陳述句對查詢資訊進行分組,相同資料作為一組,

SELECT 欄位1,欄位2,… FROM 表名 GROUP BY 分組欄位 [HAVING 條件]

-- 根據年齡分組,查詢每組的人數
select count(id),age from students group by age;

select count(id),birthday From students group by birthday;

-- 根據年齡分組,查詢每組的人數,以及平均年齡>15
select count(id),age from students   group by age having avg(age)>20;

having與where的區別

作用
where子句對查詢結果進行分組前,將不符合where條件的行去掉,即在分組之前過濾資料,即先過濾再分組
where后面不可以使用聚合函式
having子句having子句的作用是篩選滿足條件的組,即在分組之后過濾資料,即先分組再過濾
having后面可以使用聚合函式

1.4、limit陳述句

limit是限制的意思,所以limit的作用是限制查詢記錄的條數

語法格式

SELECT *|欄位串列 [as 別名] FROM 表名 [WHERE 子句] [GROUP BY 子句][HAVING 子句][ORDER BY 子句] [limit 子句]

LIMIT offset,length;
offset:起始行數,從0開始計數,如果省略,默認就是0
length:回傳的行數

select * from students limit 2,2;

LIMIT的使用場景:分頁查詢

2、資料庫備份和還原

2.1、備份的應用場景

在服務器進行資料傳輸、資料存盤和資料交換,就有可能產生資料故障,比如發生意外停機或存盤介質損耗,這時,如果沒有采取資料備份和資料恢復手段與措施,就會導致資料的丟失,造車的損失是無法彌補的,

2.2、備份與還原的陳述句

2.2.1、備份格式

DOS下,不要登錄MYSQL資料庫,執行:
mysqldump –u用戶名 –p密碼 資料庫>檔案的路徑

2.2.2、還原格式

mysql中的命令,需要登錄后才可以操作
USE 資料庫;
SOURCE 匯入檔案的路徑;

備份
mysqldump -uroot -pRootbdit628@# db1>e:\db1.sql
還原,需要登錄資料庫
use db1;
source e:\db1.sql

3、資料庫表的約束

3.1、約束概述

3.1.1、約束作用

對表中的資料進行限制,保證資料的正確性、有效性和完整性,一個表如果添加了約束,不正確的資料無法插入到表中,約束在創建表的時候添加比較合適,

3.1.2、約束分類

約束名約束關鍵字
主鍵primary key
唯一unique
非空not null
外鍵foreign key
檢查約束check

3.2、主鍵約束

3.2.1、主鍵作用

用來唯一標識資料庫中的每一條記錄,

3.2.2、那個欄位應該做為表的主鍵

通常不用業務欄位作為主鍵,單獨給每張表設計一個id的欄位,把id作為主鍵,主鍵是給資料庫和程式使用的,不是給最終的客戶使用的,所以主鍵有沒有含義沒有關系,只要不重復,非空就行,
如:身份證,學號等都不建議做成主鍵

3.2.3、創建主鍵

主鍵關鍵字:primary key

主鍵的特點:非空、唯一

創建主鍵的方式:

1、在創建表的時候給欄位添加主鍵

欄位名 欄位型別 primary key

2、在已有表中添加主鍵

ALTER TABLE 表名 ADD PRIMARY KEY(欄位名)

-- 給已存在的表中的欄位添加主鍵
alter table students add primary key(id);

create table teachers(
 id int primary key,
 name varchar(20)
);

insert into teachers(id,name) values(1001,'張三');

3.2.4、洗掉主鍵約束

alter table 表名 drop primary key;

3.2.5、主鍵自增

主鍵如果讓我們自己添加很有可能重復,我們希望每次插入新紀錄時,資料庫自動生成主鍵欄位的值,

在mysql資料庫中,可以通過AUTO_INCREMENT在創建表的時候指定主鍵自增,AUTO_INCREMENT默認值是1

create table teachers(
 id int primary key auto_increment,
 name varchar(20)
);

3.2.6、修改AUTO_INCREMENT的默認值

創建表時指定起始值:

create table teachers(
 id int primary key auto_increment,
 name varchar(20)
)AUTO_INCREMENT=起始值;

創建好以后修改起始值:
ALTER TABLE 表名 AUTO_INCREMENT=起始值;

3.2.7 、DELETE和TRUNCATE對自增的影響

DELETE,洗掉所有的記錄之后,自增沒有影響

TRUNCATE,洗掉以后,自增又重新開始

3.3、唯一約束

就是表中某一列不能出現重復的值

唯一約束的基本格式

欄位名 欄位型別 UNIQUE

-- 唯一約束
create table teachers(
 id int primary key auto_increment,
 name varchar(20) unique
)auto_increment=1001;
insert into teachers(name) values('張三');
insert into teachers(name) values('李四');

3.4、非空約束

就是某一列不能為null

3.4.1、 基本語法

欄位名 欄位型別 NOT NULL

create table teachers(
 id int primary key auto_increment,
 name varchar(20) unique,
 age int not null
)auto_increment=1001;
insert into teachers(name) values('張三');

3.4.2 、默認值

欄位名 欄位型別 DEFAULT 默認值;

create table teachers(
 id int primary key auto_increment,
 name varchar(20) unique,
 age int not null default 0
)auto_increment=1001;
insert into teachers(name) values('張三');

如果一個欄位設定了非空與唯一約束,該欄位與主鍵的區別?

1、主鍵在一個表中,只能有一個,不能出現多個主鍵,主鍵可以是單列,也可以是多列(復合主鍵)

2、自增長只能用在主鍵上

3.5、外鍵約束

3.5.1、單表的特點

創建一個員工表包含(id,name,age,dept_name,dept_location),id主鍵并且自增

use db1;
CREATE TABLE emp(
 id INT PRIMARY KEY auto_increment,
 name varchar(20),
 age int,
 dept_name varchar(30),
 dept_location varchar(30)
);

INSERT INTO emp(name,age,dept_name,dept_location) values('張三',20,'開發部','北京');
INSERT INTO emp(name,age,dept_name,dept_location) values('李四',21,'開發部','北京');
INSERT INTO emp(name,age,dept_name,dept_location) values('王五',22,'開發部','北京');
INSERT INTO emp(name,age,dept_name,dept_location) values('趙六',20,'銷售部','上海');
INSERT INTO emp(name,age,dept_name,dept_location) values('田七',21,'銷售部','上海');
INSERT INTO emp(name,age,dept_name,dept_location) values('小明',22,'銷售部','上海');

以上資料表的缺點:資料冗余、后期還會出現增刪改的問題

3.5.2、解決方案

分成兩張表,分別是員工表(emp)、部門表(dept)

-- 部門表  主表
CREATE TABLE dept(
 id int primary key auto_increment,
 dept_name varchar(30),
 dept_location varchar(30)
);

-- 員工表
CREATE TABLE employee(
 id int primary key auto_increment,
 name varchar(20),
 age int,
 dept_id int
);

-- 添加部門
INSERT INTO dept(dept_name,dept_location) values('開發部','北京');
INSERT INTO dept(dept_name,dept_location) values('銷售部','上海');

-- 添加員工
INSERT INTO employee(name,age,dept_id) values('張三',20,1);
INSERT INTO employee(name,age,dept_id) values('李四',21,1);
INSERT INTO employee(name,age,dept_id) values('王五',22,1);
INSERT INTO employee(name,age,dept_id) values('趙六',20,2);
INSERT INTO employee(name,age,dept_id) values('田七',21,2);
INSERT INTO employee(name,age,dept_id) values('小明',22,2);

select * from employee;

問題:當我們在employee的dept_id里面輸入不存在的部門,資料依然可以添加,但是并沒有對應的部門,實際應用中不能出現這種情況,employee的dept_id中的資料只能是dept表中存在的id,

目標:需要約束employee中的dept_id只能是dept表中已經存在的id

解決方式:使用外鍵約束

3.5.3、什么是外鍵約束

什么是外鍵:在從表中與主表主鍵對應的那一列,如 員工表中的dept_id

主表:用來約束別人的表

從表:被別人約束的表

3.5.4、添加外鍵約束

新建表時添加外鍵

[CONSTRAINT] [外鍵約束名稱] FOREIGN KEY(外鍵欄位名) REFERENCES 主表名(主鍵欄位名)

已有表添加外鍵

ALTER TABLE 從表 ADD [CONSTRAINT] [外鍵約束名稱] FOREIGN KEY(外鍵欄位名) REFERENCES 主表名(主鍵欄位名)
use db1;
-- 部門表  主表
CREATE TABLE dept(
 id int primary key auto_increment,
 dept_name varchar(30),
 dept_location varchar(30)
);

-- 員工表
CREATE TABLE employee(
 id int primary key auto_increment,
 name varchar(20),
 age int,
 dept_id int,
 constraint dept_fk_emp foreign key(dept_id) references dept(id)
);

-- 添加部門
INSERT INTO dept(dept_name,dept_location) values('開發部','北京');
INSERT INTO dept(dept_name,dept_location) values('銷售部','上海');

-- 添加員工
INSERT INTO employee(name,age,dept_id) values('張三',20,1);
INSERT INTO employee(name,age,dept_id) values('李四',21,1);
INSERT INTO employee(name,age,dept_id) values('王五',22,1);
INSERT INTO employee(name,age,dept_id) values('趙六',20,2);
INSERT INTO employee(name,age,dept_id) values('田七',21,2);
INSERT INTO employee(name,age,dept_id) values('小明',22,2);
INSERT INTO employee(name,age,dept_id) values('小紅',22,5);

select * from employee;

3.5.5、洗掉外鍵約束

ALTER TABLE 從表 drop foreign key 外鍵約束名稱;

-- 洗掉employee表的外鍵約束
alter table employee drop foreign key dept_fk_emp;

-- 表存在的情況下添加外鍵約束
alter table employee add constraint emp_deptid_fk foreign key (dept_id) references dept(id);

3.5.6、外鍵的級聯

出現新的問題

-- 要把部門表中的id值為2,改成5,能不能直接更新呢?
-- Cannot delete or update a parent row: a foreign key constraint fails
update dept set id=5 where id=2;

-- 要洗掉部門id等于1的部門,能不能直接洗掉呢?
-- Cannot delete or update a parent row: a foreign key constraint fails
delete from dept where id=1;

什么是級聯操作:
在修改和洗掉主表的主鍵時,同時更新或洗掉從表的外鍵值,稱為級聯操作

級聯操作說明
ON UPDATE CASCADE級聯更新,只能是創建表的時候創建級聯關系,更新主表中的主鍵,從表中的外鍵列也自動同步更新
ON DELETE CASCADE級聯洗掉
use db1;
-- 部門表  主表
CREATE TABLE dept(
 id int primary key auto_increment,
 dept_name varchar(30),
 dept_location varchar(30)
);

-- 員工表
CREATE TABLE employee(
 id int primary key auto_increment,
 name varchar(20),
 age int,
 dept_id int,
 constraint dept_fk_emp foreign key(dept_id) references dept(id) on update cascade on delete cascade
);

-- 添加部門
INSERT INTO dept(dept_name,dept_location) values('開發部','北京');
INSERT INTO dept(dept_name,dept_location) values('銷售部','上海');

-- 添加員工
INSERT INTO employee(name,age,dept_id) values('張三',20,1);
INSERT INTO employee(name,age,dept_id) values('李四',21,1);
INSERT INTO employee(name,age,dept_id) values('王五',22,1);
INSERT INTO employee(name,age,dept_id) values('趙六',20,2);
INSERT INTO employee(name,age,dept_id) values('田七',21,2);
INSERT INTO employee(name,age,dept_id) values('小明',22,2);
INSERT INTO employee(name,age,dept_id) values('小紅',22,5);
delete from employee where name='小紅';
select * from employee;

-- 洗掉employee表的外鍵約束
alter table employee drop foreign key emp_deptid_fk;

-- 表存在的情況下添加外鍵約束
alter table employee add constraint emp_deptid_fk foreign key (dept_id) references dept(id);

select * from employee;

select * from dept;

-- 要把部門表中的id值為2,改成5,能不能直接更新呢?
-- Cannot delete or update a parent row: a foreign key constraint fails
update dept set id=5 where id=2;

-- 要洗掉部門id等于1的部門,能不能直接洗掉呢?
-- Cannot delete or update a parent row: a foreign key constraint fails
delete from dept where id=1;

4、表與表之間的關系

表與表關系的概述

現實生活中,物體與物體之間有一定的關系,比如:部門和員工,老師和學生等,那么我們在設計表的時候,就應該體現出表與表之間的這種關系,

表和表之間的三種關系:

(1)一對多:最常用的關系 部門和員工

(2)多對多:學生表和選課表,一門課程可以有多個學生選擇,一個學生可以選擇多門課程

(3)一對一:相對使用比較少,公民和身份證號碼

5、資料庫設計規范

5.1、什么是范式

好的資料設計對資料的存盤性能和后期的程式開發,都會產生至關重要的影響,建立科學的,規范化的資料庫就需要滿足一些規則來優化資料的設計和存盤,這些規則就稱為范式,

5.2、三大范式

目前關系型資料庫有六種范式:第一范式(1NF)、第二范式(2NF)、第三范式(3NF)、巴斯-科德范式、第四范式(4NF)、第五范式(5NF),又稱為完美范式,

滿足最低要求的范式是第一范式,在第一范式的基礎上進一步滿足更多的規范要求稱為第二范式,其余范式以此類推,一般來說,資料庫只需要滿足第三范式就行了,

5.3、1NF

資料庫表的每一列都是不可分割的原子資料項,不能是集合、陣列等非原子資料,即表中的某個列有多個資訊時,必須拆分為不同的列,簡而言之,第一范式每一列不可再拆分,稱為原子性,

5.4、2NF

在滿足第一范式的前提下,表中的每一個欄位都完全依賴于主鍵,

所謂完全依賴是指不能存在僅依賴主鍵一部分的列,也就是說,第二范式就是在第一范式的基礎上所有列完全依賴于主鍵,當存在一個符合主鍵包含多個主鍵列的時候,才會發生不符合第二范式的情況,比如:有一個主鍵有兩個列,部分屬性它只依賴于其中一列,這就不符合第二范式

第二范式的特點:

(1)一張表只描述一件事情

(2)表中的每一列都完全依賴于主鍵

5.5、3NF

在滿足第二范式的前提下,表中的每一列都直接依賴于主鍵,而不是通過其他的列來間接依賴于主鍵,也就是說,第三范式就是所有列不依賴其他非主鍵列,也就是在滿足2NF的基礎上,任何非主鍵列不得傳遞依賴于主鍵,所謂傳遞依賴,指定是如果存在“A-B-C”的關系,則C傳遞依賴A,因此,不滿足第三范式,

轉載請註明出處,本文鏈接:https://www.uj5u.com/qianduan/208441.html

標籤:其他

上一篇:使用AD繪制stm32最小系統的電路原理圖和PCB圖

下一篇:Redis(設計與實作):---發布與訂閱之查看訂閱資訊(PUBSUB CHANNELS/NUMSUB/NUMPAT命令)

標籤雲
其他(157675) Python(38076) JavaScript(25376) Java(17977) C(15215) 區塊鏈(8255) C#(7972) AI(7469) 爪哇(7425) MySQL(7132) html(6777) 基礎類(6313) sql(6102) 熊猫(6058) PHP(5869) 数组(5741) R(5409) Linux(5327) 反应(5209) 腳本語言(PerlPython)(5129) 非技術區(4971) Android(4554) 数据框(4311) css(4259) 节点.js(4032) C語言(3288) json(3245) 列表(3129) 扑(3119) C++語言(3117) 安卓(2998) 打字稿(2995) VBA(2789) Java相關(2746) 疑難問題(2699) 细绳(2522) 單片機工控(2479) iOS(2429) ASP.NET(2402) MongoDB(2323) 麻木的(2285) 正则表达式(2254) 字典(2211) 循环(2198) 迅速(2185) 擅长(2169) 镖(2155) 功能(1967) .NET技术(1958) Web開發(1951) python-3.x(1918) HtmlCss(1915) 弹簧靴(1913) C++(1909) xml(1889) PostgreSQL(1872) .NETCore(1853) 谷歌表格(1846) Unity3D(1843) for循环(1842)

熱門瀏覽
  • vue移動端上拉加載

    可能做得過于簡單或者比較low,請各位大佬留情,一起探討技術 ......

    uj5u.com 2020-09-10 04:38:07 more
  • 優美網站首頁,頂部多層導航

    一個個人用的瀏覽器首頁,可以把一下常用的網站放在這里,平常打開會比較方便。 第一步,HTML代碼 <script src=https://www.cnblogs.com/szharf/p/"js/jquery-3.4.1.min.js"></script> <div id="navigate"> <ul> <li class="labels labels_1"> ......

    uj5u.com 2020-09-10 04:38:47 more
  • 頁面為要加<!DOCTYPE html>

    最近因為寫一個js函式,需要用到$(window).height(); 由于手寫demo的時候,過于自信,其實對前端方面的認識也不夠體系,用文本檔案直接敲出來的html代碼,第一行沒有加上<!DOCTYPE html> 導致了$(window).height();的結果直接是整個document的高 ......

    uj5u.com 2020-09-10 04:38:52 more
  • WordPress網站程式手動升級要做好資料備份

    WordPress博客網站程式在進行升級前,必須要做好網站資料的備份,這個問題良家佐言是遇見過的;在剛開始接觸WordPress博客程式的時候,因為升級問題和博客網站的修改的一些嘗試,良家佐言是吃盡了苦頭。因為購買的是西部數碼的空間和域名,每當佐言把自己的WordPress博客網站搞到一塌糊涂的時候 ......

    uj5u.com 2020-09-10 04:39:30 more
  • WordPress程式不能升級為5.4.2版本的原因

    WordPress是一款個人博客系統,受到英文博客愛好者和中文博客愛好者的追捧,并逐步演化成一款內容管理系統軟體;它是使用PHP語言和MySQL資料庫開發的,用戶可以在支持PHP和MySQL資料庫的服務器上使用自己的博客。每一次WordPress程式的更新,就會牽動無數WordPress愛好者的心, ......

    uj5u.com 2020-09-10 04:39:49 more
  • 使用CSS3的偽元素進行首字母下沉和首行改變樣式

    網頁中常見的一種效果,首字改變樣式或者首行改變樣式,效果如下圖。 代碼: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, ......

    uj5u.com 2020-09-10 04:40:09 more
  • 關于a標簽的講解

    什么是a標簽? <a> 標簽定義超鏈接,用于從一個頁面鏈接到另一個頁面。 <a> 元素最重要的屬性是 href 屬性,它指定鏈接的目標。 a標簽的語法格式:<a href=https://www.cnblogs.com/summerxbc/p/"指定要跳轉的目標界面的鏈接">需要展示給用戶看見的內容</a> a標簽 在所有瀏覽器中,鏈接的默認外觀如下: 未被訪問的鏈接帶 ......

    uj5u.com 2020-09-10 04:40:11 more
  • 前端輪播圖

    在需要輪播的頁面是引入swiper.min.js和swiper.min.css swiper.min.js地址: 鏈接:https://pan.baidu.com/s/15Uh516YHa4CV3X-RyjEIWw 提取碼:4aks swiper.min.css地址 鏈接:https://pan.b ......

    uj5u.com 2020-09-10 04:40:13 more
  • 如何設定html中的背景圖片(全屏顯示,且不拉伸)

    1 <style>2 body{background-image:url(https://uploadbeta.com/api/pictures/random/?key=BingEverydayWallpaperPicture); 3 background-size:cover;background ......

    uj5u.com 2020-09-10 04:40:16 more
  • Java學習——HTML詳解(上)

    HTML詳解 初識HTML Hyper Text Markup Language(超文本標記語言) 1 <!--DOCTYPE:告訴瀏覽器我們要使用什么規范--> 2 <!DOCTYPE html> 3 <html lang="en"> 4 <head> 5 <!--meta 描述性的標簽,描述一些 ......

    uj5u.com 2020-09-10 04:40:33 more
最新发布
  • 我的第一個NPM包:panghu-planebattle-esm(胖虎飛機大戰)使用說明

    好家伙,我的包終于開發完啦 歡迎使用胖虎的飛機大戰包!! 為你的主頁添加色彩 這是一個有趣的網頁小游戲包,使用canvas和js開發 使用ES6模塊化開發 效果圖如下: (覺得圖片太sb的可以自己改) 代碼已開源!! Git: https://gitee.com/tang-and-han-dynas ......

    uj5u.com 2023-04-20 07:59:23 more
  • 生產事故-走近科學之消失的JWT

    入職多年,面對生產環境,盡管都是小心翼翼,慎之又慎,還是難免捅出簍子。輕則滿頭大汗,面紅耳赤。重則系統停擺,損失資金。每一個生產事故的背后,都是寶貴的經驗和教訓,都是專案成員的血淚史。為了更好地防范和遏制今后的各類事故,特開此專題,長期更新和記錄大大小小的各類事故。有些是親身經歷,有些是經人耳傳口授 ......

    uj5u.com 2023-04-18 07:55:04 more
  • 記錄--Canvas實作打飛字游戲

    這里給大家分享我在網上總結出來的一些知識,希望對大家有所幫助 打開游戲界面,看到一個畫面簡潔、卻又富有挑戰性的游戲。螢屏上,有一個白色的矩形框,里面不斷下落著各種單詞,而我需要迅速地輸入這些單詞。如果我輸入的單詞與螢屏上的單詞匹配,那么我就可以獲得得分;如果我輸入的單詞錯誤或者時間過長,那么我就會輸 ......

    uj5u.com 2023-04-04 08:35:30 more
  • 了解 HTTP 看這一篇就夠

    在學習網路之前,了解它的歷史能夠幫助我們明白為何它會發展為如今這個樣子,引發探究網路的興趣。下面的這張圖片就展示了“互聯網”誕生至今的發展歷程。 ......

    uj5u.com 2023-03-16 11:00:15 more
  • 藍牙-低功耗中心設備

    //11.開啟藍牙配接器 openBluetoothAdapter //21.開始搜索藍牙設備 startBluetoothDevicesDiscovery //31.開啟監聽搜索藍牙設備 onBluetoothDeviceFound //30.停止監聽搜索藍牙設備 offBluetoothDevi ......

    uj5u.com 2023-03-15 09:06:45 more
  • canvas畫板(滑鼠和觸摸)

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>canves</title> <style> #canvas { cursor:url(../images/pen.png),crosshair; } #canvasdiv{ bo ......

    uj5u.com 2023-02-15 08:56:31 more
  • 手機端H5 實作自定義拍照界面

    手機端 H5 實作自定義拍照界面也可以使用 MediaDevices API 和 <video> 標簽來實作,和在桌面端做法基本一致。 首先,使用 MediaDevices.getUserMedia() 方法獲取攝像頭媒體流,并將其傳遞給 <video> 標簽進行渲染。 接著,使用 HTML 的 < ......

    uj5u.com 2023-01-12 07:58:22 more
  • 記錄--短視頻滑動播放在 H5 下的實作

    這里給大家分享我在網上總結出來的一些知識,希望對大家有所幫助 短視頻已經無數不在了,但是主體還是使用 app 來承載的。本文講述 H5 如何實作 app 的視頻滑動體驗。 無聲勝有聲,一圖頂百辯,且看下圖: 網址鏈接(需在微信或者手Q中瀏覽) 從上圖可以看到,我們主要實作的功能也是本文要講解的有: ......

    uj5u.com 2023-01-04 07:29:05 more
  • 一文讀懂 HTTP/1 HTTP/2 HTTP/3

    從 1989 年萬維網(www)誕生,HTTP(HyperText Transfer Protocol)經歷了眾多版本迭代,WebSocket 也在期間萌芽。1991 年 HTTP0.9 被發明。1996 年出現了 HTTP1.0。2015 年 HTTP2 正式發布。2020 年 HTTP3 或能正... ......

    uj5u.com 2022-12-24 06:56:02 more
  • 【HTML基礎篇002】HTML之form表單超詳解

    ??一、form表單是什么

    ??二、form表單的屬性

    ??三、input中的各種Type屬性值

    ??四、標簽 ......

    uj5u.com 2022-12-18 07:17:06 more