在vue项目中通过echarts引入北京地图爬坑引发对开发的一些思考 | 掘金征文

604 阅读3分钟

前言

学而时习之,不亦悦乎。学了一个知识点,一定要时常练习举一反三的将其相关内容都思考明白,才能不至于管中窥豹,才能窥一斑而知全豹,才能愉快而优雅地开发。所以本文我通过解决一个现实开发中遇到的技术问题,引申到对开发技巧的总结与思考。

一、首先说说在 vue 项目中通过 echarts 引入北京地图的具体步骤:

  1. 首先需要在 vue 项目中下载 echarts 包npm install -S echarts
  2. 在项目中引入 echarts import echarts from 'ecahrts'
  3. 因为是要渲染北京地图,所以要引入北京地图的模块包import "../../../node_modules/echarts/map/js/beijing"
  4. 初始化echarts数据,开始渲染地图
  5. 坑点:echarts.getMap("beijing").geoJson.features,括号里的名字要与下下来的包名一致,如下图。

二、谈谈解决问题的有效方法

  1. 其实如果能深入理解加载模块的原理,上边的坑就很容易迈过—— A 文件引入 B 文件名,但是 A 使用的其实是 B 文件中的方法名。拿上面的地图例子来说,地图的名字,应该是引入的地图 js 里定义的/注册的。
  2. 对于难题,为什么要迎难而上?因为每战胜一个困难,它都会变成我们的铠甲,解决过程是痛苦的、甚至需要花一两天时间,但是战胜困难的舒畅感会越来越让我们爱上攻克难题。成为同事眼中的不将就的人,成为boss眼中不解释、不抱怨、问题到我手里就解决的好同志。所以在完成本职工作的同时,多做事,不会吃亏,即使不是你的事情。
  3. 解决问题的思路是:首先心态上要冷静,从头思考围绕这个问题相关的知识点,大胆猜想可能造成问题的原因,然后一个一个去证实或者证伪你的猜想。
  4. 功夫在平常:平时多读书多积累,多思考多看大牛的源码,多实践。才能真正到遇到问题时临危不乱、淡定从容。总结起来八个字:模仿,练习,改例,试错。
  5. 由于大脑的结构使然,我们一遇到困难产生压力,很容易走神,那么如何训练专注力?那就是不停的想一个问题,追溯问题,可以用笔在纸上画一画,用逻辑图构思一下,最终达到融会贯通,见招拆招。
  6. 对于大工程要学会拆分任务,一点一点解决;而且你对工作满意后才能推给测试,再不断进行打磨,因为我们的每一个举动都是我们的名片,要给人靠谱的感觉就是做事滴水不漏,尽量少的让人抓住你的漏洞。富贵全在勤!
  7. 遇到尽吾志也不能至的情况,就说尽自己所能(查资料、试错)还是解决不了的问题,这时就需要恭恭敬敬的去请教大牛老师了。
  8. 项目研发过程中,要将需求问清楚再开始着手开发,期间不但要多交流而且要善于交流,多以欣赏的角度去沟通更有益于任务的高效完成。

结尾

天道酬勤,从一个看计算机都发怵的文科妹子,走到如今把写代码实现页面当做乐趣,期间的辛苦不言自明。但是只要熬过来,一切都会柳暗花明!

掘金征文 | 2020 与我的年中总结 征文活动正在进行中......