原创 手把手教你實現Vue數據雙向綁定實現原理
1.首先我們先了解下實現Vue雙向綁定的核心方法Object.defineProperty(obj, prop, descriptor) obj: 目標對象； prop: 目標對象屬性的名稱； descriptor: 目標對象屬性
2020-03-08 17:03:08
1
原创 字符串排序
1.普通的字符串數組排序； so easy: sort()方法完美解決； let name = ['Jay Chou', 'G.E.M', 'Jackie Chan', 'Eason Chan']; name.so
2020-02-21 07:40:46
1
原创 Vue代碼優化
1. 路由異步加載 常規路由寫法： import Vue from 'vue' import Router from 'vue-router' import HelloWorld from '@/components/HelloWor
2019-04-09 17:44:12
原创 vue 備忘錄
用vue寫了個日曆備忘錄的功能。省略了備忘錄的增刪改查功能。 直接上代碼 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>備
2018-08-24 14:57:27
3
原创 css 瀏覽器兼容總結
1. 取消Chrome表單文本框自動填充黃色背景色樣式input:webkit-autofill{ -webkit-box-shadow : 0 0 0px 1000px white inset; -webkit-text
2018-08-24 14:57:27
1
原创 vuex入門 完整demo
1 第一步安裝 npm install vuex --save2 在main.js 同級新建store.js3 編輯store.js 在store.js 引用 vuex import Vue from 'vue' import Vu
2018-08-24 14:57:27
1
原创 js 四捨五入保留兩位小數
js四捨五入很自然想到 toFixed 方法然而toFixed方法存在問題 console.log(0.995.toFixed(2)) //0.99 ****出實際應該爲1.00 console.log(1.995.toFi
2018-08-24 14:57:27
1
原创 vue 全選與反選 無Bug 新手看過來
直接上代碼！！！<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title
2018-08-24 14:57:27
3
原创 reset.css
看了張鑫旭大神寫的 css reset的重新審視，收益匪淺，對自己的reset.css進行修改，精簡。分享一下 body,ul,ol,dl,dd,p,h1,h2,h3,h4,h5,h6{ margin: 0; paddi
2018-08-24 14:57:27
原创 Vue Router 跳轉攔截
所有路由需要驗證登錄 router.beforeEach((to, from, next) => { //設置延時器讓created先執行在進行路由跳轉 setTimeout((res) => { // 判
2018-08-24 14:57:27
原创 vue自定義指令
關於自定義指令具體介紹請查看官方文檔。這裏不做詳細介紹。 這裏寫的歌demo,關於點擊編輯按鈕，輸入框自動獲取焦點。 <!DOCTYPE html> <html lang="en"> <head> <meta charset
2018-08-24 14:57:27
原创 全屏Swiper
直接上代碼 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>全屏Swiper</title> <link href="ht
2018-08-24 14:57:27
原创 vue 異步更新隊列 $nextTick
Vue 異步執行 DOM 更新。只要觀察到數據變化，Vue 將開啓一個隊列，並緩衝在同一事件循環中發生的所有數據改變。如果同一個 watcher 被多次觸發，只會被推入到隊列中一次。如果你想在 DOM 狀態更新後做點什麼，這就可能會有些棘
2018-08-24 14:57:27
2
原创 響應式佈局
方法一：js動態控制html根節點font-size 請儘早加載一下代碼 var evt = "onorientationchange" in window ? "orientationchange" : "resize"; var d
2018-08-24 14:57:25
原创 flex 佈局
容器的屬性 ： flex-direction: row-reverse 主軸水平向左 column 主軸從上到下 column-reverse 主軸從下到上 flex-wrap: wrap
2018-08-24 14:57:25