原创 vue-cli3中使用rem自適應
安裝 npm install postcss-px2rem --save 在vue.config.js中增加配置 const px2rem = require('postcss-px2rem'); const postcss = px
2020-07-02 03:09:25
原创 vue 消息無縫滾動
<div class="fix-vote"> <div class="vote-list-box" :class="{ anim: animate }"> <div class="vote-item" v-for="(ite
2020-07-02 03:09:25
原创 element-ui table中有fixed列後出現高度不對的情況
最後一列爲fixed屬性時，高度會出現未佔滿父元素的整個高度，因此會出現一條灰線 解決方法： 在<el-table>標籤上加一個class="table-fixed" 在樣式文件中增加如下css代碼（利用樣式穿透） .table-fix
2020-07-02 03:09:25
2
原创 vue單頁面應用中增加js腳本
將js文件放入public文件夾,並在其中的index.html中增加 注: 打包後的js文件也會在dist的根目錄下 <script type="text/javascript" src="<%= BASE_URL %>xxx.min
2020-07-02 03:09:25
原创 keep-alive和router-view的結合
<keep-alive>是Vue的內置組件，能在組件切換過程中將狀態保留在內存中，防止重複渲染DOM。 <keep-alive> 包裹動態組件時，會緩存不活動的組件實例，而不是銷燬它們。 <keep-alive> 與 <transitio
2020-07-02 03:09:25
原创 CSS實現文本兩端對齊
text-align: justify 實現兩端對齊文本效果。 但是對最後一行是無效的（因此對單行文本也是無效的）， 那要實現上面的效果，我們就要新增一行，使其不再是最後一行。 <template> <div styl
2020-06-10 03:57:13
原创 Vue2.0 仿餓了麼商家詳情頁面（二）
路由的基本用法vue1.0和vue2.0的vue-router在使用上有所差異main.jsimport Vue from 'vue' import App from './App' import router from './route
2020-06-10 03:57:03
原创 display: inline-block帶來的問題
情景一：兩個相鄰的inline-block元素（其中一個元素中有內容），出現了高度偏差的問題 <div class="inline-box"> <span></span> <span>1</span> </div>
2020-06-10 03:57:03
原创 登錄後重定向到原先路由（帶參數）
入口文件： 在監聽路由改變前，對token進行判斷，當需要跳轉到登錄頁時，需要帶上上一個頁面的路由信息 router.beforeEach(async (to, from, next) => { NProgress.start()
2020-04-15 10:46:52
原创 react g2
單折線 const baseLineData = [ { year: '1991', value: 3 }, { year: '1992', value: 4 }, { year: '1993', value: 3.5 },
2020-02-21 02:33:28
原创 npm全局下載模塊包後，卻提示不是內部或外部命令，也不是可運行的程序
在用戶變量中的PATH中新增一條： D:\Users\xxx\AppData\Roaming\npm 根據本機npm安裝位置而定 點贊 收藏 分享 文章舉報 jinmo277
2020-02-21 02:33:28
原创 js 判斷是否滾動條滾動到底部
const homeDom = document.querySelector('.home'); homeDom.addEventListener('scroll', function() { console.log('scro
2020-02-21 02:33:28
原创 React + antd 實現左側多級菜單欄
routers.js import News from '../components/News'; import ProductList from '../components/ProductList'; import User fro
2019-09-15 16:20:34
原创 利用margin負值實現多列等高
<div class="container"> <div class="left-box"> 左側內容<br> 左側內容<br> 左側內容<br> 左側內容<br> </div> <div class="right-
2019-09-06 16:12:08
原创 ES6 Promise的基本認識
promise中一般是處理一些異步事件，包括resolve和reject兩個參數 resolve表示執行成功的回執，reject表示執行失敗的回執 promise的默認狀態爲Padding，reolve則是將promise的狀態變爲Ful
2019-07-13 16:00:22