原创 Vue項目啓動報錯-http://eslint.org/

當打開項目,輸入npm run dev的時候,會出現這樣的報錯   Errors: 4 http://eslint.org/docs/rules/no-tabs 4 http://eslint.org/docs/rules/

原创 css3動畫 小球滾動 ,js控制動畫暫停

CSS3 可以創建動畫,它可以取代許多網頁動畫圖像、Flash 動畫和 JavaScript 實現的效果。 CSS3 @keyframes 規則 要創建 CSS3 動畫,你需要了解 @keyframes 規則。 @keyframes 規則

原创 echarts每個柱條設置不同的顏色

本來好好的柱子,今天要求柱條顏色要用系統名稱對應的顏色,如下圖。(花裏胡哨的,但是我不發表任何意見,讓我改我就改-------一個莫得感情的代碼搬運工)  實現代碼 var provideNumber = 4; if($(do

原创 echarts x軸文本太長的幾種解決辦法

1對文本進行傾斜 在xAxis.axisLabe中修改rotate的值 xAxis: { data: ["襯衫11111","羊毛二二","雪紡衫111","褲子111","高跟鞋11","襪子111"],//x軸中

原创 小程序跳轉頁面攜帶參數時參數丟失

在今天寫東西時,像平常一樣跳轉頁面攜帶參數, wx.navigateTo({ url: '../songs/songs?imgSrc=' + e.currentTarget.dataset.imgsrc, success: functi

原创 微信小程序播放音頻

最近在寫一個仿網易雲的音樂播放器小程序,第一個難關就是音樂播放; <!-- 底部進度條 --> <view class="footer"> <view class="progress-bar"> <view>0

原创 JS事件觸發CSS3的過渡效果

原本許多需要js才能實現的動畫效果,通過CSS3就能輕易實現了,但是CSS3也有自身的不足,例如說在動畫觸發上就沒有js靈活,因此可以考慮將CSS3與Js結合使用。 一般使用transition過渡動畫都是利用css的狀態:hover,f

原创 json數組根據某個相同屬性重組

  var node = [{bh: 2,sequence: 2,text: "公路改(擴)建",pid: 2,ptext: "省級重點工程",id: 28,treedataindex: 12,}, {bh: 4,sequence: 4

原创 解決bootstrap的模態框shown.bs.modal、hidden.bs.modal函數重複觸發的問題

Bootstrap 的模態框類提供了一些事件用於監聽並執行你自己的代碼。 事件類型 描述 show.bs.modal show 方法調用之後立即觸發該事件。如果是通過點擊某個作爲觸發器的 元素,則此元素可以通過事件的relatedTar

原创 微信小程序連接本地接口

小程序請求本地的後臺服務接口: wx.request({ // 請求地址 url: 'http://localhost:3000/search?keywords=海闊天空', // 請求方式

原创 datatables在tab切換時出現表頭錯位問題

解決辦法: 在tab切換時,加上如下一段代碼就可以了。 $.fn.dataTable.tables( {visible: true, api: true} ).columns.adjust(); 比如     

原创 CSS實現間隔線|(豎線)

<div style="float:left;width: 1px;height: 40px; background: #e5e5e5;"></div>  就可以實現如圖上的分割線效果  

原创 ProxyTable 解決跨域

使用vue-cli腳手架工具開發時,我們在本地啓動服務,比如本地開發服務下是 http://localhost:8080 這樣的訪問頁面,但是我們的接口地址是 http://xxxx.com/all/index 這樣的接口地址,直接使用必

原创 laydate 時間框彈窗點擊彈出後立馬消失

解決思路:爲 laydate 添加 trigger: 'click' 屬性 代碼如下 // 日期選擇器 laydate.render({ elem: '#test1', trigger: '

原创 css修改多選框的樣式

每日的艱辛歷程:最開始做好的是左邊這個樣子,設計師說害太醜了,做成右邊這種吧,然後就 改唄。 最開始是想修改僞元素的樣式來實現,然後發現僞元素的樣式不能通過js來修改(因爲系統名對應的顏色值是後臺返回的),所以只能換種方法。