原创 js實現滑動驗證
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <!-- 手指在滑動整個屏幕時，會影響瀏覽器的行爲，比如滾動和縮放。所以在調用touch事件時，要注意禁止縮
2020-05-04 11:18:25
原创 js獲取最近一週,最近3天日期
// getDay(0);//當天日期 getDay(-7);//7天前日期 getDay(0);//當天日期 getDay(-3);//3天前日期 getDay(day) { var today
2020-05-04 11:18:25
原创 el-switch實現邏輯判斷後再改變狀態
必須要給switch組件設置disable禁用掉，不然點擊時就會改變switch開關的值，實現不了想要的效果 <el-switch v-model="autoUpdate" style="margin-to
2020-05-04 11:18:25
2
原创 Echart多條折線圖單選
只需要設置legend屬性，就可以實現效果， data 參數表示可選的折線有哪幾條， selected 表示默認哪些顯示，true 表示顯示，false 不限，selectedMode 表示單選，選了A就不能選B。 legend:
2020-05-04 11:18:25
原创 el-table懸停當前行,顯示當前行操作按鈕,取消當前行懸停,當前行按鈕隱藏
<el-table @cell-mouse-enter="hoverRow" v-if="tableData.length > 0" @cell-mouse-leave="leaveRow"//
2020-05-04 11:18:25
原创 JS監聽瀏覽器的返回、後退、上一頁按鈕的事件方法
在實際的應用中，我們常常需要實現在移動app和瀏覽器中點擊返回、後退、上一頁等按鈕實現自己的關閉頁面、調整到指定頁面或執行一些其它操作的需求.比如返回上個頁面時,初始化上次離開的數據狀態; 大家知道在頁面中我們可以使用javasc
2020-05-04 11:18:25
12
原创 jquery如何添加全局的自定義方法
1.JQ方法 $.fn.my_alert = function(msg) { $(this).on('click',function(){ alert(msg); }) } 2.JQ方法的拓展，及
2020-05-04 11:18:25
原创 css圖片不斷放大縮小的動畫效果
<img class="move-img" @click="goGet" width="26px" src="../../assets/img/[email protected]" alt=""> .move-img { an
2020-05-04 11:18:25
原创 微信瀏覽器播放video自動全屏問題
微信瀏覽器用的是chrome的內核 播放會自動將視頻全屏 要解決問題需要在video標籤中添加如下內容 webkit-playsinline="true" x-webkit-airplay="true" playsinline="
2020-05-04 11:18:25
原创 iconfont矢量圖標庫的使用方法
一、iconfont的使用 1:登錄http://www.iconfont.cn/阿里巴巴矢量圖標庫，github或微博登錄 2:選擇喜歡的圖標添加入庫 3:然後點擊右側購物車，點擊最下面的‘下載代碼’按鈕，下載保存到本地，解壓即
2020-05-04 11:18:25
原创 ElementUI el-date-picker不可以選擇之後的時間(當天也不可選)
data() { return { pickerBeginDateBefore: { disabledDate(time) { return time.getTime() >
2020-05-04 11:18:25
原创 [ios-h5]在ios系統瀏覽器中輸入框得到焦點時頁面自動放大
問題： 在ios系統瀏覽器中輸入框得到焦點時頁面自動放大。 解決： 添加meta標籤。 <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="
2020-05-04 11:18:25
1
原创 css3動畫實現奔跑的火柴人
<!doctype html> <html> <head> <meta charset="utf-8"> <title>奔跑的小人</title> <style> * { padding:0; margin:0; } b
2020-05-04 11:18:25
原创 js將div內所有內容轉爲canvas,並實現點擊下載爲png圖片
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-wid
2020-05-04 11:18:25