原创 彈性佈局怎樣排兩行
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> .row { wi
原创 Vue+webpack項目創建及環境配置
1.註冊好github或碼雲帳號; 2.電腦安裝好git軟件; 3.註冊好ssh密鑰; 4.將github或碼雲倉庫的代碼下載下來,步驟如下: (1).在cmd裏輸入git clone ssh地址及密碼,如圖所示; (2
原创 JavaScript 圖片放大
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> * {margin:
原创 JavaScript文件處理 File API
JavaScript文件處理 File API 支持File API的瀏覽器有IE10+,Firefox3.5+,Opera10.6+,Safari5+,Chrome。 1.在表單元素上<input type="fiel" name=
原创 JavaScript 封裝,繼承,原型鏈
js是一門基於對象的語言,但它沒有完整的class概念,至少在ES5中是沒有的 封裝--原始模式: Cat = { name : '', color : '' }; let cat1 = {}; cat1.name = '大花';
原创 JavaScript上傳圖片方式
第一種: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> #preview{
原创 CSS3改變滾動條樣式
::-webkit-scrollbar { width: 0; /*滾動條寬度*/ /*height: 16px;*/ } /*定義滾動條軌道 內陰影+圓角*/ ::-webkit-scrollb
原创 HTML更改tab鍵焦點位置
tabindex可以更改TAB鍵的移動順序,tabindex的值爲負時,將排除在外。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>D
原创 Flutter AppBar示例一
import 'package:flutter/material.dart'; class DidiSample extends StatefulWidget{ @override _DidiSampleState creat
原创 JavaScript音樂播放
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, us
原创 JavaScript表格頭部拉伸
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> #carTable{width:10
原创 找出兩個排序數組中的中位數
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <script> v
原创 JavaScript判斷IE瀏覽器版本
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>判斷IE瀏覽器版本</title> </head> <body> <script> v
原创 JavaScript 日期
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,
原创 JavaScript 如何手動觸發窗口滾動事件
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> .box{height:2000px