原创 彈性盒子，響應式佈局
Flexbox模型： 伸縮容器display(用於伸縮容器) display:flex | inline-flex; flex：塊伸縮容器 inline-flex：內聯伸縮容器 float、clear和vertical-ali
2020-06-06 12:37:59
原创 html css一些基礎知識點的整理
淺顯的名詞解釋 html：即HyperText Markup Language，超文本標記語言。 css：即Cascading Style Sheets，層疊樣式表。 JavaScript：也稱爲ECMAScript，廣義上包
2020-06-06 12:37:58
原创 fileReader文件預覽，拖拽，定位，WEB存儲，應用緩存
fileReader文件預覽 即時：用戶選擇圖片後可以立即預覽=>>onchange 預覽：通過readAsDataURL 完成 FileReader接口有4個方法，其中3個用來讀取文件，另一個用來中斷讀取。無論讀取成功或失敗，方法
2018-11-04 11:42:49
原创 媒體標籤，畫布
video語法：<video src="movie.ogg" controls="controls"></video> audio語法：<audio src="song.ogg" controls="controls"></audio
2018-11-04 11:42:49
原创 HTML5——語義化標籤
介紹 HTML是提供網頁文檔內容的上下文結構和含義；HTML本身是沒有表現的，我們看到的例如<H3>是粗體，字號爲2em；<strong>的加粗，不要認爲這些是html的表現，這是html的默認樣式在起作用，所以我們要知道html
2018-11-04 11:42:49
原创 CSS3基礎——選擇器（基於w3c school）
屬性選擇器 [abc^=“def”] 選擇 abc 屬性值以 “def” 開頭的所有元素 [abc$=“def”] 選擇 abc 屬性值以 “def” 結尾的所有元素 [abc*=“def”] 選擇 abc 屬性值中包含子串 “d
2018-10-27 11:08:20
原创 CSS3基礎——彈性盒子
Flexbox模型： 伸縮容器display(用於伸縮容器) display:flex | inline-flex; flex：塊伸縮容器 inline-flex：內聯伸縮容器 float、clear和vertical-align
2018-10-27 11:08:20
2
原创 CSS3基礎——變形與動畫
Transform: none|transform-functions; 旋轉 rotate()：主要在二維空間內進行操作，設置一個角度值，用來指定旋轉的幅度。如果這個值爲正值，元素相對原點中心順時針旋轉；如果這個值爲負值，元素相對
2018-10-27 11:08:20
原创 CSS3基礎——邊框，背景，文字，顏色
圓角效果 border-radius 單位:px 和% 陰影 box-shadow box-shadow: h-shadow v-shadow blur spread color inset; 常用四屬性：X軸偏移量 Y軸偏移
2018-10-27 11:08:20
原创 Ajax
Ajax :異步的JavaScript和XML，是一種使用現有標準的新方法。 Ajax是與服務器交換數據並更新部分網頁的技術，在不重新加載整個頁面的情況下。 A：創建一個異步對象 B：設置請求方式和請求地址 C：發送請求 D：
2018-10-27 11:08:20
3
原创 jQuery一些簡單功能的實現
TAB選項卡的實現 實現效果如下圖 當鼠標移入時標題背景變灰並且實現切換圖片。 方法： 1.監聽鼠標移入 2.修改被移入選項卡的背景顏色 3.還原其他兄弟選項卡的背景顏色 4.獲取點擊事件的索引 5.根據索引找到對應圖片 6.隱藏
2018-10-20 10:42:42
原创 jQuery基礎
jQuery：JavaScript的庫，write less ，do more。 jQuery：1.x：兼容ie9以下，最終版本：1.12.4 2.x：不兼容ie9以下，最終版本2.2.4 3.x：只支持最新的瀏覽器，提供不包
2018-10-15 09:57:20
原创 數組
定義方式： 數組字面量 var arr = [ ，， ] ; 構造函數 var arr = new Array(1，2，3，4，5 ) 爲傳送值;當寫一個參數的時候會認爲創建一個長度爲參數的稀鬆數組。參數不可以爲小數。 兩
2018-10-13 22:47:45
3
原创 對象，包裝類
對象的增刪改查 對象的創建方法： 1：var obj={ } plainObject 對象字面量/對象直接量 2：構造函數：1）系統自帶的構造函數 new Object（） ；2）自定義 var obj=new Object
2018-10-13 10:19:42
原创 data及一些基礎知識點
data（基於w3c手冊） var data =new Data（）； data.getData（）1-31 data.getDay（）0-6代表週日到週六 data.getMonth（）0-11代表一到十二個月 data.get
2018-10-13 10:19:42