摘要: 在vue中由于scoped的使用 [作用:CSS样式就只能作⽤于当前的组件,通过该属性,可以使得组件之间的样式不互相污染 ] 引⽤了第三⽅组件后,需要在组件中局部修改第三⽅组件的样式,⽽⼜不想去除scoped属性造成组件之间的样式污染。此时只能通过特殊的⽅式,穿透scoped。 穿透的三种方式: 1 阅读全文
posted @ 2022-06-13 20:17 啾啾啾啾一口 阅读(1035) 评论(0) 推荐(0) 编辑
摘要: 写了个例子 记录一下 复制到https://echarts.apache.org/examples/zh/editor.html?c=bar-simple 中 可以看效果 option = { title: { text: '世界人口总量', subtext: '数据来自网络' }, legend: 阅读全文
posted @ 2021-12-14 14:38 啾啾啾啾一口 阅读(1031) 评论(0) 推荐(0) 编辑
摘要: 封装 传值处理 myChart.setOption({ radar: [ { indicator: radarDate.radar_data, center: ['50%', '50%'], radius: 80, splitNumber: 3, // 雷达图圈数设置 nameGap: 8, // 阅读全文
posted @ 2021-06-15 11:43 啾啾啾啾一口 阅读(8662) 评论(2) 推荐(2) 编辑
摘要: 核心是在html2canvas执行前先替换所有图片转换为Blob,这种方式不会出现图片缺失的情况 /** * @description 替换 去全部图片真实地址为blob 渲染 截图 * @param {element} el 截图的dom区域 * @param {function} success 阅读全文
posted @ 2021-06-15 11:15 啾啾啾啾一口 阅读(5573) 评论(1) 推荐(1) 编辑
摘要: 需求:将html页面 截图保存到本地 方案:html2canvas 将html 生成canvas 然后使用canvas的toDataURL转换为base64 形式 做下载 安装 官网地址:http://html2canvas.hertzen.com/ npm npm install --sava h 阅读全文
posted @ 2020-11-19 18:11 啾啾啾啾一口 阅读(3692) 评论(0) 推荐(0) 编辑
摘要: 一、关于事件绑定 ① 在声明时一起绑定: <div onClick={this.OnClick.bind(this)}></div> ② 使用函数式声明事件: <div onClick={()=>this.OnClick()}></div> ③ 在按钮内声明,在constructor内绑定: con 阅读全文
posted @ 2020-10-22 18:17 啾啾啾啾一口 阅读(104) 评论(0) 推荐(0) 编辑
摘要: 数据映射快速匹配 实现 通过数组/普通对象 情况 条件体的数量庞大 function map(value) { switch (value) { case 0 : return "result0"; case 1 : return "result1"; case 2 : return "result 阅读全文
posted @ 2020-10-19 18:50 啾啾啾啾一口 阅读(271) 评论(0) 推荐(0) 编辑
摘要: const eventProxy = { onObj: {}, oneObj: {}, on: function (key, fn) { if (this.onObj[key] undefined) { this.onObj[key] = []; } const args = [].concat(A 阅读全文
posted @ 2020-08-26 18:32 啾啾啾啾一口 阅读(187) 评论(0) 推荐(0) 编辑
摘要: 一、子向父组件传值 方法一: 父组件 //方法 parentFn(data1, data2, e) { // 按照参数排列 最后一个是event console.log(data1, data2, e) //输出 1 2 event内容 } //渲染 render() { return (<Frag 阅读全文
posted @ 2020-08-26 17:41 啾啾啾啾一口 阅读(553) 评论(0) 推荐(0) 编辑
摘要: 关于setState 同步更新还是异步更新 在React相关的回调函数中setState() 是异步更新 React 相关的回调包括:组件的生命周期钩子,React 组件事件监听回调。 不在React 相关的回调中setState() 是同步更新 React不相关的回调包括常见的:setTimeou 阅读全文
posted @ 2020-08-26 17:27 啾啾啾啾一口 阅读(323) 评论(0) 推荐(1) 编辑