- 博客(39)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 Redis基本數據結構 ― List
因為我們要看完整的List內容，所以範圍寫0 ~ -1即可。另外，因為用的是lpush，所以最早push進去的元素會在最右邊。rpush則相反，最早push進去的元素會在最左邊。
2024-04-28 17:18:57
948
原创 Redis基本數據結構 ― String
介紹字串鍵是Redis中最基本的鍵值對類型，這種類型的鍵值對會在數據庫中把單獨的一個鍵和單獨的一個值關聯起來，被關聯的鍵和值既可以是普通的文字數據，也可以是圖片、影片、音樂、壓縮檔案等更為複雜的二進制數據。String類型是二進制安全的，二進制安全是指: 存進去是什麼，拿出來就是什麼。 所以redis的String可以包含任何數據，比如數字、字串、jpg圖片或者序列化的對象。常用命令命令功能SET為字串鍵設值MSET一次為多個字串鍵設值GET獲取字串
2024-04-28 17:05:37
564
原创 Session介紹
文章目录SessionSession介紹Session IdSession的生命週期Session的數據存儲Session 在server端的儲存機制Session id 在client端的儲存機制其他常見問題用戶關閉瀏覽器後，session是否馬上失效?在瀏覽器中打開一個新窗口，訪問相同的Web站點，二個窗口對應的session id是否相同?SessionSession介紹session對象的數據類型是javax.servlet.http.HttpSession。session提供了跨越
2024-03-09 01:04:31
359
原创 SpringBoot核心註解
允許程式自動掃描包。掃描當前包和其子包下標註了@Component，@Controller，@Service，@Repository 類，並納入到Spring容器中進行管理。打開SpringBoot自動配置功能，也可以關閉某個自動配置的選項。
2024-03-07 23:43:26
273
1
原创 Bootstrap笔记(十八) 常用类别 - 垂直对齐
常用类别 - 垂直对齐垂直对齐垂直对齐Bootstrap提供以下各种垂直对齐类别:範例:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-w
2021-09-16 16:02:34
405
原创 Bootstrap笔记(十七) 常用类别 - 设定宽度、高度大小
常用类别 - 设定宽度、高度大小设定宽度设定高度设定宽度我们可以使用 .w-* 类别设定HTML元素佔父元素宽的百分比。设定值有: 25、50、75、100和auto，分别代表25%、50%、75%、100%和auto(自动，预设值)。**範例: **<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Comp
2021-09-16 15:41:17
4778
原创 Bootstrap笔记(十六) 常用类别 - 显示层级与隐藏元素
常用类别 - 显示层级显示层级隐藏元素显示层级Bootstrap提供了一些类别来变更HTML元素的CSS的display属性，而且这些类别具有响应式特点，其命名形式如下:xs的层级类别: .d - { 设定值 } sm、md、lg、xl、xxl的层级类别: .d - { 断点 } - { 设定值 } 设定值如下:none: 不显示。inline: 行内层级 (不换行)。block: 区块层级 (换行)。inline-block: 不换行，但可以设定宽度、高度、padding与ma
2021-09-16 15:08:20
978
原创 Bootstrap笔记(十五) 常用类别 - 阴影
常用类别 - 阴影阴影阴影Bootstrap提供以下类别用来设定阴影:範例:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width,
2021-09-16 11:30:04
643
1
原创 Bootstrap笔记(十四) 常用类别 - 间距
常用类别 - 间距间距间距Bootstrap提供的间距类别可以套用到 xs ~ xxl 等响应式断点，命名形式如下:xs的间距类别命名形式为 {property} {sides} - {size}sm、md、lg、xl、xxl的间距类别命名形式为 {property} {sides} - {breakpoint} - {size}property(属性)的设定值如下:m : 边界 (margin)p : 留白 (padding)sides(边)的设定值如下:t : 上方 (ex.
2021-09-16 10:56:35
3214
原创 Bootstrap笔记(十三) 常用类别 - 文绕图
常用类别 - 文绕图文绕图种类解除文绕图响应式文绕图文绕图种类靠左文绕图 .float-start 靠右文绕图 .float-end 没有文绕图 .float-none 範例:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
2021-09-15 15:44:20
526
原创 Bootstrap笔记(十二) 常用類別 - 色彩
常用類別 - 色彩文字色彩背景色彩文字色彩Bootstrap提供以下類別用來設定文字色彩 :範例: 文字色彩不同的文字色彩類別會呈現不同的文字色彩，其中最後一行在 .text-black 類別後面多加上 -50 ，讓文字色彩呈現半黑。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible"
2021-09-15 13:33:38
136
原创 Bootstrap网页切版练习(一) - 响应式交错版
交错版目标网页宽度足够时会显示两栏版面网页宽度 < 768px 时会改变排版方式程式码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=devi
2021-09-04 20:52:34
198
原创 Bootstrap笔记(十一) 表格篇
表格篇表格样式与效果表格内容的垂直对齐方式特定意义色彩类别响应式表格参考资料表格样式与效果Bootstrap提供以下类别用来设定表格样式与效果:範例1: 表格与标题 使用 .table 类别，自动套用Bootstrap提供的表格样式，包括宽度、高度、框线、背景色彩、储存格间距等。 使用 .caption-top 类别，使标题显示在表格上方。<!DOCTYPE html><html lang="en"><head> <meta cha
2021-09-04 03:02:27
689
原创 Bootstrap笔记(十) 图片篇
图片响应式图片响应式图片指的是图片会随着父元素的宽度自动缩放，最大宽度为图片的原尺寸。制作响应式图片只要在 <img>元素加上 .img-fluid 类别，图片就会套用 max-width:100%; 和 height:auto; 两个属性成为响应式图片。範例:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv=
2021-08-22 15:51:15
950
原创 Bootstrap笔记(八) 排版 - 程式碼
排版 - 程式碼Bootstrap支援下列HTML元素用來排版程式碼範例1: 各元素的效果<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-w
2021-08-19 18:22:51
102
原创 Bootstrap笔记(七) 排版 - 文字篇
排版 - 文字文字对齐Bootstrap提供了以下文字对齐类别範例:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, init
2021-08-19 16:52:09
421
原创 Bootstrap笔记(六) 排版 -段落与縮寫
段落与行内文字强调段落若要强调网页上的某个段落，可以加上 .lead 类别。範例:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-widt
2021-08-19 14:40:02
301
原创 Bootstrap笔记(五) 排版 - 标题
标题主标题Bootstrap支援 <h1> ~ <h6>等HTML标题元素，也提供 .h1 ~ .h6 类别用来设定标题1 ~ 标题6 (两种写法效果相同) ，其中h1标题的字体最大，h6字体最小。範例1: 使用HTML标题元素<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Comp
2021-08-17 17:10:49
282
原创 Bootstrap笔记(四) 网格系统 - column的宽度、位移、换行与顺序
网格系统 - column的宽度、位移、换行与顺序column的宽度我们可以使用Bootstrap提供的 .col 类别设定column宽度。範例:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="view
2021-08-12 17:27:38
1467
原创 Bootstrap笔记(三) 网格系统 - row与column的对齐方式
网格系统 - row与column的对齐方式row的垂直对齐方式我们可以使用 .align-items-* 类别设定row的垂直对齐方式。.align-items-start垂直向上对齐.align-items-center垂直置中对齐.align-items-end垂直向下对齐範例:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">
2021-08-12 03:07:25
1198
原创 Bootstrap笔记(二) 认识网格系统
认识网格系统介绍Bootstrap网格系统是透过横向的row(列)和直向的column(行)来设计网页版面，他将网页宽度平均分割为12等份，称为12个column。範例:使用两个div元素制作宽度为1:1的两栏式版面，那么这两个div元素是位于相同的row，并分别占用6个column。使用三个div元素制作宽度为1:3:2的三栏式版面，那么这三个div元素是位于相同的row，并分别占用2、6、4个column。网格选项Bootstrap针对不同的荧幕尺寸提供多种网格选项类别前
2021-08-11 18:23:21
217
原创 Bootstrap笔记(一) 网页的基本结构
Bootstrap 网页的基本结构範例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
2021-08-09 23:21:49
205
原创 切版练习笔记(五) - 超通用横式版面
标题目标Step 1.基本架构<body> <div class="wrap"> <div class="container"> <div class="item"> <div class="pic"> <img src="https://picsum.photos/400/400/?random=1">
2021-08-07 17:56:02
142
原创 切版练习笔记(四) - 交错漂浮版
交错漂浮版目标Step 1.基本架构，item里面包含图片区块和文字区块，其中图片的大小为600x350<body> <div class="wrap"> <!-- item 1 --> <div class="item"> <div class="pic"> <img src="https://picsum.photos/600/350/
2021-06-26 05:08:31
219
原创 切版练习笔记(三) - 制作人员介绍卡片
制作人员介绍卡片目标Step 1.基本架构与文字内容每个item里都有图片跟文字区块<body> <div class="wrap"> <div class="item"> <img src="https://picsum.photos/300/300/?random=1"> <div class="txt"> <h2>CS
2021-06-16 04:08:10
475
原创 切版練習筆記(二) - 製作一個圖文互動卡片
切版練習筆記(二)目標Step 1.基本架構與內容(圖片的寬度與高度都設為300)<body> <div class="wrap"> <div class="item"> <img src="https://picsum.photos/300/300/?random=1"> <div class="txt"> <h2>金魚都能
2021-06-12 19:46:05
142
原创 切版練習筆記(一) - 圖文滿版區塊
切版練習筆記(一)目標Step 1.網頁文字內容<body> <div class="banner"> <div class="container"> <div class="banner-txt"> <h1> 金魚都能懂的 <small>這個網頁怎麼切</sm
2021-05-31 17:16:07
169
原创 ＜figure＞ ＜figcaption＞筆記
介紹 <figure>標籤代表一段獨立的內容，<figure>中的內容雖然和附近的主內容 (main flow) 有關聯，但 <figure>區塊的排版是可以被隨意移動位置或整個區塊直接移除而不會影響上下文中主要內容的意思。 <figure>作為一個容器 (container)，常用來引用「文字段落」、「圖片」、「圖表」或「程式碼片段」等內容。 &n
2021-05-21 19:32:30
117
原创 Linux 上监控 Nvidia GPU 使用状况
Linux 上监控 Nvidia GPU 使用状况显示当前所有GPU的使用状况nvidia-smi輸出:周期性显示所有GPU使用状况可以藉由 -n參數來指定每隔多少時間更新GPU使用狀況，以下是每隔一秒更新一次。watch -n 1 nvidia-smi...
2021-05-13 15:24:54
692
原创 OpenPose 使用介紹
OpenPose 使用介紹OpenPose介紹三個算法模式body_25cocompiWindows上使用Videobin\OpenPoseDemo.exe --video examples/media/video.aviImagesbin\OpenPoseDemo.exe --image_dir examples/media/image_dir: 存圖片的資料夾路徑Wecambin\OpenPoseDemo.exe保存輸出結果保存json檔bin\Op
2021-05-11 22:42:52
2907
原创 Anaconda 安裝&使用基礎介绍 (Ubuntu)
Anaconda 安裝&使用基礎介绍 (Ubuntu)Ubuntu/Docker安装Step 1. 下載對應的安裝腳本wget https://repo.anaconda.com/archive/Anaconda3-2020.11-Linux-x86_64.shStep 2. 執行安裝腳本sh Anaconda3-2020.11-Linux-x86_64.sh(安裝過程一直enter & yes)Step 3. 激活 Anacondasource ~/.bashrc
2021-05-11 20:55:20
56
原创 【PyTorch】實作AutoEncoder
實作AutoEncoder訓練模型import torchimport torch.nn as nnimport torch.utils.data as dataimport torchvision# ------- Settings -------epochs = 10 # 訓練迭代次數batch_size = 128lr = 0.008 # 學習率# ------- Download Training DataSet -------# 使用MNIST DataSet，dow
2021-04-22 14:23:34
222
3
原创 AutoEncoder (AE) 介绍
Autoencoder介紹Autoencoder可以自動編碼資料，他分成兩個部分:編碼器(Encoder)和解碼器(Decoder)。架構編碼器(Encoder) : 可以降低原始資料x的維度。潛在空間(latent space) : 是用來存放經編碼器濃縮後的資料z。解碼器(Decoder) : 可依據潛在空間的濃縮資料(z)來重建原始資料，並還原到原始的維度。訓練過程(1) 將影像x輸入AE(2) 取得AE輸出(重建)的影像x*(3) 計算重建損失計算x與x*之間的差異，可使用絕對
2021-04-19 23:14:03
289
原创 【PyTorch】版本查看 / GPU的使用
【PyTorch】版本查看 / GPU的使用PyTorch 版本查看import torchprint( torch.__version__ )檢查 PyTorch 是否可使用 GPU 計算import torchprint( torch.cuda.is_available() ) # True: 可以，False: 不可以在GPU上計算使用.to()方法，可以實現Tensor在CPU和GPU上相互遷移將Tensor a 和 b 分別移動到GPU上a = torch.randn(
2021-04-09 17:59:54
915
原创 【PyTorch】淺拷貝 / 深拷貝
【PyTorch】淺拷貝 / 深拷貝淺拷貝共用同一個 memory address，數據會同步變化a = torch.randn(3,4)b = a # 賦值，a 和 b 都指向同一個對象print('a: ', a)print('b:', b)a[0][0] = 6 # 修改 a 的元素值print('a: ', a)print('b:', b) # b 中相對應的元素也發生了改變深拷貝- 使用.clone()方法a = torch.randn(3,4)b =
2021-04-09 17:20:17
98
原创 【PyTorch】 初始化張量方式
初始化張量方式生成全0矩陣# 矩陣大小為2x4，數據類型為32bit整數型torch.zeros( [2,4], dtype=torch.int32 )生成全1矩陣torch.ones( [2,4] )生成對角矩陣# 矩陣大小為3x3torch.eye(3)生成未初始化的指定大小矩陣# 矩陣大小為2x3torch.empty(2,3)利用指定值填充矩陣# 用 6 填充矩陣torch.full([2,3], fill_value=6)生
2021-04-09 16:17:02
335
空空如也
计算机视觉能选择哪些工作岗位
2021-04-22
TA创建的收藏夹 TA关注的收藏夹
TA关注的人