echarts 显示隐藏后宽度高度变小问题，前端播放音频

最新推荐文章于 2024-10-04 00:46:18 发布

程序员哈520

最新推荐文章于 2024-10-04 00:46:18 发布

阅读量769

点赞数 16

分类专栏： 2024年程序员学习文章标签：前端 echarts javascript

本文链接：https://blog.csdn.net/m0_60567881/article/details/137090009

版权

2024年程序员学习专栏收录该内容

184 篇文章 1 订阅

订阅专栏

文章介绍了Vue组件中echarts的默认渲染方法，同时讨论了前端开发者面临的技能提升问题，提供了一份包含基础到进阶的2024年Web前端学习资料，涉及Vue双向绑定、生命周期、组件间通信、Vuex等内容，以及面试题和常见算法解析。

摘要由CSDN通过智能技术生成

默认的渲染方式是（echarts.vue）：

drawLine() {

// 基于准备好的dom，初始化echarts实例

// console.log(this.id);

let myChart = echarts.init(document.getElementById(this.id));

// 绘制图表

myChart.setOption({

title: {

text: “”,

tooltip: {

trigger: “axis”,

legend: {

data: [“新增用户”, “充值”, “返利”, “UV日活”, “PV访问量”, “发贴数”],

grid: {

left: “3%”,

right: “4%”,

bottom: “3%”,

containLabel: true,

xAxis: {

type: “category”,

boundaryGap: false,

data: [],

yAxis: {

type: “value”,

series: [

// 数据

});

以上是绘制的方法，默认的调用是在此组件的挂载阶段：

mounted() {

this.drawLine();

}

由于我们是在父组件调用，当容器为display：block的时候调用，所以此处调用注释掉！

父组件：

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新
如果你觉得这些内容对你有帮助，可以添加V：vip1024c 备注前端获取（资料价值较高，非无偿）

Vue 面试题

1.Vue 双向绑定原理
2.描述下 vue 从初始化页面–修改数据–刷新页面 UI 的过程？
3.你是如何理解 Vue 的响应式系统的?
4.虚拟 DOM 实现原理
5.既然 Vue 通过数据劫持可以精准探测数据变化,为什么还需要虚拟 DOM 进行 diff 检测差异?
6.Vue 中 key 值的作用？
7.Vue 的生命周期
8.Vue 组件间通信有哪些方式?
9.watch、methods 和 computed 的区别?
10.vue 中怎么重置 data?
11.组件中写 name 选项有什么作用？
12.vue-router 有哪些钩子函数?
13.route 和 router 的区别是什么？
14.说一下 Vue 和 React 的认识，做一个简单的对比
15.Vue 的 nextTick 的原理是什么？
16.Vuex 有哪几种属性?
17.vue 首屏加载优化
18.Vue 3.0 有没有过了解？
19.vue-cli 替我们做了哪些工作？
…