原创 footer 吸底效果
預期的效果： （1）當內容較少（不足以佔滿可視區域）時，footer置於可視區域的底部 （2）當內容過多（超出可視區域）時，footer置於頁面的最底部 <div class="container"> <div class="wra
2019-07-13 16:00:22
1
原创 async/await與異步
async checkNum() { let num = Math.floor(Math.random() * 10); if (num < 5) return { result: true, num }; else throw
2019-07-13 16:00:22
原创 js的回調隊列和事件循環
console.log('start'); setTimeout(() => { console.log('timeout'); }, 0); console.log('end'); 執行順序： 1. 執行進入co
2019-07-13 16:00:22
原创 加載進度條demo
<template> <div class="progress-box"> <div class="container"> <div class="loading-icon" ></div> <di
2019-06-13 21:48:44
原创 Vuex 購物車demo
文件結構 App.vue <template> <div id="app"> <h3>Shopping Cart Demo</h3> <hr> <h4>Products:</h4> <Produ
2019-06-12 21:41:55
原创 美化瀏覽器滾動條樣式
::-webkit-scrollbar-track-piece //滾動條凹槽的顏色，還可以設置邊框屬性 background-color: #f8f8f8 ::-webkit-scrollbar //滾動條的寬度 width
2019-06-10 17:50:01
原创 call、apply和bind的用法
在JavaScript中，call、apply和bind是Function對象自帶的三個方法 共同點： （1） 都是用來改變函數的this對象的指向的 （2）第一個參數都是this要指向的對象，也就是想指定的上下文 （3）都可以利用後續參
2019-06-10 17:50:00
原创 React中的this
class Button extends React.Component{ constructor(props) { super(props); } increament() { this.setStat
2019-06-10 17:50:00
原创 js 下載Base64圖片
// 下載base64圖片 // content: Base64數據, fileName: 文件名 downloadFile(content, fileName) { let aLink = document.createEl
2019-04-18 16:30:38
原创 Vue 複製內容到粘貼板
安裝vue-clipboard2插件 npm install vue-clipboard2 --save main.js中註冊 import VueClipboard from 'vue-clipboard2'; Vue.use(Vu
2019-04-18 16:30:38
原创 Vue iview 將樹形結構中的父子節點Node轉換成新的樹形結構
// 獲取當前選中的所有父子節點（數組） let sourceNodeList = this.$refs.tree.getCheckedAndIndeterminateNodes(); if (sourceNodeList.lengt
2019-04-18 16:30:38
8
原创 iview組件中增加title
Select組件 <Select transfer :title="name" clearable> <Option v-for="item in list" :key="item.code" :value="item.c
2019-04-18 16:30:38
原创 前端js讀取文件內容
<input v-if="isShowFile" type="file" id="file" @change="onFileChange"/> onFileChange(files) { if (files.length) {
2019-04-18 16:30:38
原创 iview render函數中監聽on-change方法
render: (h, params) => { return h('Select', { on: { 'on-change': (value) => {
2019-04-18 16:30:38
原创 vue中的樣式穿透
組件內的結構如下： <template> <div class="box"> <Input class="input-test" type="text" /> <Input type="text"
2019-03-29 16:23:36