原创 客戶端textarea初始化數據時沒有隨着內容撐高文本框
已知客戶端中,data寫的內容能夠使子組件中的textarea自動撐高,但是數據返回callback後更改數據賦值就不能隨着內容撐高了,因爲此時dom已經加載完成,要麼通過ref修改dom的style樣式,要麼可知v-if的true和fa
2020-06-25 21:46:33
原创 sass/scss寫移動端自適應樣式,將px轉化爲rem
衆所周知,UI設計師是根據ip6的手機尺寸畫的設計圖,所以一般html寬是375px,所以將html的font-size寫爲37.5px; html{ font-size: 37.5px; } 然後在style標籤(記得寫lang=
2020-02-25 22:23:49
原创 解決flex佈局下ellipse沒有省略號的問題
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,
2020-02-25 22:23:49
原创 echarts漏斗圖的標示線和標識文字對齊
試了labelLine的length屬性,不能使用百分比,只能使用數字,效果有些差強人意,只能滿足在有限的情況,而markLine就不同了,如下所示: var weatherIcons = { 'Sunny': ROOT_PAT
2020-02-25 22:23:39
原创 vue-router+vuex+localStorage導航守衛實例
使用localStorage模擬保存token,因爲localStorage默認保存的是字符串,所以就限制保存isLogin爲0就是未登錄,要默認直接跳到/login頁面,若爲1就是默認到/home頁面,沒有localStorage的也是
2019-06-18 11:43:32
31
原创 axios攔截器/數據交互實例
本文章是在rap2模擬接口下實現axios交互功能,axios攔截大部分代碼邏輯來自https://blog.csdn.net/qq_38145702/article/details/81558816 1.src目錄下新建axios文件夾
2019-06-14 23:11:16
原创 使用vue-loader的v15版本的cssModule導致樣式錯亂的解決方法
首先看文檔: https://vue-loader.vuejs.org/zh/guide/css-modules.html#%E5%8F%AF%E9%80%89%E7%94%A8%E6%B3%95 把oneOf可以讓以下兩種方式並存:
2019-06-13 10:50:43
2
原创 vue偵聽屬性的應用--三級聯動
1.用vue-cli3創建的vue項目 2.在vue.config.js配置一下 const webpack = require('webpack') const path = require('path') const appData
2019-06-12 01:25:58
原创 vue全局使用filter模塊格式化參數(涉及JavaScript正則分組)
1.新建filter目錄,內寫index.js let dataServer = value => { //保留xxxx-xx-xx的格式 // return value.replace(/(\d{4})(\d{2})(
2019-06-12 01:25:58
1
原创 一個登錄mock的demo看es6的實際應用
1.首先要有npm環境,下載安裝省略,網上一大堆安裝詳解 2.新建一個空的文件夾 npm init 然後一路enter選默認的 3.在package.json中加入下面的插件,然後保存後直接npm install { "name":
2019-06-12 01:25:58
1
原创 vue字母按鈕出現城市列表並滾到頂部
點擊26個字母出現以該字母開頭的城市 原理: 1.獲取字母A到頂部的距離startY 2.獲取當前點擊的字母到頂部的距離touchY 3.因爲一個字母的區域高度已知爲20px,所以可以尋找下標index const index = Mat
2019-06-12 01:25:58
1
原创 linux centos7安裝anaconda3
1.首先使用虛擬機Parallels安裝centos7 2.從anaconda官網下載anaconda3的linux版本,因爲parallels可以共享本機的文件夾,直接到該文件夾的終端下: bash Anaconda3-2019.03-
2019-06-12 01:25:58
原创 移動端1px邊框的問題
現在的手機越來越高清了,所以設備像素比也就越來越高,也就出現了1px像素的邊框在不同的設備顯示可能就是2px,甚至可能是3px 設備像素比: devicePixelRatio 值 = 物理像素/設備獨立像素 => DPR = 設備像素/C
2019-06-12 01:25:58
原创 vue輪播圖
1.利用js的this.$refs拿到dom進行操作 <template> <div id="slider"> <div class="window"> <ul class="container" ref="
2019-06-12 01:25:58
原创 vuex的簡單使用
1.新建一個store文件夾在src目錄下 (1)新建index.js import Vue from 'vue' import Vuex from 'vuex' import state from './state' import
2019-06-12 01:25:58