原创 es6 字符串與正則表達式 學習總結

<!-- ==================es6 字符串 unicode=============== 文字編碼:早期計算機的資源寶貴,內存大小比較小。unnicode使用16位二進制來存儲文字,

原创 bootstrap 插件 字體圖標庫 按鈕庫 日期插件

================字體圖標(3.x的版本可以使用250個免費,4.x不可以使用)====================== 使用方法: 外部引用 bootstrap css,引入字

原创 bootstrap 組件之卡片總結

card 在bootstrap3.x的版本是沒有, 在bootstrap4.x裏面纔會有 card支持自動響應式 使用類名card 來標記爲card 使用方法: <div class="container

原创 bootstrap 組件 警告框 徽章 麪包屑導航 按鈕 按鈕組 學習總結

//警告框 使用類名 alert 使用方法:顏色有8個, 需要額外添加類名 alert-primary/success/danger 等 <div class="container"> <d

原创 bootstrap 工具類名總結 適合初學者

// 邊框 添加邊框 使用類名 border(四周加上邊框) border-top border-left border-bottom border-right 去掉邊框 使用類名 border-0(刪除四周的邊

原创 bootstrap柵格系統的使用 適合初學者

/ 柵格系統底層依託於媒體查詢 使用柵格系統最外層必須使用: container-fluid: 寬度是100%,取的是body的寬度 <div class="container-fulid"> // 行

原创 canvas實現海報 兩張圖片合成一張並且可以保存

<style> * { margin: 0; padding: 0; } :root, html,

原创 canvas 實現雪花飄落 html5

<style> * { margin: 0; padding: 0; } :root, html,

原创 bootstrap 內容總結

bootstrap 中的css根節點裏面生命了許多的變量: 如: :root{ --bule: xxx, --yellow: xxx } 使用方法: 使用的時候使

原创 bootstrap簡介 原理

bootstrap簡介=========== 一個響應式的框架(自適應), pc端網站使用下降,移動端使用的網站上升 4.3.1 最新版本 3.3.7是一個過渡版本 下載3.3.7 版本的一共有3個文件夾: js css fon

原创 html5 h5學習總結

新增的屬性 placeholder, Calendar, date, time, email, url, search, contentEditable, hidden, contenx-menu, data-val(自定義屬

原创 html5 h5使用canvas 畫一個圓角矩形

使用canvas畫圓角矩形 (4條邊, 4個角) ctx.moveTo 先設置起點A點 下面的(x,y)是B點, (x1, y1)是C點 方向,往哪邊邊拐 ctx.arcTo(x, y, x1, y1, 圓角大小) B點是A點與

原创 html5 h5 draggable的理解,及其實現拖拽功能

dragable: 默認值爲false,可以用於拖拽,但是一個虛擬的。a標籤,img標籤默認自帶拖拽,(只有chrome,safari可以使用, firefox不支持,ie不支持), 所有的標籤元素,當拖拽週期結束後,默認事件就

原创 bootstrap 原理以及使用方式

meta 標籤的作用,將頁面大小,根據分辨率不同進行相應的調節,以展示給用戶相同大小的內容 meta默認視口大小約爲980px content="width=device-width initial-sc

原创 css 實現旋轉照片牆自動旋轉

<style> * { margin: 0; padding: 0; } :root, html, body { height: 100%