原创 echarts tooltip在圖表範圍內顯示
以下兩種解決方式，能夠應對大部分出現此類問題項目 tooltip.position: 提示框浮層的位置，默認不設置時位置會跟隨鼠標的位置。 可選：string, Array, Function 一、解決方法： 1、設置x軸固定
2020-04-10 02:08:09
2
原创 自定義input[type="file"]的兼容樣式
input[type="file"]的樣式在各個瀏覽器中的表現不盡相同： 1. chrome: 2. firefox: 3. opera: 4. ie: 5. edge: 另外，當我們規定 input[type="file"]
2020-03-29 21:56:07
原创 VUE組件 之 Drawer 抽屜
一、源碼地址 https://github.com/imxiaoer/DrawerForVue 二、效果圖 三、具體代碼 drawer.vue <template> <div class="drawer"> <d
2020-02-25 22:17:41
原创 百度Echarts折線圖tooltip裏數據添加單位
option = { title: { text: '折線圖堆疊' }, tooltip: { trigger: 'axis', //在這裏設置
2020-02-25 22:17:41
原创 vue+Element-ui實現分頁效果
當我們向後臺請求大量數據的時候，並要在頁面展示出來，請求的數據可能上百條數據或者更多的時候，並不想在一個頁面展示，這就需要使用分頁功能來去完成了。 1.本次所使用的是vue2.0+element-ui實現一個分頁功能，element-ui
2020-02-25 22:17:41
原创 vue-cli3 一直運行 /sockjs-node/info?t= 解決方案
首先 sockjs-node 是一個JavaScript庫，提供跨瀏覽器JavaScript的API，創建了一個低延遲、全雙工的瀏覽器和web服務器之間通信通道。 服務端：sockjs-node（https://github.com/so
2019-09-08 09:49:19
原创 vue 出現Elements in iteration expect to have 'v-bind:key' directives
是由於eslint檢測出現bug 解決方法有兩種 v-for 後添加 :key='item' <li v-for="item in list" :key="item"> 在build處關閉eslint檢測 ...(config.dev.u
2019-09-03 09:47:51
2
原创 vue/return-in-computed-property Enforce that a return statement is present in computed property
此規則強制return語句在computed屬性中得完整存在。 <script> export default { computed: { /* ✓ GOOD */ foo () { if (this.b
2019-09-03 09:47:51
1
原创 使用V-chart時配置踩過的一些坑
如何配置圖表信息 echart的配置項可謂是相當的海量，能不看就不看。而v-chart對其進行了不少的簡化，所以我們想要自定義一個圖表時，最好按照以下步驟來檢查： 圖表私有屬性 v-chart每一個圖表都有自己獨有的設置項，想要配置這些項
2019-08-23 10:04:29
2
原创 Vuex的全面用法總結
1. vuex簡介 vuex是專門用來管理vue.js應用程序中狀態的一個插件。他的作用是將應用中的所有狀態都放在一起，集中式來管理。需要聲明的是，這裏所說的狀態指的是vue組件中data裏面的屬性。瞭解vue的同學應該是明白data
2019-08-23 10:04:29
原创 網頁裏如何使用js禁用控制檯
網頁裏如何禁用右擊事件？使用jQuery，幾句代碼就可以搞定了 document.oncontextmenu = function(){return false;} 簡單示例： js實現： <!DOCTYPE html> <html>
2019-08-07 10:10:24
原创 區別 (function($){...})(jQuery)、$(function(){ })和$.fn
一、(function($){…})(jQuery) 首先function(arg){...}定義了一個匿名函數，參數爲arg,而調用時需要在函數後面寫上括號和實參，由於操作符的優先級，函數本身也需要括號，也就成了： （function(
2019-07-31 11:33:45
2
原创 如何解決瀏覽器縮小出現橫向滾動條時網頁背景圖出現空白的問題
原因： 當窗口縮小時，瀏覽器默認100%寬度爲瀏覽器窗口的寬度。而忽略了下部內容層固定寬度(1024px)。從而出現了固定寬度大於100%寬度的現象。瀏覽以此理解來解析頁面，就出現了容器寬度理解上的差異，出現了一個非常奇特的BUG。 解決
2019-07-09 11:25:11
5
原创 css3自適應佈局單位vw,vh
視口單位(Viewport units) 什麼是視口？ 在桌面端，視口指的是在桌面端，指的是瀏覽器的可視區域；而在移動端，它涉及3個視口：Layout Viewport（佈局視口），Visual Viewport（視覺視口），Ideal
2019-07-09 11:25:11