原创 視屏標籤
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <video s
2020-07-07 18:02:05
原创 在HTML中監聽網絡是否連接
//查看當前網絡狀態 console.log(window.navigator.onLine); //監聽網絡是否連接 window.addEventListener('online',function () { con
2020-07-07 16:54:32
1
原创 vue + elementUI使用本地圖片處理方法
<el-image :preview-src-list="ImgList" :src="imgUrl"> </el-image> 單個圖片處理 let imgUrl = require('../../assets/img/co
2020-07-07 16:54:21
原创 關於微信小程序
1.下載微信開發者工具,並安裝 地址:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html 2.登錄並註冊小程序賬號 3.新建小程序 新手再
2019-04-25 20:01:39
原创 JQuery基礎動畫操作
1.jQuery動畫效果，隱藏和顯示。 兩個方法：hide()“隱藏” show()“顯示” <p>JQuery動畫效果，隱藏和顯示</p> <input type="button" value="隱藏" id="butto
2019-04-18 07:42:31
原创 作用域和作用域鏈及預解析
個人分類： JS類 變量---->局部變量和全局變量, 作用域：在某個空間範圍內，可以對數據進行讀寫操作 局部作用域和全局作用域 js中沒有塊級作用域—一對括號中定義的變量,這個變量可以在大括號外面使用 函數中定義的變量是局部變量 作
2019-04-17 08:16:47
原创 彈性佈局說明及flex容器屬性
一、彈性佈局 說明： a) 給元素設置了display:flex;後，就成爲了彈性盒或者彈性佈局 b) 當父元素設置了flex後，子元素的float，clear和vertical-align將會失效 c) 我們把設置display:f
2019-04-16 08:54:01
原创 Vue.js使用filter自定義過濾器對時間進行格式化（javascript原生寫法）
** 一、自定義date.js ** /** * 對Date的擴展，將 Date 轉化爲指定格式的String * 月(M)、日(d)、12小時(h)、24小時(H)、分(m)、秒(s)、周(E)、季度(q) 可以用
2019-04-15 08:45:45
1
原创 Vue 全局變量，局部變量
全局組件和局部組件 1.先定義組件 Vue.component(‘組件名’, { 組件模板對象 }) 注意: 組件名不要使用原生的標籤名, 若組件名定義時用的是駝峯命名法, 則調用時用中劃線分割後小寫
2019-04-13 08:20:50
原创 vue中使用路由嵌套
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> //創建app <d
2019-04-12 08:15:17
原创 用vue寫儲存在localStorage中的評論列表
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet
2019-04-11 07:57:26
原创 前端做一個簡單的隨機氣泡（隨機大小，隨機顏色，隨機方向，隨機速度，透明度改變）的靜態網頁
話不多說直接代碼： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> * { margin: 0;
2019-04-09 07:44:37
1
原创 Vue源碼全方位深入解析
一、資源 Vue.js解密文檔：https://ustbhuangyi.github.io/vue-analysis/prepare/ flow類型註釋官方文檔：https://flow.org/en/docs/types/
2019-04-09 07:44:37
原创 原生JS回到頂部
HTML代碼： <div class="container"> <p>你好哇</p> ... </div> <div id="top">回到頂部</div> CSS代碼： .container{ border: 1px sol
2019-04-05 09:59:01