原创 簡單使用vuex狀態管理的mapState和mapMutations
store.js import Vue from ‘vue’ import Vuex from ‘vuex’ Vue.use(Vuex) export default new Vuex.Store({ state: { cityN
原创 如何通過地址欄傳遞參數及獲得參數
在通過地址欄進行參數的傳遞及取值時,首先應該瞭解一下URL的組成部分及其每部分的取得方法和作用說明: URL即:統一資源定位符 (Uniform Resource Locator, URL) 完整的URL由這幾個部分構成: schem
原创 jquery與dom對象互轉
jQuery對象與DOM對象是不一樣的 通過一個簡單的例子,簡單區分下jQuery對象與DOM對象: 我們要獲取頁面上這個id爲imooc的div元素,然後給這個文本節點增加一段文字:“hello,world”,並且讓文字顏色變成紅
原创 onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"
這行代碼這樣解釋 onbeforepaste 意思是在用戶執行粘貼動作之前。 clipboardData.setData(‘text’, xxx) 是把xxx的內容複製到剪貼板 clipboardData.getData(‘text’
原创 H5新增表單事件oninput,oninvalid及setCustomValidity設置提示信息
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <form action=""> 用戶名:
原创 H5新特性之sessionStorage
sessinStorage的使用:存儲數據到本地。存儲的容量5mb左右。 這個數據本質是存儲在當前頁面的內容中 2.他的生命週期爲關閉當前頁面,會自動清除 頁面關閉就沒了 setItem(key,value):存儲數據,
原创 H5之datalist
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <form action=""></form>
原创 H5之進度條progress與度量器
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <!--進度值:max:最大值 value:當前
原创 H5新增表單type屬性
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <form action=""> 用戶名:
原创 什麼是H5
<!--html:5 +tab--> <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="
原创 H5新特性之localStorage
localStorage的使用:存儲數據到本地。存儲的容量20mb左右。 不同瀏覽器不能共享數據 同一個瀏覽器的不同窗口可以共享數據 數據存儲在硬盤上,不會隨着頁面或瀏覽器的關閉而清除
原创 H5表單其他新增屬性
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <!--placeholder提示文本,提示佔
原创 H5的語義化標籤
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> header{ wi