主頁 > 前端設計 > MySQL事務管理及存盤引擎

MySQL事務管理及存盤引擎

2020-09-14 08:45:29 前端設計

  • MySQL事務管理
    • MySQL事務概念
    • 事務的ACID特點
    • 事務控制陳述句
  • MySQL資料庫存盤引擎
    • 概述
    • 關于MyISAM存盤引擎
      • MyISAM概述
      • MyISAM的適用場景
    • InnoDB存盤引擎
      • InnoDB的概述
      • InnoDB的適用場景
    • 企業選擇存盤引擎的依據
    • 相關操作
      • 查看引擎
        • 相關語法
        • 操作
      • 修改表的存盤引擎
        • 常用陳述句
        • 操作
      • 修改默認引擎
        • 修改/etc/my.cof 組態檔中配置
        • 操作
      • 轉化存盤引擎

MySQL事務管理

MySQL事務概念

  • 是一種機制、一個操作序列,包含了一組資料庫操作命令,并且把所有的命令作為一個整體一起向系統提交或撤銷操作請求,即這一組資料庫命令要么都執行,要么都不執行

  • 是一個不可分割的作業邏輯單元,在資料庫系統上執行并發操作時,事務是最小的控制單元

  • 適用于多用戶同時操作的資料庫系統的場景,如銀行、保險公司及證券交易系統等等

  • 通過事務的整體性以保證資料的一致性

事務的ACID特點

  1. 原子性(Atomicity)
  • 事務是一個完整的操作,事務的各元素是不可分的
  • 事務中的所有元素必須作為一個整體提交或回滾
  • 如果事務中的任何元素失敗,則整個事務將失敗
  1. 一致性(Consistency)
  • 當事務完成時,資料必須處于一致狀態
  • 在事務開始前,資料庫中存盤的資料處于一致狀態
  • 在正在進行的事務中,資料可能處于不一致的狀態
  • 當事務成功完成時,資料必須再次回到已知的一致狀態
  1. 隔離性(lsolation)
  • 對資料進行修改的所有并發事務是彼此隔離的,表明事務必須是獨立的,它不應以任何方式依賴于或影響其他事務
  • 修改資料的事務可在另一個使用相同資料的事務開始之前訪問這些資料,或者在另一個使用相同資料的事務結束之后訪問這些資料
  1. 持久性(Durability)
  • 指不管系統是否發生故障,事務處理的結果都是永久的
  • —旦事務被提交,事務的效果會被永久地保留在資料庫中

事務控制陳述句

BEGIN或START TRANSACTION
COMMIT
ROLLBACK
SAVEPOINT identifier
RELEASE SAVEPOINT identifier
ROLLBACK TO identifier
SET TRANSACTION

mysql> create table user(
    -> id int(10) not null,
    -> name char(16) default '無名小卒',
    -> age int(3) default'0',
    -> primary key (id));
Query OK, 0 rows affected (0.01 sec)

mysql> desc user;
+-------+----------+------+-----+--------------+-------+
| Field | Type     | Null | Key | Default      | Extra |
+-------+----------+------+-----+--------------+-------+
| id    | int(10)  | NO   | PRI | NULL         |       |
| name  | char(16) | YES  |     | 無名小卒 	   |       |
| age   | int(3)   | YES  |     | 0            |       |
+-------+----------+------+-----+--------------+-------+
3 rows in set (0.00 sec)

mysql> insert into user values (1,'zhangshan',25);   //插入資料
Query OK, 1 row affected (0.00 sec)

mysql> select * from user;   //查看資料
+----+-----------+------+
| id | name      | age  |
+----+-----------+------+
|  1 | zhangshan |   25 |
+----+-----------+------+
1 row in set (0.00 sec)

mysql> begin;    //開始一個事務
Query OK, 0 rows affected (0.00 sec)

mysql> update user set id=2;   //更改資料,將id改為2
Query OK, 1 row affected (0.00 sec)
Rows matched: 1  Changed: 1  Warnings: 0

mysql> select * from user;   //查看更改后的資料
+----+-----------+------+
| id | name      | age  |
+----+-----------+------+
|  2 | zhangshan |   25 |
+----+-----------+------+
1 row in set (0.00 sec)

mysql> \q   //不提交事務,直接退出
Bye
[root@localhost ~]# mysql -u root -p   //再次登入
Enter password: 
Welcome to the MySQL monitor.  Commands end with ; or \g.

mysql> use bbs
Reading table information for completion of table and column names
You can turn off this feature to get a quicker startup with -A

Database changed
mysql> select * from user;  //查詢資料,發現資料有恢復原樣,沒有保存修改
+----+-----------+------+
| id | name      | age  |
+----+-----------+------+
|  1 | zhangshan |   25 |
+----+-----------+------+
1 row in set (0.00 sec)
###################### 不提交的事務是不會保存的
mysql> begin;   //開始一個事務
Query OK, 0 rows affected (0.00 sec)

mysql> update user set id=2;
Query OK, 1 row affected (0.00 sec)
Rows matched: 1  Changed: 1  Warnings: 0

mysql> select id from user;   //查看id資訊,id為2
+----+
| id |
+----+
|  2 |
+----+
1 row in set (0.00 sec)

mysql> savepoint a;   //設定一個回滾點
Query OK, 0 rows affected (0.00 sec)

mysql> update user set id=3;   //將id改為3
Query OK, 1 row affected (0.00 sec)
Rows matched: 1  Changed: 1  Warnings: 0

mysql> select id from user;
+----+
| id |
+----+
|  3 |
+----+
1 row in set (0.00 sec)

mysql> rollback to a;   //回到回滾點a之前
Query OK, 0 rows affected (0.00 sec)

mysql> select id from user;  查看id資訊,id變回了2,a之前的資訊
+----+
| id |
+----+
|  2 |
+----+
1 row in set (0.00 sec)

mysql> update user set id=4;   //修改id=4
Query OK, 1 row affected (0.00 sec)
Rows matched: 1  Changed: 1  Warnings: 0

mysql> select id from user;
+----+
| id |
+----+
|  4 |
+----+
1 row in set (0.00 sec)

mysql> savepoint b;    //設定回滾點b
Query OK, 0 rows affected (0.00 sec)

mysql> rollback to a;   //回到回滾點a之前
Query OK, 0 rows affected (0.00 sec)

mysql> rollback to b;   //再回滾到b,發現回滾點吧不存在,完完全全回到a之前,包括a之后設定的回滾點也會消失
ERROR 1305 (42000): SAVEPOINT b does not exist
mysql> commit;  //提交事務
Query OK, 0 rows affected (0.00 sec)

mysql> select id from user;   
+----+
| id |
+----+
|  2 |
+----+
1 row in set (0.00 sec)

MySQL資料庫存盤引擎

概述

  1. MySQL中的資料用各種不同的技術存盤在檔案中,每一種技術都使用不同的存盤機制、索引技巧、鎖定水平并最終提供不同的功能和能力,這些不同的技術以及配套的功能在MySQL中稱為存盤引擎
  2. 存盤引擎是MySQL將資料存盤在檔案系統中的存盤方式或者存盤格式
  3. MySQL常用的存盤引擎:
    MyISAM
    lnnoDB
  4. MySQL資料庫中的組件,負責執行實際的資料l/O操作
  5. MySQL系統中,存盤引擎處于檔案系統之上,在資料保存到資料檔案之前會傳輸到存盤引擎,之后按照各個存盤引擎的存盤格式進行存盤

關于MyISAM存盤引擎

MyISAM概述

  1. MyISAM不支持事務,也不支持外鍵
  2. 訪問速度快
  3. 對事務完整性沒有要求
  4. MyISAM在磁盤上存盤成三個檔案:
    .frm檔案存盤表定義
    資料檔案的擴展名為.MYD (MYData)
    索引檔案的擴展名是.MYI (MYIndex)
  5. 表級鎖定形式,資料在更新時鎖定整個表
  6. 資料庫在讀寫程序中相互阻塞:
    會在資料寫入的程序阻塞用戶資料的讀取
    也會在資料讀取的程序中阻塞用戶的資料寫入
  7. 資料單獨寫入或讀取,速度程序較快且占用資源相對少
  8. MylAM支持的存盤格式:
    靜態表
    動態表
    壓縮表

MyISAM的適用場景

  • 公司業務不需要事務的支持
  • 單方面讀取或寫入資料比較多的業務
  • MyISAM存盤引擎資料讀寫都比較頻繁場景不適合
  • 使用讀寫并發訪問相對較低的業務
  • 資料修改相對較少的業務
  • 對資料業務一致性要求不是非常高的業務
  • 服務器硬體資源相對比較差

InnoDB存盤引擎

InnoDB的概述

  1. 支持4個事務隔離級別
  2. 行級鎖定,但是全表掃描仍然會是表級鎖定
  3. 讀寫阻塞與事務隔離級別相關
  4. 非常高效的快取索引和資料
  5. 表與主鍵以簇的方式存盤
  6. 支持磁區、表空間,類似oracle資料庫
  7. 支持外鍵約束,5.5前不支持全文索引,5.5后支持全文索引

InnoDB的適用場景

  • 業務需要事務的支持
  • 行級鎖定對高并發有很好的適應能力,但需確保查詢是通過索引來完成
  • 業務資料更新較為頻繁的場景(如:論壇,微博等)
  • 業務資料一致性要求較高(如:銀行業務)
  • 硬體設備記憶體較大,利用lnnodb較好的快取能力來提高記憶體利用率,減少磁盤IO的壓力

企業選擇存盤引擎的依據

  1. 需要考慮每個存盤引擎提供的核心功能及應用場景
  2. 支持的欄位和資料型別:
    所有引擎都支持通用的資料型別
    但不是所有的引擎都支持其它的欄位型別,如二進制物件
  3. 鎖定型別:不同的存盤引擎支持不同級別的鎖定:
    表鎖定
    行鎖定
  4. 索引的支持
    建立索引在搜索和恢復資料庫中的資料時能顯著提高性能
    不同的存盤引擎提供不同的制作索引的技術
    有些存盤引擎根本不支持索引
  5. 事務處理的支持
    提高在向表中更新和插入資訊期間的可靠性
    可根據企業業務是否要支持事務選擇存盤引擎

相關操作

查看引擎

相關語法

show engine    //查看資料庫引擎
show table status from 表名 where name='表名'      //查看表引擎
show create table 表名  //同樣可以用于查看表引擎

操作

mysql> show engines;   //查看引擎
+--------------------+---------+----------------------------------------------------------------+--------------+------+------------+
| Engine             | Support | Comment                                                        | Transactions | XA   | Savepoints |
+--------------------+---------+----------------------------------------------------------------+--------------+------+------------+
| InnoDB             | DEFAULT | Supports transactions, row-level locking, and foreign keys     | YES          | YES  | YES        |
| MRG_MYISAM         | YES     | Collection of identical MyISAM tables                          | NO           | NO   | NO         |
| MEMORY             | YES     | Hash based, stored in memory, useful for temporary tables      | NO           | NO   | NO         |
| BLACKHOLE          | YES     | /dev/null storage engine (anything you write to it disappears) | NO           | NO   | NO         |
| MyISAM             | YES     | MyISAM storage engine                                          | NO           | NO   | NO         |
| CSV                | YES     | CSV storage engine                                             | NO           | NO   | NO         |
| ARCHIVE            | YES     | Archive storage engine                                         | NO           | NO   | NO         |
| PERFORMANCE_SCHEMA | YES     | Performance Schema                                             | NO           | NO   | NO         |
| FEDERATED          | NO      | Federated MySQL storage engine                                 | NULL         | NULL | NULL       |
+--------------------+---------+----------------------------------------------------------------+--------------+------+------------+
9 rows in set (0.00 sec)

mysql> show create table user \G;   //可以查看表的引擎  \G代表豎向排列
*************************** 1. row ***************************
       Table: user
Create Table: CREATE TABLE "user" (
  "id" int(10) NOT NULL,
  "name" char(16) DEFAULT '無名小卒',
  "age" int(3) DEFAULT '0',
  PRIMARY KEY ("id")
) ENGINE=InnoDB DEFAULT CHARSET=utf8
1 row in set (0.00 sec)

修改表的存盤引擎

常用陳述句

  create table 表名 engine=引擎型別    //創建表時指定引擎型別
  alter table 表名 engine=引擎型別   //修改表的引擎型別

操作

mysql> alter table user engine=MyISAM;  //修改表引擎為MyISAM
Query OK, 1 row affected (0.01 sec)
Records: 1  Duplicates: 0  Warnings: 0

mysql> show create table user \G;   //查看,修改成功
*************************** 1. row ***************************
       Table: user
Create Table: CREATE TABLE "user" (
  "id" int(10) NOT NULL,
  "name" char(16) DEFAULT '無名小卒',
  "age" int(3) DEFAULT '0',
  PRIMARY KEY ("id")
) ENGINE=MyISAM DEFAULT CHARSET=utf8
1 row in set (0.00 sec)

mysql> CREATE TABLE "user1" (   //創建表時指定存盤引擎
    ->   "id" int(10) NOT NULL,
    ->   "name" char(16) DEFAULT '無名小卒',
    ->   "age" int(3) DEFAULT '0',
    ->   PRIMARY KEY ("id")
    -> ) ENGINE=innodb DEFAULT CHARSET=utf8;
Query OK, 0 rows affected (0.01 sec)

mysql> show create table user1 \G;  //查看,指定成功
*************************** 1. row ***************************
       Table: user1
Create Table: CREATE TABLE "user1" (
  "id" int(10) NOT NULL,
  "name" char(16) DEFAULT '無名小卒',
  "age" int(3) DEFAULT '0',
  PRIMARY KEY ("id")
) ENGINE=InnoDB DEFAULT CHARSET=utf8
1 row in set (0.00 sec)

mysql> create table name(id int)engine=MyISAM;  //創建表時指定引擎
Query OK, 0 rows affected (0.01 sec)

mysql> show create table name \G; //查看驗證
*************************** 1. row ***************************
       Table: name
Create Table: CREATE TABLE "name" (
  "id" int(11) DEFAULT NULL
) ENGINE=MyISAM DEFAULT CHARSET=utf8
1 row in set (0.00 sec)

mysql> alter table name engine=innodb;  //使用alter陳述句修改引擎
Query OK, 0 rows affected (0.01 sec)
Records: 0  Duplicates: 0  Warnings: 0

mysql> show create table name \G;  //查看驗證,修改成功
*************************** 1. row ***************************
       Table: name
Create Table: CREATE TABLE "name" (
  "id" int(11) DEFAULT NULL
) ENGINE=InnoDB DEFAULT CHARSET=utf8
1 row in set (0.00 sec)

ERROR: 
No query specified

修改默認引擎

修改/etc/my.cof 組態檔中配置

 [mysqld]區域下配置
   	  default-storage-engine=引擎型別     //插入這條配置
 例如:default-storage-engine=InnoDB

操作

[root@localhost ~]# vi /etc/my.cnf
[mysqld]
……省略部分
default-storage-engine=myisam   //插入這條陳述句,配置默認引擎為myisam
[root@localhost ~]# systemctl restart mysqld  //重啟生效


mysql> CREATE TABLE "user2" (   //創建新表測驗
    -> "id" int(10) NOT NULL,
    -> "name" char(16) DEFAULT '無名小卒',
    -> "age" int(3) DEFAULT '0',
    -> PRIMARY KEY ("id"));
Query OK, 0 rows affected (0.01 sec)

mysql> show table status where name='user2'\G;   //查看新表,默認存盤引擎變為myisam型別
*************************** 1. row ***************************
           Name: user2
         Engine: MyISAM
        Version: 10
     Row_format: Fixed
           Rows: 0
 Avg_row_length: 0
    Data_length: 0
Max_data_length: 16044073672507391
   Index_length: 1024
      Data_free: 0
 Auto_increment: NULL
    Create_time: 2020-09-12 06:07:58
    Update_time: 2020-09-12 06:07:58
     Check_time: NULL
      Collation: utf8_general_ci
       Checksum: NULL
 Create_options: 
        Comment: 
1 row in set (0.00 sec)

mysql> show variables like '%storage_engine%';   //使用查看變數的方式查看默認引擎
+----------------------------------+--------+
| Variable_name                    | Value  |
+----------------------------------+--------+
| default_storage_engine           | MyISAM |
| default_tmp_storage_engine       | InnoDB |
| disabled_storage_engines         |        |
| internal_tmp_disk_storage_engine | InnoDB |
+----------------------------------+--------+
4 rows in set (0.00 sec)


轉化存盤引擎

這一種方式目前不是很懂,只是聽說能用,希望了解的大佬能指點一下;

格式:
Mysql_convert_table_format-user=root--password=密碼--sock=/tmp/mysql.sock-engine=引擎 庫名 表名
[root@localhost ~]#  yum -y install perl-DBI perl-DBD-MySQL
[root@localhost ~]# /usr/local/mysql/bin/mysql_convert_table_format --user=root --password='123456' --sock=/tmp/mysql.sock auth

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

標籤:其他

上一篇:Windows 10安裝Mysql和SQLyog-----很全!!!!

下一篇:hexo搭建博客 hexo init一直卡在這個頁面,想問一下大佬們該怎么解決這個問題

標籤雲
其他(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