主頁 > 前端設計 > STM32——通用定時器TIM3實作一路可調PWM波的輸出(頻率不變10KHZ,占空比可調)

STM32——通用定時器TIM3實作一路可調PWM波的輸出(頻率不變10KHZ,占空比可調)

2020-10-05 16:26:46 前端設計

小編又回顧了一下野火的高級定時器的視頻,然后就想實作一個串口控制實作可調PWM波的實作,整了兩天終于搞明白咋回事了,我太菜了,下面不多說直接上實驗
工程是在野火的源檔案的基礎上修改的,不要噴昂
工程里的User檔案包括以下內容:
圖1
其中的GeneralTim檔案夾包含:bsp_GeneralTim.c和bsp_GeneralTim.h
Usart檔案夾包含:bsp_usart.c和bsp_usart.h

好了,直接上代碼:
main.c

// TIM—通用定時器(TIM3)-1路(通道3)可調PWM輸出應用
#include "stm32f10x.h"
#include "bsp_GeneralTim.h"
#include "bsp_usart.h"
uint16_t GENERAL_TIM_Period=9;//主函式中的周期的全域變數,周期初始化給個值9(TIM內部暫存器函式輸出比較暫存器值是5)
uint16_t CCR_Valeur_Fix=5; //給GENERAL_TIM_Mode_Config中的形參CCR_Valeur_Fix設定一個固定值 

static void Show_Message(void);
/**
  * @brief  主函式
  * @param  無  
  * @retval 無
  */
int main(void)
{
//定義變數,獲取串口發來的資料
 char ch;  
 /* 定時器初始化 ,先給一個固定的脈沖*/
 GENERAL_TIM_GPIO_Config();
 GENERAL_TIM_Mode_Config(GENERAL_TIM_Period,CCR_Valeur_Fix); 
/*串口初始化*/
 USART_Config();
Show_Message();
while(1)
  { 
  ch=getchar();
  switch(ch){
      case '0':
       CCR_Valeur_Fix--; //占空比變小******
          printf("\r\n   減速 \n");
         break;
   case '1':
       CCR_Valeur_Fix++;  //占空比變大*****
    printf("\r\n   加速了 \n");
         break;
    } 
    if(((GENERAL_TIM_Period >= CCR_Valeur_Fix)&&(CCR_Valeur_Fix>=0))==1) { //控制占空比在0-1之間 *****
     GENERAL_TIM_Mode_Config(GENERAL_TIM_Period,CCR_Valeur_Fix);
   }else{printf("\r\n   請改變控制方式 \n");}
  } 
}
static void Show_Message(void)
{
  printf("\r\n   這是一個通過串口通信指令控制A5電平的實驗 \n");
  printf("使用  USART  引數為:%d 8-N-1 \n",DEBUG_USART_BAUDRATE);
  printf("開發板接到指令后A5電平,指令對應如下:\n");
  printf("     0    ------    加速 \n");
  printf("     1    ------    減速 \n");
}
/*********************************************END OF FILE**********************/

總結:(周期常量GENERAL_TIM_Period)和CRR(占空比:輸出比較暫存器CCR_Valeur_Fix)的大小比較,因為占空比是不會大于1的,所以加了f陳述句,if陳述句用于限制占空比在0-1的范圍內,實質上就是限制ARR始終大于或等于CCR并且CCR大于或等于0控制操作才有效,

bsp_usart.h

#ifndef __USART_H
#define __USART_H
#include "stm32f10x.h"
#include <stdio.h>
/** 
  * 串口宏定義,不同的串口掛載的總線不一樣,移植時需要修改這幾個宏
  */
#define  DEBUG_USARTx                   USART1
#define  DEBUG_USART_CLK                RCC_APB2Periph_USART1
#define  DEBUG_USART_APBxClkCmd         RCC_APB2PeriphClockCmd
#define  DEBUG_USART_BAUDRATE           115200

// USART GPIO 引腳宏定義
#define  DEBUG_USART_GPIO_CLK           (RCC_APB2Periph_GPIOA)
#define  DEBUG_USART_GPIO_APBxClkCmd    RCC_APB2PeriphClockCmd

#define  DEBUG_USART_TX_GPIO_PORT         GPIOA   
#define  DEBUG_USART_TX_GPIO_PIN          GPIO_Pin_9
#define  DEBUG_USART_RX_GPIO_PORT       GPIOA
#define  DEBUG_USART_RX_GPIO_PIN        GPIO_Pin_10

#define  DEBUG_USART_IRQ                USART1_IRQn
#define  DEBUG_USART_IRQHandler         USART1_IRQHandler

void USART_Config(void);
void Usart_SendByte( USART_TypeDef * pUSARTx, uint8_t ch);
void Usart_SendString( USART_TypeDef * pUSARTx, char *str);
void Usart_SendHalfWord( USART_TypeDef * pUSARTx, uint16_t ch);

#endif /* __USART_H */

bsp_usart.c

#include "bsp_usart.h"
/**
  * @brief  USART GPIO 配置,作業引數配置
  * @param  無
  * @retval 無
  */
  void USART_Config(void)
{
 GPIO_InitTypeDef GPIO_InitStructure;
 USART_InitTypeDef USART_InitStructure;
 
// 打開串口GPIO的時鐘
 DEBUG_USART_GPIO_APBxClkCmd(DEBUG_USART_GPIO_CLK, ENABLE);
 // 打開串口外設的時鐘
 DEBUG_USART_APBxClkCmd(DEBUG_USART_CLK, ENABLE);
// 將USART Tx的GPIO配置為推挽復用模式
 GPIO_InitStructure.GPIO_Pin = DEBUG_USART_TX_GPIO_PIN;
 GPIO_InitStructure.GPIO_Mode = GPIO_Mode_AF_PP;
 GPIO_InitStructure.GPIO_Speed = GPIO_Speed_50MHz;
 GPIO_Init(DEBUG_USART_TX_GPIO_PORT, &GPIO_InitStructure);
 
// 將USART Rx的GPIO配置為浮空輸入模式
 GPIO_InitStructure.GPIO_Pin = DEBUG_USART_RX_GPIO_PIN;
 GPIO_InitStructure.GPIO_Mode = GPIO_Mode_IN_FLOATING;
 GPIO_Init(DEBUG_USART_RX_GPIO_PORT, &GPIO_InitStructure);

// 配置串口的作業引數
 // 配置波特率
 USART_InitStructure.USART_BaudRate = DEBUG_USART_BAUDRATE;
 // 配置 針資料字長
 USART_InitStructure.USART_WordLength = USART_WordLength_8b;
 // 配置停止位
 USART_InitStructure.USART_StopBits = USART_StopBits_1;
 // 配置校驗位
 USART_InitStructure.USART_Parity = USART_Parity_No ;
 // 配置硬體流控制
 USART_InitStructure.USART_HardwareFlowControl = 
 USART_HardwareFlowControl_None;
 // 配置作業模式,收發一起
 USART_InitStructure.USART_Mode = USART_Mode_Rx | USART_Mode_Tx;
 // 完成串口的初始化配置
 USART_Init(DEBUG_USARTx, &USART_InitStructure); 

// 使能串口
 USART_Cmd(DEBUG_USARTx, ENABLE);
 }

/*****************  發送一個字符 **********************/
void Usart_SendByte( USART_TypeDef * pUSARTx, uint8_t ch)
{
 /* 發送一個位元組資料到USART */
 USART_SendData(pUSARTx,ch);
/* 等待發送資料暫存器為空 */
 while (USART_GetFlagStatus(pUSARTx, USART_FLAG_TXE) == RESET); 
}

/*****************  發送字串 **********************/
void Usart_SendString( USART_TypeDef * pUSARTx, char *str)
{
	unsigned int k=0;
  do 
  {
      Usart_SendByte( pUSARTx, *(str + k) );
      k++;
  } while(*(str + k)!='\0');
  /* 等待發送完成 */
  while(USART_GetFlagStatus(pUSARTx,USART_FLAG_TC)==RESET)
  {}
}

/*****************  發送一個16位數 **********************/
void Usart_SendHalfWord( USART_TypeDef * pUSARTx, uint16_t ch)
{ 
uint8_t temp_h, temp_l;
/* 取出高八位 */
 temp_h = (ch&0XFF00)>>8;
 /* 取出低八位 */
 temp_l = ch&0XFF;
 /* 發送高八位 */
 USART_SendData(pUSARTx,temp_h); 
 while (USART_GetFlagStatus(pUSARTx, USART_FLAG_TXE) == RESET);
/* 發送低八位 */
 USART_SendData(pUSARTx,temp_l); 
 while (USART_GetFlagStatus(pUSARTx, USART_FLAG_TXE) == RESET); 
}

///重定向c庫函式printf到串口,重定向后可使用printf函式
int fputc(int ch, FILE *f)
{
  /* 發送一個位元組資料到串口 */
  USART_SendData(DEBUG_USARTx, (uint8_t) ch);
/* 等待發送完畢 */
  while (USART_GetFlagStatus(DEBUG_USARTx, USART_FLAG_TXE) == RESET);  
return (ch);
}

///重定向c庫函式scanf到串口,重寫向后可使用scanf、getchar等函式
int fgetc(FILE *f)
{
  /* 等待串口輸入資料 */
  while (USART_GetFlagStatus(DEBUG_USARTx, USART_FLAG_RXNE) == RESET);
return (int)USART_ReceiveData(DEBUG_USARTx);
}

整個bsp_usart.c和bsp_usart.h檔案我是直接移植野火的程式來的,初始化了usart1串口,因為沒有涉及中斷服務程式,所以.c檔案里也沒有移植什么優先級配置函式

bsp_GeneralTim.h

#ifndef __BSP_GENERALTIME_H
#define __BSP_GENERALTIME_H
#include "stm32f10x.h"
/************通用定時器TIM引數定義,只限TIM2、3、4、5************/
// 當使用不同的定時器的時候,對應的GPIO是不一樣的,這點要注意
// 我們這里默認使用TIM3
#define            GENERAL_TIM                   TIM3
#define            GENERAL_TIM_APBxClock_FUN     RCC_APB1PeriphClockCmd
#define            GENERAL_TIM_CLK               RCC_APB1Periph_TIM3
#define            GENERAL_TIM_Prescaler         720  //72M/720=10KHz頻率
// TIM3 輸出比較通道3(B0)
#define            GENERAL_TIM_CH3_GPIO_CLK      RCC_APB2Periph_GPIOB
#define            GENERAL_TIM_CH3_PORT          GPIOB
#define            GENERAL_TIM_CH3_PIN           GPIO_Pin_0

/**************************函式宣告********************************/
//下面的這兩個函式即可實作通用定時器TIM3的通道3的PWM波可調
//初始化TIM3的GPIO外設
void GENERAL_TIM_GPIO_Config(void);
//TIM3通用定時器的內部暫存器設定(這個引數很重要,通過ARR周期不變,改變CCR高電平時間的方式實作PWM波的可調)
void GENERAL_TIM_Mode_Config(uint16_t GENERAL_TIM_Period,uint16_t CCR_Valeur_Fix);
#endif /* __BSP_GENERALTIME_H */

bsp_GeneralTim.c

#include "bsp_GeneralTim.h" 
void GENERAL_TIM_GPIO_Config(void) 
{
  GPIO_InitTypeDef GPIO_InitStructure;

// 輸出比較通道3 GPIO 初始化
 RCC_APB2PeriphClockCmd(GENERAL_TIM_CH3_GPIO_CLK, ENABLE);
  GPIO_InitStructure.GPIO_Pin =  GENERAL_TIM_CH3_PIN;
  GPIO_InitStructure.GPIO_Mode = GPIO_Mode_AF_PP;
  GPIO_InitStructure.GPIO_Speed = GPIO_Speed_50MHz;
  GPIO_Init(GENERAL_TIM_CH3_PORT, &GPIO_InitStructure);
}
///*
// * 注意:TIM_TimeBaseInitTypeDef結構體里面有5個成員,TIM6和TIM7的暫存器里面只有
// * TIM_Prescaler和TIM_Period,所以使用TIM6和TIM7的時候只需初始化這兩個成員即可,
// * 另外三個成員是通用定時器和高級定時器才有.
// *-----------------------------------------------------------------------------
// *typedef struct
// *{ TIM_Prescaler            都有
// * TIM_CounterMode        TIMx,x[6,7]沒有,其他都有
// *  TIM_Period               都有
// *  TIM_ClockDivision        TIMx,x[6,7]沒有,其他都有
// *  TIM_RepetitionCounter    TIMx,x[1,8,15,16,17]才有
// *}TIM_TimeBaseInitTypeDef; 
// *-----------------------------------------------------------------------------
// */

/* ----------------   PWM信號 周期和占空比的計算--------------- */
// ARR :自動重裝載暫存器的值
// CLK_cnt:計數器的時鐘,等于 Fck_int / (psc+1) = 72M/(psc+1)
// PWM 信號的周期 T = ARR * (1/CLK_cnt) = ARR*(PSC+1) / 72M
// 占空比P=CCR/(ARR+1)

void GENERAL_TIM_Mode_Config(uint16_t GENERAL_TIM_Period,uint16_t CCR_Valeur_Fix)
{
  // 開啟定時器時鐘,即內部時鐘CK_INT=72M
 GENERAL_TIM_APBxClock_FUN(GENERAL_TIM_CLK,ENABLE);
/*--------------------時基結構體初始化-------------------------*/
TIM_TimeBaseInitTypeDef  TIM_TimeBaseStructure;
 // 自動重裝載暫存器的值,累計TIM_Period+1個頻率后產生一個更新或者中斷
 TIM_TimeBaseStructure.TIM_Period=GENERAL_TIM_Period; 
 // 驅動CNT計數器的時鐘 = Fck_int/(psc+1)
 TIM_TimeBaseStructure.TIM_Prescaler= GENERAL_TIM_Prescaler; 
 // 時鐘分頻因子 ,配置死區時間時需要用到
 TIM_TimeBaseStructure.TIM_ClockDivision=TIM_CKD_DIV1;  
 // 計數器計數模式,設定為向上計數
 TIM_TimeBaseStructure.TIM_CounterMode=TIM_CounterMode_Up;  
 // 重復計數器的值,沒用到不用管
 TIM_TimeBaseStructure.TIM_RepetitionCounter=0; 
 // 初始化定時器
 TIM_TimeBaseInit(GENERAL_TIM, &TIM_TimeBaseStructure);

/*--------------------輸出比較結構體初始化-------------------*/ 
 // CCR占空比配置,通過引數配置一個固定值
uint16_t CCR3_Val = CCR_Valeur_Fix;
TIM_OCInitTypeDef  TIM_OCInitStructure;
 // 配置為PWM模式1
 TIM_OCInitStructure.TIM_OCMode = TIM_OCMode_PWM1;
 // 輸出使能
 TIM_OCInitStructure.TIM_OutputState = TIM_OutputState_Enable;
 // 輸出通道電平極性配置 
 TIM_OCInitStructure.TIM_OCPolarity = TIM_OCPolarity_High;
// 輸出比較通道 3
 TIM_OCInitStructure.TIM_Pulse = CCR3_Val;
 TIM_OC3Init(GENERAL_TIM, &TIM_OCInitStructure);
 TIM_OC3PreloadConfig(GENERAL_TIM, TIM_OCPreload_Enable);
// 使能計數器
 TIM_Cmd(GENERAL_TIM, ENABLE);
}
/*********************************************END OF FILE**********************/

bsp_GeneralTim.c和bsp_GeneralTim.h檔案我是在野火的通用暫存器輸出四路不同PWM波的原碼上修改的;要修改的步驟如下:
1、bsp_GeneralTim.h檔案中僅保留“TIM3 輸出比較通道3”的通道宏定義,并洗掉了周期的宏定義GENERAL_TIM_Period
2、bsp_GeneralTim.c檔案中將原本的無引數函式static void GENERAL_TIM_Mode_Config(void),改變為有引數函式void GENERAL_TIM_Mode_Config(uint16_t GENERAL_TIM_Period,uint16_t CCR_Valeur_Fix),前一個引數定周期長度,后一個引數定高電平長度,其次不使用void GENERAL_TIM_Init(void);因為要實作PWM的可調的話,對應GPIO和定時器的初始化必須分開,通過在主函式whlie不斷回圈查詢串口發來的信號并利用switch判斷調整變數uint16_t CCR_Valeur_Fix的值,再呼叫void GENERAL_TIM_Mode_Config(uint16_t GENERAL_TIM_Period,uint16_t CCR_Valeur_Fix)使得引腳的PWM輸出發生改變,

實驗圖
1、程式剛下載后,PWM輸出的情況

圖1
2、串口發送幾次‘0’信號的情況
圖23、串口發送幾次‘1’的情況
圖3
4、CCR的值小于0或CCR好ARR的比值大于1的情況
圖4
圖5

最后敲黑板

記住這幾個暫存器很重要
計數器 CNT
自動多載暫存器 ARR
CCR輸出比較暫存器
*****CNT從 0開始計數,當 CNT<CCR的 值時,OCxREF 為有效的高電平,于此同時,比較中斷暫存器 CCxIF 置位,當 CCR=<CNT<=ARR 時,OCxREF 為無效的低電平,然后 CNT 又從 0 開始計數并生成計數 器上溢事件,以此回圈往復,

重點:這個實驗的重點在于bsp_GeneralTim.c中的

void GENERAL_TIM_Mode_Config(uint16_t GENERAL_TIM_Period,uint16_t CCR_Valeur_Fix){} 函式;在這個實驗中我們讓引數uint16_t GENERAL_TIM_Period不變,在main.c中給了個常量,將引數uint16_t CCR_Valeur_Fix作為變數,這樣我們就可以得到一個頻率不變(本實驗為10KHz),而占空比改變的PWM波,

如果我們使得uint16_t CCR_Valeur_Fix作為常量,而uint16_t GENERAL_TIM_Period作為變數,則可以實作得到一個頻率變化的可調PWM波,有興趣的同學可以試試,

希望對大家的學習有幫助,嘻嘻,

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

標籤:其他

上一篇:只需簡單三步,就能輕松下載Facebook上的視頻

下一篇:基于STC單片機和AHT10溫濕度傳感器的溫濕度計的設計

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