从一个技术人的炫酷简历,聊聊我公司的技术栈
经常看我文章的读者都知道,我创业了,关于我创业的情况,我在公众号上也很少提,因为我个人感觉没什么好提的,所以写的也少。其实,我一直也想找机会好好分享一些东西,今天我在浏览技术社区的时候,正好看到一个人做的炫酷的程序员简历。通过他制作这个简历的过程,聊一聊我创业公司的使用的技术栈,因为比较契合。
在切入正题之前,先看看这个小伙子做的简历,到底炫酷不炫酷呢?如下:
是不是感觉非常的炫酷和高大上呢?这其中他使用的技术正好跟我们公司前端使用的技术栈相吻合。那就是:
- HTML/HTML5
- CSS/CSS3
- JavaScript/ES6
- Vue
- Vue-Router
- ElementUI
- ECharts
其实作为一个创业型公司,尤其是像我们这种在二三线城市的创业型公司,很少会使用前后端分离的技术,因为前后端分离就会导致人员成本过高。在大部分的二三线城市一般都是一个人做好前后端,在三线城市 PHP 使用的很多,简单,上手快,模板多,开发快。
我们在创业之初,也是误打误撞的,不知道是否是脑子进水了,还是咋地,竟然采用了前后端分离的方式,这就导致我们现在每个前端都需要配一个后台开发。而当时我们使用的前端技术就是 Vue 。
前端框架用的是 Vue,而前端 UI 呢?当然是采用的基于 Vue 的 ElementUI ,它是由饿了么团队开源的,在国内应该算是前端非常火的一个 UI 框架了。它比较简单,上手也快,成熟度也还可以,是一个非常不错的 UI 框架。
看到上面作者画出得界面了么?就是使用的 ElementUI 和 前端非常著名的图表库:ECharts。
ECharts 其实在之前就特别想分享给大家,一直没有找到合适的机会。ECharts,是一个使用 JavaScript 实现的开源可视化库,可以流畅的运行在 PC 和移动设备上,兼容当前绝大部分浏览器(IE8/9/10/11,Chrome,Firefox,Safari 等),底层依赖轻量级的矢量图形库 ZRender,提供直观,交互丰富,可高度个性化定制的数据可视化图表。
它是由百度出品的,在前端开发者中应该是众所周知的一个图表库了。它也支持移动端和小程序,而且各种图表应该是非常全了,效果也非常好。
通过上面简历中的中国地图和各种柱状图和饼形图就知道了,这个库绝对值得推荐。
通过这么一聊,你们就知道了我们前端使用的技术栈了,我们的后台使用的是铁打的 Java ,选择的可以说是非常的稳重了吧!就是之前不知道怎么想的,当时为啥前端会采用这种技术栈,在这个节骨眼上,其实节约成本真的非常重要。
讲到这里了,我想对大家说,在这个业界大环境不好的时候,大家一定要埋头苦干,技术不压身,多学点东西,怎么着都不用怕。我知道关注我的读者中,大部分都是移动端开发的,大前端是趋势,这个我过几天再讲,为什么大前端是趋势。所以,作为移动端的开发者,掌握一门好的前端技术是非常有必要的。
可能作为移动端的开发者,不知道怎么入手。这里我想说:在前端的三大框架中 Vue ,React 和 Angluar 中,我强烈推荐大家学习 Vue ,不仅仅是中国人开发的,它有中文文档,而且它相比于其他两个,容易,上手快,在国内它的生态也越来越完善。然后自己再学点像 ElementUI 这样的 UI 框架以及 ECharts 图表库,你就能非常好的完成一个前端得开发任务。
当然,学习这个技术栈之前,自己必须会一些基础性的东西,就像是 CSS ,HTML 和 JS 都是必要的,尤其是 JS 得掌握熟练才行。所以想从移动端转前端的开发者可以试试这个学习技术栈。
- HTML/HTML5
- CSS/CSS3
- JavaScript/ES6
- Vue
- Vue-Router
- ElementUI
- ECharts
是不是感觉学习还没有方向,感觉没有一个现成的例子,有的,在文章开头不就说了么?这个叫梁峻荣的小伙子开源的这个炫酷简历的开源项目就是一个非常现成的例子。
为什么呢?因为我大致去看了看,这个项目他讲述的非常的清楚,从整体框架的搭建,基础配置,Vue 的安装,ElementUI 的安装,ECharts 的安装,以及如何分布实现这个简历项目和效果,写的非常清楚,就是一篇良心文章,适合一个想学前端的朋友看。
如果你是想入门,一个初学者,在看完这个流程之后,再去学习,可能会方向感更强。有兴趣的可以去试试。
简历项目的开源地址:https://github.com/LiangJunrong/document-library
关注 wx - 公 - 号 -:非著名程序员,对话框回复关键字 “1024”,免费领取 30 本经典编程书籍。
当然,在这里我们也要感谢这个开源简历项目的作者的辛苦付出。还不赶紧去关注 star 一波?