原创 設置echarts相關樣式（包括動態傳值，動態獲取座標軸上最大值及間距等）

最近利用echarts畫圖，總結了一些常見的樣式修改，以及動態傳值等知識點： // 動態傳值，可從後臺獲取數據賦值 var xAxisData = ['1月', '2月', '3月', '4月', '5月', '6月']; var yA

2020-06-26 19:26:04

原创 相對定位和絕對定位區別

HTML代碼： <div id="test1">111111111111111</div> <div id="test2">222222222222</div> <div id="test3">333333333333333</div>

2019-02-19 06:52:46

原创 搭建vue項目（基於vue-cli腳手架）

安裝vue-cli腳手架：npm install vue-cli -g 初始化項目：vue init webpack my-vue    （my-vue爲項目名稱） 步驟二回車選擇項目中需要安裝的一些工具等，需要則y，不需要則n 完畢後進

2018-11-21 07:57:26

原创 如何在手機上預覽本地h5頁面

很簡潔的一個方法： 1.安裝nodeJS環境 2.在當前所在項目文件夾下輸入命令： npm install anywhere -g 3.輸入命令： anywhere ，即可在瀏覽器以本機ip地址爲域名，自動打開該項目所有的根目錄 此時

2018-10-13 07:55:05 2

原创 正確給table加邊框

該文章解決用table標籤畫表格時，用border屬性產生的表格重合線加粗的問題。 css部分： table,table tr th, table tr td { border:1px solid #a8aeb2;

2018-09-26 07:41:28 1

原创 CSS下鏡像翻轉（水平/垂直翻轉）

 css下鏡像翻轉兩種寫法： 利用css動畫屬性rotate旋轉來實現： /* 方法一 */ .mirrorRotateLevel { transform: rotateY(180deg);

2018-09-17 10:00:15 464

原创 css實現文字“一行/兩行”顯示，超出部分省略號顯示

1.文字一行顯示： div { width: 150px; overflow: hidden; text-overflow: ellipsis; /* 文字超出部分省略號顯示 */ white-sp

2018-09-13 12:11:05

原创 canvas 畫繞圓心旋轉的扇形

先看效果圖（爲了顏色對比明顯，搭配的顏色比較醜，大家可根據項目修改顏色）： 上代碼： （1）css部分： .middleCircle { display: flex; align-items: center;

2018-09-06 22:48:49

原创 html2canvas 插件實現網頁截圖（html保存爲圖片）

1、html2canvas 官網： http://html2canvas.hertzen.com/ html2canvas 是一款利用javascript進行屏幕截圖的插件。可以使用兩種語法格式進行截圖： 通過在 html2canvas

2018-09-06 22:48:48

原创 css設置滾動條樣式

先看效果圖 附上效果圖代碼： 1.style部分 <style> /*定義滾動條樣式（高寬及背景）*/ ::-webkit-scrollbar { width: 6px;

2018-09-01 22:55:01 2

原创 設置echarts相關樣式

var myEcharts = echarts.init(document.getElementById("echarts")); //初始化 var option = { legend: { data: ['訂

2018-08-26 09:38:32

原创 $('#userName')[0] 與 $('#userName').eq(0) 的區別

先看官方對jquery eq() 的說明：          如果給定表示 DOM 元素集合的 jQuery 對象，.eq() 方法會用集合中的一個元素構造一個新的 jQuery 對象。所使用的 index 參數標示集合中元素的位置。 注

2018-08-26 09:38:08

原创 echarts設置餅圖標示線以及標示文字的顏色等相關樣式

在series字段中增加以下屬性，注意要在series字段屬性中增加： labelLine:{ normal:{ length:5, // 改變標示線的長度 lineStyle

2018-08-26 09:38:06