随笔分类 - js
摘要：dictArraySort (dictArray, sortKey, sortType="ascending", isTime = false) { if (!isTime) { if (sortType == 'ascending') { dictArray.sort(function (dict
阅读全文
摘要：一、echart的图表提供了一个resize函数，当resize函数被触发时，图表会进行重绘。 二、常用的浏览器，窗口自适应。(1) 将放置图表的容器div的宽设置为100%，不固定写死，height可以根据需求设置为vh或者px都行。 (2) 对浏览器窗口大小进行监听 window.addEven
阅读全文
摘要：window.onunload = function() {} setFontSize() window.onresize = function() { setFontSize() } function setFontSize() { let designSize = 1920; // 设计图尺寸
阅读全文
摘要：进度条图标显示百分比进度，100%显示“100%”，而非图标 “✓” 如下： 改为： <Progress trailColor={index 0?'rgba(255,134,15,0.2)':(index 1?'rgba(247,209,10,0.2)':'rgba(57,255,255,0.2)'
阅读全文
摘要：opacity: 0;去除即可 .amap-copyright { opacity: 0; }
阅读全文
摘要：webpack的copy-webpack-plugin插件的作用是将项目中的某单个文件或整个文件夹在打包的时候复制一份到打包后的文件夹中（即复制一份到dist目录下）。 效果如下图所示： 使用方法： 给项目中添加copy-webpack-plugin插件： yarn add copy-webpack
阅读全文
摘要：yarn add qrcode.react --save // 下载QRCode这个库 下载 QRCode这个库 import QRCode from 'qrcode.react'; 引入 <QRCode className="QRCode-qrCode" value={转换的链接} size={1
阅读全文
摘要：在高德地图JavaScript API之后引入UI组件库的入口文件： <!--引入高德地图JSAPI --> <script src="//webapi.amap.com/maps?v=2.0&key=您申请的key值"></script> <!--引入UI组件库（1.1版本） --> <scrip
阅读全文
摘要：let pattern = /^[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领A-Z]{1}[A-Z]{1}[A-Z0-9]{4,5}[A-Z0-9挂学警港澳]{1}$/
阅读全文
摘要：getFullTime = (timeStamp) => { let time = ''; if(timeStamp> 1640000000){ const stamp2 = new Date(timeStamp*1000); time = Moment(stamp2).format('YYYY-M
阅读全文
摘要：<TextArea value={this.state.textAreaValue} placeholder="请输入要查询的手机号。（一行一条，最多100条，以回车键换行）" resize="none" onChange={this.textAreaChange} /> 当用户输入一行超过40个字
阅读全文
摘要：将value置为undefined才行 value = {value '' ? undefined: value}
阅读全文
摘要：实现如下图，Legend样式，并且能够点击切换chart let chartIns = null; const getG2Instance = chart => { chartIns = chart; }; class Count extends React.Component { render（）
阅读全文
摘要：原因： 在使用bizcharts的折线图统计数据的时候发现当坐标系的值设为小数或者字符串的时候，坐标系上面的文本会颠倒位置
阅读全文
摘要：安装指定版本的npm 1.安装淘宝镜像 即 npm转cnpm 防止npm安装过慢 npm install -g cnpm --registry=https://registry.npm.taobao.org 2.安装指定版本 cnpm install npm@3.10.10 -g 3.确认是否安装成
阅读全文
摘要：canvas.on('object:moving', (e) => { // 阻止对象移动到画布外面 let padding = 10; // 内容距离画布的空白宽度，主动设置 var obj = e.target; if (obj.currentHeight > obj.canvas.height
阅读全文
摘要：zoomIt = (factor) => { // factor： 比例 const { canvas } = this.state; let cWidth = canvas.width; canvas.setWidth(cWidth * factor); canvas.setHeight(cWid
阅读全文
摘要：我们在用 fabric.js 操作canvas画版添加各种形状/图片时，有时候会自己添加对应的自定义属性，当涉及到撤销/恢复时，要保存之前的canvas的数据以及状态，此时一般通过toJSON()、toDatalessJSON()、toDatalessObject()等来获取canvas中的内容进行
阅读全文
摘要：1: 获得画布上的所有对象： var items = canvas.getObjects(); 2: 设置画布上的某个对象为活动对象。 canvas.setActiveObject(items[i]); 3：获得画布上的活动对象 canvas.getActiveObject()； 4：取消画布中的所
阅读全文
摘要：将图片转换为Base64 function getImgToBase64(url,callback){ var canvas = document.createElement('canvas'), ctx = canvas.getContext('2d'), img = new Image; img
阅读全文
浙公网安备 33010602011771号