原创 css實現字數過多顯示點點省略號
overflow:hidden; white-space:nowrap;/*不顯示的地方用省略號...代替*/ text-overflow:ellipsis;/* 支持 IE */ 點贊 收藏 分享
2020-02-21 03:50:37
原创 axios的put請求設置'Content-Type': 'application/json'無效的問題
Request header field Content-Type is not allowed by Access-Control-Allow-Headers in preflight response. restful風格接口在使用p
2020-02-21 03:50:37
原创 echarts圖表x軸數據太多顯示不全的問題
問題如圖，x軸數據條數過多可能導致x軸顯示不全，開始我使用下面方法 xAxis: { type: "category", min: min, max: max,
2020-02-21 03:50:37
原创 css針對IE單獨設置樣式
在css單獨針對ie設置樣式，距離如下代碼 [if IE]> <style scoped lang="scss"> .user-name { line-height: 0; } .login-out { height
2019-08-02 16:37:19
原创 vue中使用element-ui的日期選擇器el-date-picker在ie和Safari點擊不能選擇
如上圖所示情況，在谷歌、火狐等瀏覽器選擇沒有問題，但是在ie和Safari瀏覽器點擊的時候上面輸入框是空白的，因爲ie和Safari瀏覽器解析日期格式支持yyyy/MM/dd， 將yyyy-MM-dd格式日期轉換爲yyyy/MM/dd即
2019-08-01 16:53:25
44
原创 echarts圖表y軸刻度數字過大顯示不全
echarts的grid屬性中有個containLabel參數，格式爲boolean類型，默認是false. containLabel 爲 false 的時候： grid.left grid.right grid.top grid.b
2019-07-30 16:56:46
原创 vue中js判斷長時間不操作界面自動退出登錄
需求說明，後臺有做半個小時不請求接口的話返回標識退出登錄，但是要請求接口才行，現在要實現前端用js判斷半個小時不操作界面的話自動跳轉到登錄頁面。 創建一個.js文件，在main.js引入此js（vue框架） 在登錄成功的時候保存當前時間l
2019-07-05 16:53:38
22
原创 css實現滾動條不可見但是可以滾動
::-webkit-scrollbar CSS僞類選擇器影響了一個元素的滾動條的樣式。 ::-webkit-scrollbar僅僅在支持webkit的瀏覽器 (例如, 谷歌Chrome, 蘋果Safari)可以使用，但對於IE和火狐等
2019-07-05 16:53:38
原创 vue中實現地圖下鑽
首先說下需求和數據格式，需求是實現中國地圖的下鑽，下鑽到省市區三級，對於直轄市下鑽到二級，首先定義了三個數組存放省市區的數據：代碼如下 initChart() { let chart = $echarts.init(docu
2019-07-02 16:49:22
原创 vue中在個別組件中給body添加類名
首先我給body加類名是更改element-ui中下拉框的背景色， beforeCreate() { document.getElementsByTagName("body")[0].className="equipment-
2019-07-02 16:49:22
原创 vue實現數據無縫滾動組件vue-seamless-scroll
如圖中的數據實現無縫滾動效果，發現vue的vue-seamless-scroll組件超好用對於數據滾動。 首先， npm install vue-seamless-scroll --save 其次，引入組件 import vueS
2019-06-13 22:37:14
原创 前端禁止拷貝頁面上的文字內容
前端實現禁止複製頁面上的內容進行，給body加禁止複製屬性 body { -moz-user-select: none; /*火狐*/ -webkit-user-select: none; /*webkit瀏覽器*/ -ms
2019-06-12 22:34:21
原创 input在iphone上上邊框有陰影
input{ border: none; outline: none; -webkit-appearance: none; -webkit-appearance: none; -webkit-tap-
2019-06-10 18:19:22
原创 echarts實現餅圖格子圓環進度條樣式
實現如圖格子圓環進度條格式的數據展示，有的需求會提出要顯示格子格式的進度條，其實就是將進度條分割成想要的份數，也是就想要的寬度，然後在option中設置，代碼如下 let echart = echarts.init(document.
2019-05-11 02:53:55
20
原创 vue+element-ui上傳圖片點擊按鈕上傳並帶參數給後臺formData格式
之前做的圖片上傳需求是自動上傳並且只帶header，這次需要傳參數給後臺並且格式是formData，非自動上傳，而是點擊按鈕上傳，讓我琢磨了半天。 需求圖片如下 html代碼如下 <div class="img-list">
2019-04-26 21:14:09
10