原创 彈性佈局怎樣排兩行

<!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