原创 可拖動的進度條和放大的圖片
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>進度條</title> <lin
2020-06-22 00:13:29
原创 關於背景全屏展示
background: url(../../zoneImage/school.png)fixed center center no-repeat; display: none; background-size: cover;
2020-06-22 00:13:29
原创 label裏面的for有什麼意義
for 屬性規定 label 與哪個表單元素綁定。作用是 在點擊label 時 會自動將焦點移動到綁定的 元素上比如<label><input type="radio" value="boy" name="sex" id="_boy"
2020-06-22 00:13:29
2
原创 拖動內容實現滾動條的拖動
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <link r
2020-06-22 00:13:29
2
原创 關於iphone手機上點擊事件不起作用
今天調試手機端H5頁面的時候，發現一個很坑的問題，綁定的點擊事件不起效果，安卓上都沒問題，事件能正確觸發，但是在iPhone沒反應。 開始覺得是寫法問題，後來發現，是由於iPhone上，點擊的對象，必須加上一個樣式，擁有cursor
2020-06-21 23:33:00
原创 滾動條樣式控制
overflow屬性: 檢索或設置當對象的內容超過其指定高度及寬度時如何顯示內容，其用到的表現形式和值有以下幾種 overflow: auto; 在需要時內容會自動添加滾動條 overflow: scroll; 總是顯示滾動條 overf
2020-06-21 23:32:55
原创 html中想要將背景顏色漸變怎麼弄？
通過使用 css3 漸變可以讓背景兩個或多個指定的顏色之間顯示平穩的過渡 由於用到css3所以需要考慮下瀏覽器兼容問題，例如： 從左到右的線性漸變，且帶有透明度的樣式：#red { background: -webkit-linear-
2020-06-21 23:32:55
原创 解決如何去掉手機版HTML頁面滾動條
經過測試，默認的HTML5頁面在手機瀏覽器測試中發現 橫向，縱向滾動條都有，儘管頁面沒有內容也是照常出現。開始不知道什麼原因，原來是沒有加一句手機的META代碼。<metacontent="width=device-width,minim
2020-06-21 23:32:55
原创 百度地圖使用實例
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-
2018-09-02 06:09:43
原创 js排序方法
1. 冒泡排序var arr = [0, 4, 2, 1, 3]; var i = j = 0; for(i; i<arr.length-1; i++){ for(j; j<=arr.length-i; j++){
2018-09-02 06:09:43
原创 Vue.directive自定義指令創建
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <script type="text/javascript" src="../assets/js/vue.js"><
2018-09-02 06:09:43
6
原创 Vue- 對象語法 v-bind:class與對象語法的使用
我們可以傳給 v-bind:class 一個對象，以動態地切換 class 。<div v-bind:class="{ active: isActive }"></div>//對象語法也就是在v-bind:class綁定一個對象的時候，裏
2018-09-02 06:09:43
原创 Vue實例的生命週期結構圖
Vue實例暴露的接口而Vue提供了幾個暴露的接口：接口（假設實例爲vm）效果vm.$data是vm的data屬性vm.$el是vm的el屬性所指向的dom結點vm.$watch示例：vm.$watch(“a”,function(newVa
2018-09-02 06:09:42
原创 vue的一些實用的東西和介紹
parseInt() 字符串轉換爲數字，通常用於輸入框轉化v-on:keyup.enter="" 鍵盤enter綁定一個方法修飾符.lazy：取代 imput 監聽 change 事件。.number：輸入字符串轉爲數字。.trim
2018-09-02 06:09:42
1