Web前端基礎之HTML

一、瀏覽器

火狐瀏覽器、谷歌瀏覽器(推薦)、IE瀏覽器

推薦谷歌瀏覽器原因：
1、簡潔大方,打開速度快
2、開發者調試工具（右鍵空白處->檢查，打開調試模式）

二、開發工具

核心IDE工具

  1. Visual Studio Code (VS Code)?
    微軟開發的免費跨平臺編輯器，支持智能提示、Git集成、調試功能及豐富的擴展插件?。
    輕量高效，適用于HTML/CSS/JavaScript及主流前端框架開發?。

  2. WebStorm?
    JetBrains推出的專業前端IDE，提供智能代碼補全、重構、調試及ESLint集成?。
    適合復雜JavaScript/TypeScript項目，支持React/Vue等框架?。

  3. HBuilder?
    專為前端設計的國產工具，支持uni-app框架實現多平臺開發（小程序、H5、App）?。
    提供實時預覽和高效語法提示，適合快速迭代項目?。

三、VSCode使用

- VSCode常用快捷鍵

  1. 生成瀏覽器文件的快捷方式:！+回車
  2. 代碼格式化:Shift+Alt+F
  3. 向上或向下移動一行:Alt+Up或Alt+Down
  4. 快速復制一行代碼:Shift+Alt+Up或Shift+Alt+Down
  5. 快速保存:Ctrl+S
  6. 快速查找:Ctrl+F
  7. 快速替換:Ctrl+H
  8. 快速生成ul+li的布局：ul>li*3（數字根據自己的需要的li數量修改，ol標簽同理）
  9. 快速生成表格結構：table>tr3>td2{單元格}

- VSCode常用插件

1.快速打開瀏覽器
擴展->搜索open in browser ->點擊安裝

四、相關概念介紹

  1. HTML5介紹
    HTML5是用來描述網頁的一種語言,被稱為超文本標記語言。用HTML5編寫的文件,后綴以.html結尾。
    HTML是一種標記語言,標記語言是一套標記標簽。標簽是由尖括號包圍的關鍵字,例如:

標簽有兩種表現形式:

  • 雙標簽,例如:<html></html>
  • 單標簽,例如:<img>
  1. HTML5的DOCTYPE聲明
    DOCTYPE是document type(文檔類型)的縮寫。是H5的聲明位于文檔的最前面,處于標簽之前。他是網頁必備的組成部分,避免瀏覽器的怪異模式。
    作用：避免同樣的代碼在不同的瀏覽器上展示不同的效果

3.HTML5基本骨架

  • html標簽
    定義HTML文檔,這個元素我們瀏覽器看到后就明白這是個HTML文檔了,所以你的其他元素要包裹在它的里面,標簽限定了文檔的開始點和結束點。
<!DOCTYPE html>
<html>
</html>
  • head標簽
    head標簽用于定義文檔的頭部。文檔的頭部秒速文檔的各種屬性和信息,包括文檔的標題、在Web中的位置以及和其他文檔的關系等。絕大多數文檔頭部包含的數據都不會真正作為內容顯示給讀者。
<!DOCTYPE html>
<html><head></head>
</html>
  • body標簽
    body元素定義文檔的主體。
    body元素包含文檔的所有內容(比如文本、超鏈接、圖像、表格和列表等等)
    它會直接在頁面中顯示出來,也就是用戶可以直觀看到的內容
<!DOCTYPE html>
<html><head></head><body>我會顯示在瀏覽器中</body>
</html>
  • title標簽
  1. 可定義文檔的標題
  2. 它顯示在瀏覽器窗口的標題欄或狀態欄上
  3. title標簽是head標簽中唯一必須要求包含的東西,就是說寫head一定要寫title
  • meta標簽
    meta標簽用來描述一個HTML網頁文檔的屬性，關鍵詞等,例如:charset="utf-8"是說當前使用的是utf-8編碼格式,在開發中我們經常會看到utf-8或是gbk,這些都是編碼格式,通常使用utf-8。
    以下是基本骨架:
<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title>我是標題</title></head><body>我會顯示在瀏覽器中</body>
</html>

五、基礎語法

1. 標題介紹與應用

標題(Heading)是通過h1-h6標簽進行定義的。
h1定義最大的標題 h6定義最小的標題
示例代碼：

<!DOCTYPE html>
<html >
<head><meta charset="UTF-8"><title>Document</title>
</head>
<body><h1>一級標題</h1><h2>二級標題</h2><h3>三級標題</h3><h4>四級標題</h4><h5>五級標題</h5><h6>六級標題</h6>
</body>
</html>

技巧:快速生成h1~h6快捷鍵:h$*6

  • 正確使用標題
    請確保將HTML標題標簽只用于標題。不要僅僅是為了生成粗體或大號的文本而使用標題。
    正確使用標題有益于SEO
    應該將h1用作主標題(最重要的)，其后是h2(次重要的)，再其次是h3，以此類推

  • 標題標簽位置擺放
    在標簽中添加屬性:align="left|center|right"默認居左
    示例代碼:

<!DOCTYPE html>
<html >
<head><meta charset="UTF-8"><title>Document</title>
</head>
<body><h1 align="center">一級標題</h1><h2>二級標題</h2><h3>三級標題</h3><h4>四級標題</h4><h5>五級標題</h5><h6>六級標題</h6>
</body>
</html>

2.標簽之段落§、換行(br)、水平線(hr)

  • 標簽之段落
    段落是通過<p>標簽定義的
<p>這是一個段落</p>
<p>這是另外一個段落</p>
  • 標簽之換行—單標簽
    如果希望在不產生一個新段落的情況下進行換行(新行),請使用<br>標簽
    <br/>元素是一個空的HTML元素。即是單標簽
<p>我是一個段落標簽</p>
<p>如果你希望在不產生一個<br/>新段落的情況下進行換行</p>
  • 標簽之水平線—單標簽
    <hr/>標簽在HTML頁面中創建水平線
<hr color="" width="" size="" align=""/>

屬性：

  • color:設置水平線的顏色
  • width：設置水平線的寬度
  • size:設置水平線的高度
  • align:設置水平線的對齊方式(默認居中),可取值left|right
    <hr color="green"  width="300px" size="20px" align="left"/>
3. 圖片標簽<image>

<image>標簽定義HTML頁面中的圖像

注意事項
<image>是單標簽,不需要進行閉合操作

(1)、屬性：

  • src:路徑(圖片地址與名字)
  • alt:規定圖像的替代文本,如圖片加載失敗時,有個占位和文本提示
  • width:規定圖像的寬度
  • height:規定圖像的高度
  • title:鼠標懸停在圖片上給與提示

示例代碼：

<img src="1.jpeg" alt="圖片加載失敗了!" width="300" height="300px" title="風景畫">

(2)、圖片路徑

  • 絕對路徑
    絕對路徑是電腦的盤符存儲與訪問的具體地址
    E:\workplace\Web\1.jpeg

  • 相對路徑
    兩者相對關系，兩者在同一路徑下可以直接訪問
    子級關系：/
    父級關系：…/
    同級關系:./(可以省略)

  • 網絡路徑
    具體的網絡地址

4. 超文本鏈接

超鏈接指想跳哪里跳哪里
超鏈接描述
HTML使用標簽<a>來設置超文本鏈接
超鏈接可以是一個字，一個詞，或者一組詞,也可以是一幅圖像,可以點擊這些內容來跳轉到新的
文檔或者當前文檔中的某個部分

<a href="url">鏈接文本</a>
示例代碼:<a href="https://www.baidu.com/">點擊</a>

超鏈接屬性
在標簽<a>中使用了href屬性來描述鏈接的地址
默認情況下,鏈接將以,以下形式出現在瀏覽器中(默認效果):
一個未訪問過的鏈接顯示為藍色字體并帶有下劃線
訪問過的鏈接顯示為紫色并帶有下劃線
點擊鏈接時,鏈接顯示為紅色并帶有下劃線

特別提示:
后期我們會通過CSS樣式修改掉這些效果

5. 常用文本標簽

標簽描述
<em>定義著重文字
<b>定義粗體文本
<i>定義斜體字
<strong>定義加重語氣
<del>定義刪除字
<span>元素沒有特定的含義

特別提示
常用文本標簽和段落是不同的,段落代表一段文本,而文本標簽一般表示文本詞匯

6.列表標簽之有序列表

  • 有序列表
    有序列表是一列項目，列表項目使用數字進行標記。 有序列表始于 <ol> 標簽。每個列表項始于 <li> 標簽。
<ol><li>有序標簽1</li><li>有序標簽2</li>
</ol>
  • type屬性
    <ol>的屬性type 擁有的選項
  1. 1 表示列表項目用數字標號（1,2,3…）
  2. a 表示列表項目用小寫字母標號（a,b,c…）
  3. A 表示列表項目用大寫字母標號（A,B,C…）
  4. i 表示列表項目用小寫羅馬數字標號（i,ii,iii…）
  5. I 表示列表項目用大寫羅馬數字標號（I,II,III…）
  • 有序列表嵌套
    列表是可以進行嵌套的
<ol><li>有序標簽主目錄1</li><li><ol><li>有序標簽子目錄1</li><li>有序標簽子目錄2</li></ol></li><li>有序標簽主目錄2</li>
</ol>

示例代碼

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Document</title>
</head>
<body><ol><li>蘋果</li><li>橘子</li><li>香蕉</li></ol><ol type="a"><li>蘋果</li><li>橘子</li><li>香蕉</li></ol><ol><li>水果</li><li>蔬菜<ol><li>白菜</li><li>油菜</li><li>黃瓜</li></ol></li></ol>
</body>
</html>

7.列表標簽之無序列表

無序列表實現

無序列表是一個項目的列表，此列項目使用粗體圓點（典型的小黑圓圈）進行標記

無序列表始于 <ul> 標簽。每個列表項始于 <li> 標簽。

<ul><li>無序列表1</li><li>無序列表2</li>
</ul>
type屬性

<ul>的屬性type 擁有的選項

  • disc 默認實心圓

  • circle 空心圓

  • square 小方塊

  • none 不顯示

無序列表嵌套

列表是可以進行嵌套的

<ul><li>無序列表主目錄1</li><li><ul><li>無序列表子目錄1</li><li>無序列表子目錄2</li></ul></li><li>無序列表主目錄2</li>
</ul>
常見應用場景
  1. 無序的列表效果
  2. 導航效果

代碼示例:

<body><ul><li>無序列表1</li><li>無序列表2</li></ul><ul type="square"><li>無序列表1</li><li>無序列表2</li></ul><ul><li>無序列表主目錄1</li><li><ul><li>無序列表子目錄1</li><li>無序列表子目錄2</li></ul></li><li>無序列表主目錄2</li></ul>
</body>

8.標簽之表格

表格標簽

表格：<table>

行：<tr>

單元格(列)：<td>

表格屬性
  1. border：設置表格的邊框
  2. width：設置表格的寬度
  3. height：設置表格的高度

代碼示例:

<body><table border="1" width="400px" height="200px"><tr><td>單元格</td><td>單元格</td></tr><tr><td>單元格</td><td>單元格</td></tr><tr><td>單元格</td><td>單元格</td></tr></table>
</body>

9.表格單元格合并

  • 水平合并(橫向合并,即列之間)：colspan
  • 垂直合并(豎向合并,即行之間)：rowspan
  • 合并技巧:
    水平合并：保留左邊，刪除右邊
    垂直合并：保留上邊，刪除下邊

代碼示例:
創建55表格進行合并示例,快速創建命令:table>tr5>td*5>{單元格}

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Document</title>
</head>
<body><p>合并單元格6和7：colspan,水平合并</p><p>合并單元格15和20：rowspan,垂直合并</p><p>合并單元格16和17：colspan,水平合并,將合并后的16作為一個整體,垂直合并21和22，rowspan</p><p>水平合并：保留左邊，刪除右邊</p><p>垂直合并：保留上邊，刪除下邊</p><table border="1" width="600px" height="400px"><tr><td>單元格1</td><td>單元格2</td><td>單元格3</td><td>單元格4</td><td>單元格5</td></tr><tr><td colspan="2">單元格6,7</td><td>單元格8</td><td>單元格9</td><td>單元格10</td></tr><tr><td>單元格11</td><td>單元格12</td><td>單元格13</td><td>單元格14</td><td rowspan="2">單元格15,20</td></tr><tr><td colspan="2" rowspan="2">單元格16,17，21，22</td><td>單元格18</td><td>單元格19</td></tr><tr><td>單元格23</td><td>單元格24</td><td>單元格25</td></tr></table>
</body>
</html>

10.Form表單

表單在 Web 網頁中用來給用戶填寫信息，從而能采用戶信息，使網頁具有交互的功能。

所有的用戶輸入內容的地方都用表單來寫，如登錄注冊、搜索框

表單是由容器和控件組成的,一個表單一般應該包含用戶填寫信息的輸入框,按鈕等，這些輸入框,按鈕叫做控件,表單就是容器,它能夠容納各種各樣的控件

<form action="url" method="get|post" name="myform"></form>

屬性說明

action服務器地址

name表單名稱

method中Get和Post的區別

  1. 數據提交方式，get把提交的數據url可以看到，post看不到
  2. get一般用于提交少量數據，post用來提交大量數據
表單元素

一個完整的表單包含三個基本組成部分：表單標簽、表單域、表單按鈕

  1. 表單標簽
  2. 表單域
  3. 表單按鈕
<form><input type="text"><input type="submit">
</form>

11.表單元素

文本框

文本域通過<input type="text"> 標簽來設定，當用戶要在表單中鍵入字母、數字等內容時，就會用到文本域

密碼框

密碼字段通過標簽<input type="password"> 來定義

溫馨提示

密碼字段字符不會明文顯示，而是以星號或圓點替代

提交按鈕

當用戶單擊確認按鈕時，將數據發送給服務器

<form name="input" action="url" method="get">Username: <input type="text" name="user"><input type="submit" value="Submit">  //value 可以更改文本內容
</form>

12.塊元素與行內元素（內聯元素）

HTML5出現之前，經常把元素按照塊級元素和內聯元素來區分。在HTML5中，元素不再按照這種?式來區分， 而是按照內容模型來區分，分為元數據型(metadata content)、區塊型(sectioning content)、標題型(heading content)、文檔流型(flow content)、語句型(phrasing content)、內嵌型(embedded content)、交互型 (interactive content)。元素不屬于任何?個類別，被稱為穿透的，元素可能屬于不止?個類別，稱為混合的

詳細參考地址：https://developer.mozilla.org/zh-CN/docs/Web/Guide/HTML/Content_categories

雖然到了HTML5的版本，元素分類更細致了，但是這對初學者并不友好,所以我們仍然按照塊元素和內聯元素做區分，這對我們的布局起到了至關重要的作用

內聯元素和塊級元素的區別

塊級元素內聯元素
塊元素會在頁面中獨占一行（自上向下垂直排列）行內元素不會獨占頁面中的一行，只占自身的大小
可以設置width，height屬性行內元素設置width，height屬性無效
?般塊級元素可以包含行內元素和其他塊級元素?般內聯元素包含內聯元素不包含塊級元素

常見塊級元素

div、form、h1~h6、hr、p、table、ul、等

常見內聯元素(行內元素)

a、b、em、i、span、strong等

行內塊級元素（特點：不換行、能夠識別寬高）

button、img、input等

13.HTML5新增標簽

HTML5是HTML最新的修訂版本，2014年10月由萬維網聯盟（W3C）`完成標準制定

在HTML5出現之前，我們一般采用DIV+CSS布局我們的頁面。但是這樣的布局方式不僅使我們的文檔結構不夠清晰，而且不利于搜索引擎爬蟲對我們頁面的爬取。為了解決上述缺點，HTML5新增了很多新的語義化標簽
注意:如果要考慮兼容性問題,那就還得用DIV+CSS這種寫法,不然,就可以直接用新的標簽代替

擴展知識

div容器元素，也是頁面中見到的最多的元素

H5新標簽

  1. <header></header> 頭部
  2. <nav></nav> 導航
  3. <section></section>定義文檔中的節,比如章節、頁眉、頁腳
  4. <aside></aside> 側邊欄
  5. <footer></footer> 腳部
  6. <article></article> 代表一個獨立的、完整的相關內容塊,例如一篇完整的論壇帖子，一篇博客文章，一個用戶評論等

上面代碼等同于以下,不考慮兼容性問題,直接用上面的寫法就可以,像小米商城等,為了考慮老版本的瀏覽器,所以還是采用了下面的寫法：

<div id="header"></div><div id="nav"></div><div id="article"><div id="section"></div></div><div id="silder"></div><div id="footer"></div>

本文來自互聯網用戶投稿，該文觀點僅代表作者本人，不代表本站立場。本站僅提供信息存儲空間服務，不擁有所有權，不承擔相關法律責任。
如若轉載，請注明出處：http://www.pswp.cn/diannao/87063.shtml
繁體地址，請注明出處：http://hk.pswp.cn/diannao/87063.shtml
英文地址，請注明出處：http://en.pswp.cn/diannao/87063.shtml

如若內容造成侵權/違法違規/事實不符，請聯系多彩編程網進行投訴反饋email:809451989@qq.com，一經查實，立即刪除！

相關文章

11.TCP三次握手

11.TCP三次握手

TCP連接建立與傳輸 1&#xff0e;主機 A 與主機 B 使用 TCP 傳輸數據&#xff0c;A 是 TCP 客戶&#xff0c;B 是 TCP 服務器。假設有512B 的數據要傳輸給 B&#xff0c;B 僅給 A 發送確認&#xff1b;A 的發送窗口 swnd 的尺寸為 100B&#xff0c;而 TCP 數據報文段每次也攜帶…
閱讀更多...
Python 爬蟲入門 Day 3 - 實現爬蟲多頁抓取與翻頁邏輯

Python 爬蟲入門 Day 3 - 實現爬蟲多頁抓取與翻頁邏輯

Python 第二階段 - 爬蟲入門 &#x1f3af; 今日目標 掌握網頁分頁的原理和定位“下一頁”的鏈接能編寫循環邏輯自動翻頁抓取內容將多頁抓取整合到爬蟲系統中 &#x1f4d8; 學習內容詳解 &#x1f501; 網頁分頁邏輯介紹 以 quotes.toscrape.com 為例&#xff1a; 首頁鏈…
閱讀更多...
分布式定時任務系列12：XXL-job的任務觸發為什么是死循環？

分布式定時任務系列12：XXL-job的任務觸發為什么是死循環？

傳送門 分布式定時任務系列1&#xff1a;XXL-job安裝 分布式定時任務系列2&#xff1a;XXL-job使用 分布式定時任務系列3&#xff1a;任務執行引擎設計 分布式定時任務系列4&#xff1a;任務執行引擎設計續 分布式定時任務系列5&#xff1a;XXL-job中blockingQueue的應用 …
閱讀更多...
位運算詳解之異或運算的奇妙操作

位運算詳解之異或運算的奇妙操作

位運算詳解之異或運算的奇妙操作 一、異或運算的本質與核心性質1.1 異或運算的定義與邏輯規則1.2 異或運算的核心代數性質&#xff08;1&#xff09;自反性&#xff1a;a ^ a 0&#xff08;2&#xff09;恒等性&#xff1a;a ^ 0 a&#xff08;3&#xff09;交換律&#xff1…
閱讀更多...
Element Plus 去除下拉菜單周黑邊

Element Plus 去除下拉菜單周黑邊

問題&#xff1a; 如上圖所示&#xff0c;當鼠標移入&#xff08;hover&#xff09;和點擊時就會圍繞一圈黑色邊框&#xff0c;但通過本文的方案 100% 完美解決。 解決方案: :deep(:focus-visible) {outline: none; } 備用方案 :deep(.el-tooltip__trigger:focus-visible) …
閱讀更多...
React Native 項目實戰 —— 記賬本應用開發指南

React Native 項目實戰 —— 記賬本應用開發指南

React Native 項目實戰 —— 記賬本應用開發指南 項目概述&#xff1a;本文將指導您使用 React Native 開發一個簡單的記賬本應用&#xff0c;幫助用戶記錄收入和支出。核心內容&#xff1a;我們將分析功能模塊、設計接口、劃分組件結構、管理數據流、實現頁面跳轉&#xff0c…
閱讀更多...
從 PPO、DPO 到 GRPO：大語言模型策略優化算法解析

從 PPO、DPO 到 GRPO：大語言模型策略優化算法解析

從 PPO、DPO 到 GRPO&#xff1a;大語言模型策略優化算法解析 背景與簡介 大語言模型&#xff08;LLM&#xff09;的訓練通常分為預訓練和后訓練兩個階段。預訓練階段&#xff0c;模型在海量文本上學習下一詞預測的能力&#xff1b;后訓練階段&#xff0c;我們希望進一步對齊…
閱讀更多...
React中使用Day.js指南

React中使用Day.js指南

文章目錄 引言什么是Day.js&#xff1f;Day.js的核心特性 安裝和基礎配置安裝Day.js基礎導入和使用 在React中的基礎使用1. 顯示格式化日期2. 實時時鐘組件 常用插件配置1. 相對時間插件2. 高級格式化插件3. 時區處理插件 實戰案例&#xff1a;博客文章時間組件高級應用場景1. …
閱讀更多...
【系統設計【1】】系統設計面試方法論：從0到百萬用戶的需求到架構的推演

【系統設計【1】】系統設計面試方法論：從0到百萬用戶的需求到架構的推演

文章目錄 一、系統設計面試的底層邏輯&#xff1a;從需求到架構的推演&#xff08;一&#xff09;需求澄清&#xff1a;界定問題邊界&#xff08;二&#xff09;分層設計&#xff1a;從單節點到分布式的演進1. Web層&#xff1a;無狀態化與負載均衡2. 數據層&#xff1a;數據庫…
閱讀更多...
京津冀城市群13城市空間權重0-1矩陣

京津冀城市群13城市空間權重0-1矩陣

京津冀城市群13城市空間權重0-1矩陣 1、數據說明&#xff1a;京津冀13個城市&#xff1a;北京市、保定市、滄州市、承德市、邯鄲市、衡水市、廊坊市、秦皇島市、石家莊市、唐山市、邢臺市、張家口市、天津市、 2、指標解釋&#xff1a;空間權重矩陣是一種用于表征空間表達式的…
閱讀更多...
七大技術路線解析：自動駕駛如何被數據重新定義

七大技術路線解析：自動駕駛如何被數據重新定義

自動駕駛技術從實驗室的算法驗證走向大規模量產應用&#xff0c;是一場充滿挑戰的征程。這段征程的核心驅動力&#xff0c;不僅是芯片和傳感器的升級&#xff0c;更是一場關于數據的“喂養”競賽——從簡單的像素標注到多模態大模型的理解&#xff0c;數據需求的演變悄然推動著…
閱讀更多...
計網復習知識（16）傳輸層及其協議功能

計網復習知識（16）傳輸層及其協議功能

目錄 考研大綱 1.傳輸層概述 端口號 有連接/無連接傳輸 可靠/不可靠傳輸 2.UDP協議 2.1 udp數據報 2.2 udp檢驗 3.TCP協議 3.1 TCP協議的框架梳理 3.2 TCP報文段**** 3.3 三次握手與四次揮手 三次握手 四次揮手 3.4 可靠傳輸與流量控制 流量控制&#xff1a;滑動…
閱讀更多...
每天一個前端小知識 Day 1

每天一個前端小知識 Day 1

語義化 HTML&#xff08;Semantic HTML&#xff09; 1. 什么是語義化 HTML&#xff1f; 語義化 HTML 指的是使用符合內容含義的標簽&#xff0c;而不僅僅為了布局或樣式。例如&#xff1a; <article>…</article> <nav>…</nav> <header>…&l…
閱讀更多...
在docker中部署mysql

在docker中部署mysql

部署 MySQL&#xff08;端口 9006&#xff09; 1. 創建數據目錄 mkdir -p ~/qihuang/mysql/data2. 啟動 MySQL 容器 docker run -d \--name mysql-qihuang \-p 9006:3306 \-v ~/qihuang/mysql/data:/var/lib/mysql \-e MYSQL_ROOT_PASSWORDroot \-e MYSQL_DATABASEqihuangdb…
閱讀更多...
JavaScript基礎-事件對象

JavaScript基礎-事件對象

一、前言 在前端開發中&#xff0c;用戶與頁面的交互行為&#xff08;如點擊按鈕、輸入文本、滾動頁面等&#xff09;都會觸發相應的事件。而這些事件發生時&#xff0c;瀏覽器會自動創建一個 事件對象&#xff08;Event Object&#xff09;&#xff0c;它包含了當前事件的所有…
閱讀更多...
藍橋杯_染色_bfs_Java

藍橋杯_染色_bfs_Java

臨時抱抱佛腳&#xff0c;太浮躁了&#xff0c;藍橋杯已經快1個半月沒做題了。 本人比較菜&#xff0c;感覺這個時間節點也只能把暴力題給盡量多做做&#xff0c;找找做題手感&#xff0c;其他就純憑運氣了吧。T-T。 題目 問題描述 小藍有一個 n 行 m 列的白色棋盤, 棋盤的每一…
閱讀更多...
MySQL 究極奧義·動態乾坤大挪移·無敵行列轉換術

MySQL 究極奧義·動態乾坤大挪移·無敵行列轉換術

導入大SQL文件 [mysqld] # 大批量導入優化 bulk_insert_buffer_size1G max_allowed_packet1G innodb_autoextend_increment512M innodb_buffer_pool_size4G innodb_log_buffer_size4G innodb_log_file_size4G動態行列轉換 DROP TABLE IF EXISTS tb_score;CREATE TABLE tb_sco…
閱讀更多...
Excel大廠自動化報表實戰(互聯網金融-數據分析周報制作中)

Excel大廠自動化報表實戰(互聯網金融-數據分析周報制作中)

這是Excel大廠自動化報表實戰第三期--互聯網金融-數據分析周報制作中 數據資源已經與這篇博客捆綁&#xff0c;有需要者可以下載通過網盤分享的文件&#xff1a;2.4自動化報表-8月成交數據.xlsx&#xff0c;2.4自動化報表-8月獲客數據.csv等2個文件 鏈接: https://pan.baidu.c…
閱讀更多...
langchain從入門到精通（七）——利用回調功能調試鏈應用 - 讓過程更透明

langchain從入門到精通（七）——利用回調功能調試鏈應用 - 讓過程更透明

1. Callback 功能介紹 Callback 是 LangChain 提供的回調機制&#xff0c;允許我們在 LLM 應用程序的各個階段使用 hook &#xff08;鉤子&#xff09;。鉤子的含義也非常簡單&#xff0c;我們把應用程序看成一個一個的處理邏輯&#xff0c;從開始到結束&#xff0c;鉤子就是在…
閱讀更多...
如何使用Postman做接口自動化測試

如何使用Postman做接口自動化測試

&#x1f345; 點擊文末小卡片&#xff0c;免費獲取軟件測試全套資料&#xff0c;資料在手&#xff0c;漲薪更快 本文適合已經掌握 Postman 基本用法的讀者&#xff0c;即對接口相關概念有一定了解、已經會使用 Postman 進行模擬請求等基本操作。 工作環境與版本&#xff1a; …
閱讀更多...
最新文章

Copyright @ 2022~2023