原创 Vue使用Antv F2

F2是一個專注於移動,開箱即用的可視化解決方案,完美支持 H5 環境同時兼容多種環境(Node, 小程序,Weex)。 在Vue中使用F2移動端圖表,詳細步驟如下: npm安裝 npm install @antv/f2 --save  

原创 微信小程序使用媒體查詢

開發小程序中使用媒體查詢適配不同機型 小程序機型:iPhone5(320*568)、iPhone6(375*667)、iPhone6(375*667)、iPhone6Plus(414*736)、iPhone7Plus(414*736) 寫

原创 HBuilder真機聯調iPhone手機

1.設備連接電腦(連接iPhone需下載iTunes,保證手機與iTunes相連) iTunes下載地址:https://www.apple.com/cn/itunes/ 下載後安裝一直next就可以 2.安裝好之後在HBuilder裏

原创 Uncaught TypeError: Cannot read property 'disabled' of null

錯誤原因:在el-dropdown中沒有el-dropdown-menu標籤

原创 去除點擊按鈕時出現藍色邊框

點擊按鈕時出現輪廓(input輸入框也有),如下圖:   解決方法:在css中加入outline: none input{ outline: none } button{ outline: none } 注:outli

原创 console.log('script start')

console.log('script start') setTimeout(function () { console.log('setTimeout') },0) new Promise(function (resolve)

原创 v-charts 調整柱狀圖之間的間距

可在extend這個屬性中自己配置,用法和echarts相同 <ve-histogram :data="chartData" :extend="chartExtend"width="100%" height="90%"> </ve-hi

原创 js對象轉字符串

需求:對象轉爲字符串並以 | 拼接 期待結果:id|1|id2|3 eg: data: { id: 1, id2: 3 } 解決方法: //第一步 先轉成數組 var list=[]; for(var i in data){

原创 echarts容器設置動態高度

問題:使用echarts繪製圖表,數據太多時存在圖表柱子擁擠重疊 解決方法: 一、已知數據多少的情況下,可以在標籤上賦值 <div class="chartBox" :style="{height: clientHeight + 'px

原创 Error in event handler for "el.form.change": "TypeError: dateObject.getTime is not a function"

報錯代碼示例: <el-form-item label="出生日期" prop="bdat"> <el-date-picker type="date" value-format="yyyy-MM-dd"

原创 element關閉彈框時清空表單內容

需求:關閉彈框時清空表單內容 解決方法:使用@close事件,函數可以自定義 eg : resetForm()、closeDialog() <el-dialog :title="addTitle" :visible.sync="addV

原创 vue 項目控制檯調試時不顯示css具體位置

注:該文章適用於vue cli 3版本 問題:控制檯調試定位css所在文件和行數 解決方法: 在vue.config.js中配置 module.exports = { css: { sourceMap: true

原创 2020前端面試題總結

本文主要是總結一些前端各方面的面試題,具有一定的參考借鑑價值,需要的朋友可以瞭解一下 1.div+css的佈局較table佈局有什麼優點?    div+css: 結構與樣式分離、代碼語義性好、更符合html 標準規範、SEO友好    

原创 echarts折線圖無數據斷開解決方法

示例: 解決方法:series的connectNulls屬性支持連接空值  

原创 Vue使用 i18n 國際化中英文切換

最近做的vue項目要實現國際化語言,自己琢磨看文檔寫出了一個簡單的不能再簡單的demo,供大家參考! 注:vue-cli項目 1. npm安裝     npm install vue-i18n --save 2. i18n使用,在項目入口