柳洁琼Elena - 博客园

2022年2月21日

摘要： barChart组件代码： import React, { PureComponent } from 'react'; import echarts from 'echarts/lib/echarts'; import 'echarts/lib/chart/bar'; import 'echarts 阅读全文

posted @ 2022-02-21 13:48 柳洁琼Elena 阅读(1100) 评论(0) 推荐(0) 编辑

【金融大屏项目】—— SVG实现弧形文本

摘要：前言：react大屏项目中有如下弧形文字需求，试用网上的arctext.js动画库无法实现环形文字，最终只有通过SVG调试出合适的文本path路径可以解决这一问题。 <svg xmlns="http://www.w3.org/2000/svg"> <defs> <path id="myTextPat 阅读全文

posted @ 2022-02-21 11:44 柳洁琼Elena 阅读(134) 评论(0) 推荐(1) 编辑

【超好用请求封装】—— umi-request配置通用请求处理

摘要：前言：目前没有发现有vue项目中使用umi-request的例子，用这个请求库的多为react项目，umi本身和dva也都是react周边的工具。 utils/request.js：配置通用请求中的异常处理和默认参数 /** * request 网络请求工具 * 更详细的 api 文档: http 阅读全文

posted @ 2022-02-21 11:00 柳洁琼Elena 阅读(5202) 评论(0) 推荐(0) 编辑

【重点突破】—— umi-request 基于fetch的网络请求库（转）

摘要：前言：umi-request是react项目初始化时，封装请求通用配置，很好用的基于fetch的请求库，结合和优化了fetch与axios的优点。背景在做中台业务应用开发的过程中，我们发现在请求链路上存在以下问题：请求库各式各样，没有统一。每次新起应用都需要重复实现一套请求层逻辑，切换应用阅读全文

posted @ 2022-02-21 10:36 柳洁琼Elena 阅读(1073) 评论(0) 推荐(0) 编辑

2021年10月20日

【高级课程笔记】—— Echarts高级应用（二）

摘要：一、视觉映射注：visualMap 以前叫dataRange，如果你看到了比较老的教程或博客，里面有dataRange，要知道那就是视觉映射 visualMap <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <titl 阅读全文

posted @ 2021-10-20 15:44 柳洁琼Elena 阅读(363) 评论(0) 推荐(0) 编辑

【高级课程笔记】—— Echarts高级应用（一）

摘要：一、多坐标轴多坐标轴的常见应用就是一个坐标系有两个y 轴多坐标轴的设置方法：在yAxis 中写入两组数据，让两组数据的行数保持一致在series 中设置数据时，使用 yAxisIndex 属性设置系列与哪个y 轴相关联 <!DOCTYPE html> <html lang="en"> <he 阅读全文

posted @ 2021-10-20 11:07 柳洁琼Elena 阅读(427) 评论(0) 推荐(0) 编辑

2021年10月19日

【高级课程笔记】—— Echarts常用图表

摘要：一、折线图 line 折线图主要用来展示数据相随着时间推移的变化。折线图非常适合用于展示一个连续的二维数据，如某网站访问人数或商品销量价格的波动。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>折线</t 阅读全文

posted @ 2021-10-19 17:39 柳洁琼Elena 阅读(330) 评论(0) 推荐(0) 编辑

【高级课程笔记】—— Echarts入门&常用组件

摘要：官网一、浏览器画图方式有两种 canvas ：点阵图，缩放失真，适合图形数量非常大的图表 svg：矢量图，缩放不失真，适合图形数量较少的图表二、echarts 的绘图步骤建立dom 容器引入 ECharts 实例化echarts 建立图表配置项显示图表 <!DOCTYPE html> <h 阅读全文

posted @ 2021-10-19 16:28 柳洁琼Elena 阅读(251) 评论(0) 推荐(0) 编辑

【重点突破】—— js防抖和节流（转）

摘要：在进行窗口的resize、scroll，输入框内容校验等操作时，如果事件处理函数调用的频率无限制，会加重浏览器的负担，导致用户体验非常糟糕。此时我们可以采用debounce（防抖）和throttle（节流）的方式来减少调用频率，同时又不影响实际效果。函数防抖函数防抖（debounce）：当持续触阅读全文

posted @ 2021-10-19 10:08 柳洁琼Elena 阅读(41) 评论(0) 推荐(0) 编辑

【重点突破】—— moment.js获取时间格式化

摘要：官网安装 npm install moment --save # npm yarn add moment # Yarn Install-Package Moment.js # NuGet spm install moment --save # spm meteor add momentjs:mom 阅读全文

posted @ 2021-10-19 10:06 柳洁琼Elena 阅读(179) 评论(0) 推荐(0) 编辑

【地图中心项目】—— 封装基于jquery的插件暴露接口供外部调用

摘要： (function (window, undefined) { // JS 加密混淆器 https://www.sojson.com/yasuojs.html var Map = function(){ return new Map.fn.init(); }; Map.fn = Map.protot 阅读全文

posted @ 2021-10-19 09:59 柳洁琼Elena 阅读(69) 评论(0) 推荐(0) 编辑

【大屏项目】—— 使用DataV开发步骤

摘要： 1、选择分组，新建可视化，创建一个新的大屏： 2、数据可视化的铺屏: 根据设计图，通过添加组件的方式，将大屏页面在DataV中展示出来（可把设计图置于底层，降低透明度，将需要的组件从组件列表中拖入画布，更改组建的样式及位置）其中组件样式的修改，可以在右侧的配置面板中，根据实际需要调整并修改组件的样阅读全文

posted @ 2021-10-19 09:58 柳洁琼Elena 阅读(2535) 评论(0) 推荐(0) 编辑

【学习笔记】—— Vue面试题

摘要：前言：备份笔记是为了方便工作中查阅和面试前复习，也供大家共同学习，请勿用于商业用途，题目来自网上常见考题。阅读全文

posted @ 2021-10-19 09:55 柳洁琼Elena 阅读(53) 评论(0) 推荐(1) 编辑

【学习笔记】—— Vue原理

摘要：前言：备份笔记是为了方便工作中查阅和面试前复习，也供大家共同学习，请勿用于商业用途，课程来自慕课网。阅读全文

posted @ 2021-10-19 09:22 柳洁琼Elena 阅读(36) 评论(0) 推荐(0) 编辑

2021年10月18日

【学习笔记】—— Vuex&Vue-router使用

摘要：前言：备份笔记是为了方便工作中查阅和面试前复习，也供大家共同学习，请勿用于商业用途，课程来自慕课网。阅读全文

posted @ 2021-10-18 17:02 柳洁琼Elena 阅读(39) 评论(0) 推荐(0) 编辑