原创 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">