原创 簡單使用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