原创 JS練習代碼庫（不定期更新）
目錄 0.常用代碼 1.點擊屏幕更換背景顏色【開關燈】 2.列表隔行變色 3.輸出九九乘法表 4.任意數求和 5.數組去重（四種方法） 6.JS圖片庫【DOM編程藝術】 7.JS圖片庫改進版【DOM編程藝術】 8.
2020-06-16 13:40:34
原创 【DOM 編程藝術】3.5 獲取和設置屬性
getAttribute用於獲取各個屬性，setAttribute方法可以更改屬性節點的值。 1.getAttribute getAttribute不能通過document來調用，只能通過元素節點對象調用，比如可以與getEl
2020-06-16 13:40:34
原创 【Bootstrap框架】——起步（Startup）
Bootstrap來自 Twitter，是目前很受歡迎的前端框架。是一個HTML/CSS/JS框架。極大的簡化了響應式網頁的開發。 學習特點：概念簡單，易上手；但涉及到很多的英文單詞。 分爲5個部分：起步、全局CSS樣式、組件、
2020-06-16 13:40:34
原创 【DOM 編程藝術】3.4 節點
節點分爲：元素節點、文本節點和屬性節點等。 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>3.4 節點</title
2020-02-22 10:49:36
原创 CSS之未知高度img垂直居中
效果如下： 測試代碼如下：（能夠水平居中，通過text-align:center實現） <style> .box{ width:800px;height:600px;border:2px solid #000; text-a
2020-02-22 10:49:36
原创 【DOM 編程藝術】4 案例探究：JavaScript圖片庫
步驟一、創建一個鏈接清單 html代碼： <h1>Snapshots</h1> <ul> <li> <a href="images/1.jpg" title="road">road</a> </
2020-02-22 10:49:36
原创 DOM動態創建標記
所謂動態創建標記，就是說向頁面中添加本來沒有的內容。比如下面這段簡單的代碼： <!doctype html> <html lang="lang"> <head> <meta charset="UTF-8"> <ti
2020-02-22 10:49:36
原创 【CSS揭祕】案例1、半透明邊框
先附上代碼： HTML代碼： <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>1、半透明邊框</title> <
2020-02-22 10:49:36
原创 for循環裏面的閉包問題的原因及解決辦法
我們先看一個正常的for循環，普通函數裏面有一個for循環，for循環結束後最終返回結果數組 function box(){ var arr = []; for(var i=0;i<5;i++){
2020-02-22 10:49:36
原创 【CSS揭祕】案例2、多重邊框
box-shadow 定義和用法 box-shadow 屬性向框添加一個或多個陰影 語法 box-shadow: h-shadow v-shadow blur spread color inset; 值 描述 h-shad
2020-02-22 10:49:36
原创 【CSS揭祕】案例3、靈活的背景定位
background-position 定義和用法 background-position 屬性設置背景圖像的起始位置。 如：background-position: right 20px bottom 10px; 詳細參考 h
2020-02-22 10:49:36
原创 DOM方法總結及DOM庫擴展
常用DOM方法 常用DOM方法： 方法 作用 document.getElementById(“id”); 通過元素的ID來獲取元素對象 context.getElementsByTagName(“table”);
2020-02-22 10:49:36
原创 webstorm常用快捷鍵
eclipse模式下（更改方式：File-Setting-Keymap）： 1、複製一行代碼： ctrl+alt+↓ 顯卡衝突參考（更改快捷鍵不能禁止）： http://jingyan.baidu.com/article/
2020-02-22 10:49:36
原创 JS中的正則表達式
目錄 1.正則的作用 2.正則的元字符及應用 3.正則的創建方式 4.懶惰性和貪婪性 5.分組捕獲 6.replace 7.正則的簡單應用 1.正則的作用 首先什麼是正則表達式呢？ 正則表達式是是對字符串和特殊字符操
2020-02-22 10:49:36
原创 js勻速動畫及動畫庫
準備知識 1.定時器 使用定時器分爲兩步：設置定時器、設置等待時間 window.setInterval([function],[interval]); //設置一個定時器，到達指定的時間，每隔這麼長時間都重複執行[functio
2020-02-22 10:49:36