原创 ES6符號(Symbol)學習總結

==========================普通符號======================= 符號是ES6新增的一個數據類型, 它使用函數 Symbol(符號描述) 來創建 // 創建要給符號

原创 es6 解構 學習 總結

=====================對象結構============================ 什麼是解構: 使用es6的一種語法規則,將一個對象或數組的某個屬性提取到某個變量中,解構不會影響原始

原创 es6 對象學習 總結

====================es6對象 新增的對象字面量語法========================== 1. 成員速寫: 如果對象字面量初始化時,成員的名稱來自於一個變量, 並且

原创 css3 製作鏤空的文字效果

  .lou-kong {             width: 500px;             height: 200px;             margin: 100px auto;             font-siz

原创 你不知道的border-style border-radius background

border-style 一個小技巧 如果設置border-style 裏面沒有設置顏色, 直接使用color: 邊框的顏色會改變成對應的顏色 原因:css1-css2 會傳承color的顏色, css3 用了中轉變量curren

原创 組件之 媒體對象(圖文混排)、 導航組件, 手動實現bootstrap的導航欄

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device

原创 bootstrap 組件之表單 組件學習總結

表單 form標籤 // 基本用法 <div class="container"> <div class="row"> <div cl

原创 es6 函數 學習總結

==========================函數參數默認值======================= es6使用參數的默認值, 在書寫的時候,直接給形參賦值,賦的值就是默認值 例如:

原创 es6 let const與var 的區別

==================== 概述:====================== 1. ECMASCript, Javascript, Node.js 它們的區別是什麼? ECMASCript:

原创 bootstrap 組件 之模態框組件

模態框(彈出層) // 需要使用jq bootstrap.js 使用類名 modal 基本使用方法: <div class="container"> <div class="row mt-5">

原创 h5 的api接口 地理位置,重力感應,搖一搖,requestAnimationFrame,localStorage,history,worker

==========================獲取地理位置信息========================== 定位(GPS), 臺式機幾乎沒有GPS,筆記本絕大多數都沒有GPS, 智能手機幾乎都有GPS 電腦的

原创 bootstrap 組件之分頁 提示框 提示工具組件

分頁: 外部引用: 只需要引用css 即可 使用方法: 使用類名pagination 每一個li使用 page-item 列如: <ul class="pagination">

原创 bootstrap 組件之輪播圖 摺疊面板 下拉菜單 學習總結

輪播圖組件 使用類名carousel 使用carousel就是相對定位,使用在父級上 基本用法: <div class="container"> <div class="row col"

原创 bootstrap 組件之 輸入框組 超大屏幕 列表組件學習總結

輸入框組: from-group input-group // 前置帶icon input-group-prepend input-group-text 使用方法: <div clas

原创 bootstrap 組件之 進度條 滾動監控 旋轉加載 消息推送框 組件學習總結

進度條: 引用外部的樣式 bootstrap 的css 即可 使用方法: 使用類名 process <div class="contanier"> <div class="row">