原创 vue項目用echarts的中國地圖散點,並且給每個省份區域設置不同的顏色

需求:vue項目裏用echarts展示中國地圖並且地圖上的城市有散點分佈,網上參考了一些案例。效果圖如下:     1、在vue項目安裝echarts。  1)npm i echarts -S 或 cnpm i echarts -S

原创 eggjs安裝失敗改個安裝方式

之前按照官方提供的安裝egg.js可以的,但不知道爲什麼最近安裝就不行了 mkdir egg-example && cd egg-example npm init egg --type=simple npm i 會報以下錯誤: 如果哪

原创 vue項目使用mock.js

開發vue項目時有時候後端沒辦法那麼快提供接口,那我們只能用mock.js自己提前模擬接口,請求數據。 1、安裝vue項目 1)cnpm i -g vue-cli //安裝全局vue-cli腳手架 2)vue init webpack v

原创 vue項目中的axios封裝

用vue項目開發,把請求接口數據的插件axios封裝,方便多人開發,也方便以後管理。 1、首先安裝vue項目:   1)cnpm i -g vue-cli //安裝全局vue-cli腳手架 2)vue init webpack vueA

原创 postman使用csrftoken

使用postman時,如果項目開啓了csrf防護,需要在請求的header中加入“X-CSRFToken”, 和在Tests上加上請求csrftoken的代碼纔可以用postman發出請求,操作如下: 1)header頭部分別加入Conte

原创 菜單樹jstree.js插件幾個主要事件彙總

jstree.js是一個很強大管理菜單的插件,奈何中文的文檔或者案例太少了,用起來很痛苦,下面我就介紹這段時間我經常用到,平時項目也經常用到的幾個知識點。 參考了一下文章: https://blog.csdn.net/j1137573560

原创 創維電視加mac過濾後連不了wifi問題(路由器爲TP-link)

一開始以爲在電視上找到mac地址直接添加到路由器的mac過濾就好了,結果還是連不了wifi, 其原因是電視上找到的mac地址不是無線mac地址(可能是有線mac,沒去求證),無線mac在電視上是找不到的,不過可以根據路由器上的“主機狀態”裏

原创 js一個區域拖拽到另一個區域,拖拽後還可以排序。知識點:js插件Jquery-UI:拖拽組件draggable,放置組件droppable,排序組件sortable

技術點:js插件Jquery-UI:拖拽組件draggable,放置組件droppable,排序組件sortable。所以得引入相關的文件,我這就不寫了。     拖拽組件draggable知識點可以參考:https://www.cnblo

原创 echarts基本應用-更改座標軸文字樣式、軸名稱、軸刻度、軸線、軸網格、曲線(折線圖)、柱體上面顯示值(柱狀圖),鼠標懸浮提示

搞數據展示,很多朋友都會用到免費的echarts,echarts官網也有很詳細、很nice的文檔。下面我根據我這幾天的需求彙總一下經常用到的一些文檔 1、axisLabel:{軸文字,在xAxis或者yAxis根下    show: tr

原创 boostrap的時間插件daterangepicker.js之單日期,精確到秒

daterangepicker是一個很好的時間插件,下面代碼引入的文件都必須全部引入   <!DOCTYPE html> <html> <head> <meta charset="UTF-8">

原创 echarts用法之點擊事件(圓柱體例子)

echarts可以通過點擊事件獲取每項的值:myChart.on('click', function (param) {  } // myChart爲自定義變量:var myChart = echarts.init(document.get

原创 webpack4.x從基礎 到 實戰搭建Vue-Cli

    引言 WebPack的火爆程度已經持續幾年了,不管是Vue-Cli還是React-Cli又或者是Angular-Cli都是基於Webpack進行搭建的打包系統,早在幾年前就已經出現了一個新的職業WebPack工程師,即便是我不打算

原创 bootstrap-select動態生成數據,設置默認選項(默認值)

bootstrap-select設置選中的屬性是selected="selected",只要找出哪一項要設置爲默認選項,再設置其屬性selected="selected"即可,親測有效。代碼如下: var currentId = $(_t

原创 bootstrap之table列內容超出部分省略號

想讓bootstrap的table列內容超出部分省略號,要在table上加table-layout:fixed和word-break:break-all, 然後在頭部thead的th加上寬度百分比,最後在列里加個標籤如span, 在這個sp

原创 ThinkPad筆記本無法禁用觸摸屏【親測,有用】

現在有一部分新款筆記本電腦無法禁用觸摸屏,禁用鍵灰色,如圖。像ThinkPad E470等,但辦公起來又很容易碰到下面的觸摸屏,很不方便,下面介紹這類電腦如何禁用觸摸屏。 一、打開控制面板,找到鼠標, 二、點擊硬件--ps/2兼容鼠標-