原创 前端html標籤撥打電話
實例: 可以用模板字符串 <a href="tel:123456"></a> <a href=`tel:${telphone}`></a>
原创 vue-awesome-swiper 的安裝和使用 總結
安裝 npm install vue-awesome-swiper --save 全局引入 import Vue from 'vue' import VueAwesomeSwiper from 'vue-awesome-swiper'
原创 高德地圖 繪製 柱狀圖形
要注意清空柱狀圖形 <template> <div class="contentBox"> <div id="map"></div> </div> </template> <script> import AMap fro
原创 在線引用地址
jQuery 1.官網jquery壓縮版引用地址: 3.1.1版本: <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script> 3.0.0版本
原创 WebSocket流程
參考文檔:http://www.ruanyifeng.com/blog/2017/05/websocket.html var ws = new WebSocket("wss://echo.websocket.org"); ws.o
原创 正則數字去零
"2020-05-08".split('-').map(val=>val.replace(/\b(0+)/gi, '')) 輸出: ["2020", "5", "8"]
原创 數組四個方法,添加刪除元素
數組四個方法 push()方法可以在數組的末屬添加一個或多個元素 shift()方法把數組中的第一個元素刪除 unshift()方法可以在數組的前端添加一個或多個元素 pop()方法把數組中的最後一個元素刪除 添加元素,push,unsh
原创 vue中使用cube-ui實現橫向滾動
vue中使用cube-ui實現橫向滾動,可參考文檔https://didi.github.io/cube-ui/#/zh-CN/docs/scroll, 下面是在編寫的時候遇到的問題,做出的的總結 <cube-scroll
原创 vuex基本內容
1.vuex多個組件共享狀態 以一個全局的單例模式管理,把組件的共享狀態抽離出來,在這種模式下,組件樹構成了一個巨大的"視圖",不管在樹的哪個位置,任何組件都能獲取狀態或觸發行爲 通過定義和隔離狀態管理中的各種概念並通過強制規則維持視
原创 文本標籤設置漸變顏色css
給當前的文本標籤添加樣式 background: linear-gradient(-3deg,#c3c3c3 0%,#ffffff 100%); -webkit-background-clip: text; color: trans
原创 郵箱正則驗證(vant實例)
正則 /^[a-z0-9]+([._\\-]*[a-z0-9])*@([a-z0-9]+[-a-z0-9]*[a-z0-9]+.){1,63}[a-z0-9]+$/ 下面的實例用vant編寫 <template> <transi
原创 正則清除字符串中的空格
關鍵代碼 replace(/\s*/g, '') 正則 \s : 匹配任何空白字符,包括空格、製表符、換頁符等等。等價於 [ \f\n\r\t\v]。注意 Unicode 正則表達式會匹配全角空格符。 正則 g: 全局搜索所有的空格
原创 正則驗證手機號(vant實例)
關鍵代碼 /^1[3456789]\d{9}$/ 實例 <template> <van-form @submit="onSubmit"> <van-field v-model
原创 列表循環添加樣式的方法
第一種 <ul> <li v-for="index in 6" :class="'item'+index">XXXXXX</li> </ul> 第二種 <li v-for="item in list" class={'clas
原创 高德地圖使用vue-amap 自定義點座標
1.安裝 npm install -S vue-amap 2.自定義點座標 如果在地圖上不顯示相應的內容, 注意下面兩點 <template> <div class="amap-page-container"> <