原创 flex 佈局 盒子居中顯示
flex 佈局 盒子居中顯示 display: flex; justify-content: center; align-items: center; <!DOCTYPE html> <html lang="en"> <hea
原创 flex佈局,最後一行靠左顯示
flex佈局,最後一行靠左顯示 // 最後一行靠左顯示 flex-wrap: wrap; align-content: flex-start; /* 設置爲伸縮盒子 */ /* display: fl
原创 git常用命令 思維導圖
git常用命令 思維導圖
原创 c3動畫 魔方 無限滾動
c3動畫 魔方 無限滾動 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" conte
原创 jquery_demo 表格隔行變色案例
jquery_demo 表格隔行變色案例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport"
原创 typeof null爲什麼是 object
typeof 運算符對基本數據類型的運算: typeof 'str' // 'string' typeof NaN // 'number' typeof 1 // 'number' typeof true // 'boolean'
原创 c3動畫 銜接動畫
c3動畫 銜接動畫 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="
原创 c3動畫 地圖 重要信息閃爍
c3動畫 地圖 重要信息閃爍 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" conte
原创 jquery_demo 放大鏡
jquery_demo 放大鏡 html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport"
原创 jquery_demo 手風琴菜單
jquery_demo 手風琴菜單 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <st
原创 jQuery_demo 過渡結束事件 transitionend
jQuery_demo 過渡結束事件 transitionend <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta nam
原创 查徵信、婚姻、交友借錢必備網址
1.中國執行信息公開網 訪問網址:http://zxgk.court.gov.cn/?dt_dapp=1 註釋:輸入姓名或shen/份證號就可以查到一個人的失信記錄,借錢之前查看是否是老賴! 2.全國標準信息公共服務平臺 訪問網址
原创 給盒子左上和右下加邊框角
給盒子左上和右下加邊框角 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content
原创 css3 清除浮動的方法推薦使用
css3 清除浮動的方法推薦使用 <div class="content"> <div class='incont'></div> </div> <style> .content { width: 120px;
原创 JavaScript 封裝方法 使用 do while 打印三角形
JavaScript 封裝方法 使用 do while 打印三角形 // 打印三角形 function starts(num = 4) { let start = 0; do