原创 echarts氣泡圖可根據屏幕大小和數值大小改變

var echartsMap = []; var datas = []; var dataArr = dataArrFn(); function dataArrFn(){ var plantCap = [{

原创 獲取某一天至今的日期數組

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-wid

原创 分享幾個好用的前端網站

轉圖片格式:https://www.sojson.com/image2base64.html

原创 Vue使用iconfont的svg組件

**路徑:src/base/svg-icon/svg-icon.vue** <template> <svg class="icon svg-icon" aria-hidden="true" :style="Cl

原创 梯形切角

<div class="coner-box"> <div class="top"> <div class="decorate"> <div></div> <div>

原创 Vue雙向數據綁定原理-圖解

<!DOCTYPE html> <head> <title>myVue</title> </head> <style> #app { text-align: center; } </style> <body>

原创 簡單的promiss寫法

// test函數將返回Promise對象: function test(num) { return new Promise(function (resolve, reject) { if (

原创 preserveAspectRatio 指定圖像對齊方式

preserveAspectRatio 允許我們指定被縮放的圖像相對視口的對齊方式,以及是希望它適配邊緣還是裁剪。這一屬性的模型爲: preserveAspectRatio = “alignment [meet | slice]”

原创 svg viewBox

viewBox可以爲視口指定用戶座標 例如:要在4釐米X5釐米的圖紙上設置一個每釐米16個單位的座標系統,要使用這個開始標記:viewBox(0 0 416 516),它分別代表想要疊加在視口上的用戶座標系統的最小x座標,最小y座

原创 在linux系統上modules not found

不知道親們有沒有遇到過,在windows下跑項目是正常的,在linux下面跑的話就會報模塊找不到。 排查錯誤後發現我在代碼裏import的路徑有大小寫,但是linux系統是區分大小寫的,所以報錯。

原创 echarts儀表盤

var option = { backgroundColor: '#00162a', title: [{ x: "40%", y: "53%", text: '主幹

原创 自適應列數顯示

要求在在1300px的時候顯示4個,出現橫向滾動條 佈局: <div class="main-wrapper"> <ul class="ul-list"> <li>1</li> <li>2</li> <li>3</l

原创 js將內存中的數據保存爲文件下載到本地

假如在我們項目中有個json對象如下: var Obj = { name: 'Leon WuV', age: 23 } 方法一: function downFlie() {

原创 更改vscode背景

在商店下載插件 然後在setting.json添加以下代碼 "background.customImages": [ "file:///D:/獨角獸.jpg" ], "background.style": {

原创 懸停改變圖片地址

場景需求: 例如有一些需求是當鼠標移入容器時,容器裏的圖片需要換成懸停時的圖片,然後比較死板的寫法,如下: 明明代碼之間差不多,只是在.png前面多加了個_hover表示懸停而已,代碼冗餘繁瑣的要死,我們幹嘛不直接用js控制呢?