原创 vue 深度watch與watch立即觸發回調

基礎用法 搜索框輸入搜索關鍵字的時候,可以自動觸發搜索,此時除了監聽搜索框的change事件之外,我們也可以通過watch監聽搜索關鍵字的變化。 <template> <div> <span>搜索</span>

原创 css動畫 呼吸的按鈕

animation: animat 1.1s infinite; @keyframes animat { 0%{ transform: scale(.8); } 50%{ transform: scale(1); }

原创 van-datetime-picker循環 每個item添加時間

<div> <div v-for="(item,index) in 3" :key="index"> <strong><span class="span"></span>寶寶信息{{index+1}}</strong

原创 react 獲取滾動條距離頂部的數值

<!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>React 實例</title> <script src="https://cdn.staticfile

原创 vue+elementui upload手動上傳圖片

<el-form-item label="截圖"> <el-upload class="upload-demo" accept="image/png,image/jpg,im

原创 Atom編輯器 vue 文件高亮

放張圖吧 顯得清晰一點 。 我的是漢化的:選擇擴展包- settings view - open - 輸入language-vue 安裝即可。

原创 HTTP狀態碼詳解(上)

導讀:當瀏覽者訪問一個網頁時,瀏覽者的瀏覽器會向網頁所在服務器發出請求。當瀏覽器接收並顯示網頁前,此網頁所在的服務器會返回一個包含HTTP狀態碼的信息頭(server header)用以響應瀏覽器的請求。 HTTP狀態碼的英文爲

原创 高德地圖自定義圖標顯示

<!doctype html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge">

原创 HTTP狀態碼詳解(下)

接上文 HTTP狀態碼詳解(上)(建議收藏)。 首先感謝你繼續觀賞本文,百忙之中,你抽空所學到的知識,定會收益良多。我也爲自己幫助到你而感到高興~ 讓我們接着往下看。 4、詳細的描述狀態碼之(3**) 300:被請求的資源有一

原创 高德地圖 自定義圖標加路線規劃

<!doctype html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge">

原创 如何判斷一個字符串裏有連續出現的字符。

目的:解決產品提出的需求。 問題:如何判斷一個字符串裏有連續出現的字符。 var reg = /([0-9a-zA-Z])\1{2}/; var str = "啊啊112221333221"; var result = reg.t

原创 js保存圖片到本地

說明:可以實現下載圖片,但是移動端瀏覽器不行,佔時沒有實現,如果有知道的大哥留個言,讓我改進一下,感謝。 操作步驟: 新建一個文件夾,將代碼放入index.html,然後在文件夾內啓用命令行安裝 npm install -g li

原创 elementUI實現省級聯動

<div class="block"> <span class="demonstration">現居住地:</span> <el-cascader v-model=

原创 CSS 的簡寫屬性

工作中常會看到有人這樣寫CSS background-color: #000; background-image: url(images/bg.gif); background-repeat: no-repeat; backgro