原创 js實現側邊欄拖動寬度伸縮
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>可拖拽側邊欄</title> <style type="text/css">
2020-02-24 21:53:36
1
原创 vue項目中js，通過import導入本地json文件
1、如果json是對象模式我們就可以採用如下方式 xxx.json { "name": "cherry", "age": 25 } xxx.js // 導入son import cherryJSON from './xxx.
2020-02-24 21:53:35
原创 vue項目中實現頁面跳轉加載進度條（NProgress插件的使用）
效果圖 1、npm install nprogress --save 2、在router文件的index.js中導入如下代碼 import NProgress from 'nprogress' import 'nprogress
2019-09-16 07:44:58
1
原创 修改elementUI“分頁組件”的默認樣式
效果圖 <!-- 分頁 --> <div class="pager-box"> <el-pagination small background layout="prev, pager, next"
2019-09-05 07:36:28
23
原创 vue中使用mapboxGL，並添加marker
1、 npm install mapbox-gl --save 2、以組件形式引入 <template> <div> <div ref="basicMapbox" style="height:100%;width:10
2019-09-03 07:19:47
1
原创 css3實現一個類似秒針旋轉的效果
效果如下圖所示（沒有做成gif，嘿嘿嘿） <style> .second-bar-box{ width: 100px; height: 100px; border-radius: 50%;
2019-07-30 06:49:38
原创 echarts中提示“There is a chart instance already initialized on the dom.”的解決辦法以及getInstanceByDom的使用
當我們想相對echart的圖標配置進行封裝，就會實現相同圖標的多樣性。 上一段實例代碼 cubeBarChartsXAxisRotateTimeLine: function (data, id, index) {
2019-07-30 06:49:37
4
原创 給json加註釋
我們要知道的是在json文件中用傳統的註釋格式（// /**/）進行註釋，是不符合json規範的。 json裏面有自己約定俗成的註釋規範。 1、在json文件中，採用"//"，其value就是添加的註釋內容。 { "//"
2019-06-30 08:15:18
原创 自定義柱狀圖（水滴圖）的填坑之路
先放一張水滴圖的效果圖。 當然也可以是其它的形狀，參考demo鏈接如下 https://gallery.echartsjs.com/editor.html?c=xV8ro54T3i 我所做的水滴圖就是參考這個demo來的，這個d
2019-06-26 10:40:42
1
原创 記一次國際區號組件的開發
當我們在使用一些支持多語言的app或者網站，使用手機註冊的時候，在填寫手機號的前面都會有+86的字樣。所謂的+86就是我們這裏所提及的國際區號。 我所做的這個vue組件，效果如下 目前這個組件沒有實現每個國家前面都有相應的國旗。
2019-06-20 09:10:17
5
原创 Layui數據表格默認全部顯示（不要分頁）
啥也不說了，上段代碼吧 table.render({ elem: '#check-data-list' , height: 480 , title: '監測任務列表信息' , lim
2019-06-11 18:39:42
原创 position:sticky是真的棒，牛批！！！
介紹什麼的也就不多說了。張鑫旭大神已經介紹的非常清楚了。 地址：position：sticky介紹 這裏就上幾張圖片（gif太不好製作了），對比一下使用fixed和sticky的區別。 position: fixed;
2019-06-11 18:39:41
原创 隨機打亂數組
學習不能溫故而知新，就總是在遺忘的路上。。。 隨機生成一個隨機數是什麼來着？ 數組的sort方法是是什麼意思來着？ 再這麼下去，都快忘了自己是誰了，Oh,My God! Math.random() // 隨機生成一個0~1
2019-04-28 19:49:26
4
原创 在本地文件關聯遠程倉庫(git)中注意的幾點
1、git init 2、git add -A 3、git commit -m '備註' 4、git remote add origin 遠程倉庫名 5、git pull origin master 注 因爲只連接着這一個倉
2019-04-11 07:49:51
原创 利用uni-app實現記住賬號密碼的功能
<template> <view class="content"> <view class="login-image-content"> <image class="login-bg" src="../../static/
2019-02-01 16:55:18
2