为了账号安全,请及时绑定邮箱和手机立即绑定

【金秋打卡】第25天 对渲染数据进行处理

课程名称:Vue + EChart 4.0 从0到1打造商业级数据报表项目 课程章节:4-12---4-18对渲染数据进行处理 课程讲师: Sam 课程内容: 累计销售额组件数据接入 // 正则实现千分位显示 function format(v) { const reg = /\d{1,3}(?=(\d{3})+$)/g return `${v}`.replace(reg, '$&,') } function wrapperObject(o, k) { if (o && k.indexOf('.') >= 0) { const keys =...

67浏览
1推荐
0评论

【金秋打卡】第24天 4-9 http请求公共方法封装,provide+inject传输数据

课程名称:Vue + EChart 4.0 从0到1打造商业级数据报表项目 课程章节:4-9 http请求公共方法封装provide+inject传输数据 课程讲师: Sam 课程内容: 为了方便项目的统一请求,这里封装了下http的公共请求方法 首先安装axios // npm i axios -S // request.js中封装 import axios from 'axios' const service = axios.create({ baseURL: 'https://apis.imooc.com', timeout: 5000 })...

78浏览
1推荐
0评论

【金秋打卡】第23天 开发支付转化率组件以及词云图的基本用法

课程名称:Vue + EChart 4.0 从0到1打造商业级数据报表项目 课程章节:开发支付转化率组件以及词云图的基本用法 课程讲师: Sam 课程内容: 开发支付转化率组件,根据上一节课的学到的知识完成这节课的内容,首先新建LiquidFill.vue组件,再在MapView.vue中引用代码如下: <ve-liquidfill :data="chartData" height="100%" :settings="chartSettings" /> <script> // 根据不同的百分比显示不同的颜色值,自定义了水球图的颜色显示...

70浏览
1推荐
0评论

【金秋打卡】第22天 利用v-charts重构地图,初识水球图

课程名称:Vue + EChart 4.0 从0到1打造商业级数据报表项目 课程章节:利用v-charts重构地图 / 初识水球图 课程讲师: Sam 课程内容: 使用v-charts 重构地图 BMap2.vue // 修改vcharts.js import Vue from 'vue' import VCharts from 'v-charts' import 'v-charts/lib/style.css' // 简单的应用 <template> <div> <ve-map :data='chartDate'...

55浏览
1推荐
0评论

【金秋打卡】第21天 重构分类销售排行组件开发,与销售大盘基础设置

课程名称:Vue + EChart 4.0 从0到1打造商业级数据报表项目 课程章节:重构分类销售排行组件开发与销售大盘基础设置 课程讲师: Sam 课程内容: 重构复杂的环形销售排行榜, // 定制数据配置环形图 renderPieChart(){ const mockData = [ { legendname:"粉面粥铺", value:67, percent:'15.40%', itemStyle:{ color:'#e7e702' }, name:'粉面粥店 | 15.40%' }, {...

42浏览
0推荐
0评论

【金秋打卡】第20天 重构销售趋势图和列表开发,新增关键词开发

课程名称:Vue + EChart 4.0 从0到1打造商业级数据报表项目 课程章节:重构销售趋势图和列表开发,新增关键词开发 课程讲师: Sam 课程内容: 重构销售趋势图和列表开发 利用动态v-bing动态对前三名进行排行显示,:class="['list-item-no', +item.no <= 3 ? 'top-no' : '']",之前使用的都是选中单独设置, 设置 yAxis样式 ,y轴水平线 axisLine axisTick 是将竖线去掉 alignWidthLable:true(默认是false) 柱状图跟跟虚线对齐...

40浏览
1推荐
0评论

【金秋打卡】第19天 重构核心指标组件之销售组件日期组

课程名称:Vue + EChart 4.0 从0到1打造商业级数据报表项目 课程章节:重构核心指标组件之销售组件日期组件 课程讲师: Sam 课程内容: 使用vue-echart重构,重构的样式会很简洁,无关的样式比如获取DOM等都可以删除了 创建公共的style样式 src/style/index.css .echarts { width: 100%; height: 100%; } .el-card__header { border-bottom: none; padding: 0; } 在mian.js中引入css import Vue from 'vue' import App from...

45浏览
1推荐
0评论

【金秋打卡】第18天 顶部组件完善\vue-echart/v-charts 入门

课程名称:Vue + EChart 4.0 从0到1打造商业级数据报表项目 课程章节:顶部组件完善\vue-echart/v-charts 入门 课程讲师: Sam 课程内容: 绘制三角形 { type:'custom', stack:"总量", // 跟需要同步的stack一直 data:[200],// 跟需要同步的数值一直 renderItem:(params,api)=>{ // 自定义绘制图表 ​const value = api.value(0) // 获取自定义图标的值也就是200 ​ ​const endPoint = api.coord([value,0]) //...

27浏览
1推荐
0评论

【金秋打卡】第17天 顶部核心数据指标布局前三个card设置

课程名称:Vue + EChart 4.0 从0到1打造商业级数据报表项目 课程章节:顶部核心数据指标布局前三个card设置 课程讲师: Sam 课程内容: 核心指标公共组件抽取,使用slot做插槽,分别定义中间的跟底部的不一致,底部的利用slot,name进行区分,中间的利用slot默认插槽进行区分,根据border设置公共的三角形,方便其他的组件使用 <template> <div class="common-card"> <div class="title">{{title}}</div> <div...

35浏览
0推荐
0评论

【金秋打卡】第16天 数据报表项目初始化

课程名称:Vue + EChart 4.0 从0到1打造商业级数据报表项目 课程章节:数据报表项目初始化 课程讲师: Sam 课程内容: 数据报表项目介绍 1、技术选型 2、前端静态页面开发 项目初始化 项目初始化 安装vue脚手架:cnpm i -g @vue/cli vue create imooc-datev-report // 创建项目选择manually手动安装 安装下babel router css pre-processours linter / fotmatter 不选择history模式:? use history mode for router? (Requirestup for index...

42浏览
0推荐
0评论

【金秋打卡】第15天 预习数据可视化

课程名称:Vue + EChart 4.0 从0到1打造商业级数据报表项目 课程章节:1-1 预习:课程食用指南 课程讲师: Sam 课程内容: 什么是数据可视化? 数据可视化,是关于数据视觉表现形式的科学技术研究 数据可视化简单理解,就是将数据转换成易于人员辨识和理解的视觉表现形式,如各种 2D 图表、3D 图表、地图、矢量图等等,随着技术的不断进步,数据可视化的边界也在不断扩大 数据可视化发展史 在获得计算机图形学发展后,先后经历了科学可视化、信息可视化和数据可视化三个阶段,

29浏览
1推荐
0评论

【金秋打卡】第14天 多应用场景应用技术栈考量与前端技术展望

课程名称:六大场景 多应用场景应用技术栈考量与前端技术展望 课程章节:多应用场景应用技术栈考量前端技术展望 课程讲师: Brian 课程内容: 技术栈考量 技术栈选择 1、团队技术实力与业务需求结合 2、能够复用,坚决不造轮子﹔需要造轮子,坚决不牵强 3、怎么简单怎么来,多考虑时间、进度、质量因素 技术展望 1、typeScirpt :全面普及,vue3.x已经到来 2、跨端能力增强:Flutter2.0/electron,uniapp 3、工程化能力:node.js +后端能力+自动化高效能团队 高级人才的特征

69浏览
0推荐
0评论

【金秋打卡】第13天 前端自动化与多端需求分析

课程名称:六大场景 前端自动化 多端应用需求分析难点解析 课程章节:前端自动化 多端应用需求分析难点解析 课程讲师: Brian 课程内容: 什么是自动化?什么是CICD? 自动化相关概念 前端自动化是指前端代码的自动化构建、打包、测试及部署等流程。 持续集成(Continuous Integration )持续部署(Continuous Deployment )前端自动化通常与CI/CD流程相结合。 自动化流程的意义 1、减少人为失误,提高软件质量 2、效率迭代,便捷部署 3、快速交付,便于管理 先从本地的git提交

55浏览
0推荐
0评论

【金秋打卡】第12天 ESLint是如何使用和实现的?

课程名称:六大场景 ESLint是如何使用和实现的? 课程章节:ESLint是如何使用和实现的? 课程讲师: Brian 课程内容: 什么是ESLint? JavaScript是一个动态的弱类型语言,在代码编写的过程中,经常会出错,而因为其没有编译程序,为了寻找代码错误的地方,需要在执行的过程中不断的调试。 ESLint的作用就是让你在开发过程中发现自己的代码问题以及不规范的地方,提前发现问题所在,并且可以规范团队的代码风格保持一致。 ESlint是一个开源的JS代码检查工具,它的目标是提供一个插件化

88浏览
0推荐
0评论

【金秋打卡】第11天 缺陷控制概念&最佳实践

课程名称:六大场景 缺陷控制概念&最佳实践 课程章节:7-4 缺陷控制概念&最佳实践 课程讲师: Brian 课程内容: 缺陷控制:就是在项目全生命周期中,保障项目质量的一系列行为。 软件开发 1、需求不明确(返工:沟通/督办) 1)需求经常变化 2)需求文档不清晰 3)客户未确定需求 4)内部反推动的工作风气 5)功能模块未讨论清楚,分工不具体,人员未指定。 2、进度有超期(加班:缺陷跟踪) 1)经常项目上线加班 2)经常前期推不动,重度依赖UI设计、产品经理 3)无人Push放

53浏览
0推荐
0评论

【金秋打卡】第10天 关于git、git flow的知识点

课程名称:六大场景 关于Git你需要知道的知识点 课程章节:关于Git你需要知道的知识点 课程讲师: Brian 课程内容: git flow 经典模型的问题 1、必须使用dev分支 2、复杂度高:修复与发行版分支 3、多次合并合并 现在多数用的git flow 适用于持续集成多环境场景 上游分支向下游发展 流程∶Bug->New Branch->master->pre branch->Target Branch 如何使用git git使用https协议,每次pull, push都要输入密码,相当的烦。 使用git协议,然后使用ssh密钥。这样可以省去每次都

51浏览
0推荐
0评论

【金秋打卡】第9天 JWT鉴权方式实现

课程名称:六大场景 JWT鉴权方式实现 课程章节: JWT鉴权方式实现 6-5 课程讲师: Brian 课程内容: 实现koa-jwt鉴权 安装与使用 // npm install -S koa-jwt import Koa from 'koa' import JWT from 'koa-jwt' import path from 'path' import helmet from 'koa-helmet' import statics from 'koa-static' import router from...

70浏览
0推荐
0评论

【金秋打卡】第8天 初识Web框架Koa与属性

课程名称:六大场景 初识Web框架Koa与属性 课程章节:初识Web框架Koa与属性 课程讲师: Brian 课程内容: koa简介 Koa是一个新的web框架,致力于成为web应用和API开发领域中的一个更小、更富有表现力、更健壮的基石。 利用async函数丢弃回调函数,并增强错误处理。Koa没有任何预置的中间件,可快速而愉快地编写服务端应用程序。 koa核心概念 1、koa Application(应用程序) 2、context(ctx) s上下文 3、请求(requet)、响应(res) // 实现koa // npm init -y 初始化we

39浏览
1推荐
0评论

【金秋打卡】第7天 API接口安全相关知识(加密&算法&HTTPS)

课程名称:六大场景 什么是mock数据,如何使用mock 课程章节:第7天 API接口安全相关知识(加密&算法&HTTPS) 课程讲师: Brian 课程内容: 登录鉴权 核心: 鉴权的方式: session/cookie : 优点:较易扩展 /简单 缺点:安全性低、性能第,服务端存储,多服务器同步session困难,跨平台困难 JWT: 优点:易扩展,支持移动设备,跨应用调度,安全,承载信息丰富 缺点:刷新与过期处理,payload不易过大,中间人攻击 Oauth: 优点:开发,安全,简单,权限指定 缺点:需要增

63浏览
0推荐
0评论

【金秋打卡】第6天 什么是mock数据,如何使用mock

课程名称:六大场景 什么是mock数据,如何使用mock 课程章节:5-3 接口测试必会的Mock接口&平台介绍 课程讲师: Brian 课程内容: 什么是Mock数据? 1、模拟真实接口:实现效率开发,前后台同步,特别是分布式系统 2、虚拟业务场景:某些开发场景非常难触发,还有一些一场逻辑,交互逻辑 3、压力测试 常见的Mock数据工具:yapi 、easy mock 、dockever、 fast mock、 mock数据:即为虚拟的数据/虚假的测试数据 mock开发:就是使用mock数据,实现效率开发 mock特点:模拟接口

60浏览
0推荐
0评论
首页上一页12下一页尾页
意见反馈 帮助中心 APP下载
官方微信