本文目录

• 在浏览器中用Canvas和WebGL开发游戏还能算是前端开发吗
• 请问作为一个程序员都需要掌握哪些知识自学行吗
• webgl或者说three.js的发展前景怎么样
• 程序员如何轻松实现数据可视化

在浏览器中用Canvas和WebGL开发游戏还能算是前端开发吗

不能算是传统前端的工作，但要看到技术发展对分工和工种变化的推动。

web初期，第一代前端人员基本都是程序员转过去的，界面丑是那个时代软件的一个大标签。

随着界面技术的发展和人机交互的需求提升，专业化的界面设计师被引入进了软件开发体系，这个时期，前端是设计师+程序员合力做出来的，很难定义前端的工种到底是设计师还是程序员。

web2.0和js技术的成熟，带动了一大批程序员和设计师结合的更紧密，开始你中有我我中有你，程序要要会css，设计师要会js，开启了工种的融合阶段。

前端框架的出现，屏蔽了大多数的两种工种的边界，彻底的把程序员和设计师结合在一起，形成了现在意义上的前端工程师，但是这些人不是传统程序员，更像个设计师。

随着浏览器技术的提高和发展，浏览器中的2d和3d技术越来越成熟，就会产生另一种前端工程师，但是他们不是美工，更像个程序员。

这两种不同类型的前端工程师，要解决的需求是不一样的，而且工作内容差异极大。现在的前端工程师更准确描述是前端交互工程师，另一种应该描述为前端建模工程师。

请问作为一个程序员都需要掌握哪些知识自学行吗

目前程序开发岗位的人才需求量还是比较大的，但是要想获得高附加值的开发岗位，或者想进入IT互联网领域的大厂，一定要重视三个方面，其一是重视丰富自己的知识结构，其二是重视实践能力的提升，其三是重视算法知识的学习。

虽然当前开发岗的人才缺口相对比较大，但是不论是互联网大厂，还是传统行业领域的企业，对于非计算机专业的同学应聘开发岗，并不算太友好，这就要求非计算机专业的同学，要尽早通过实习来积累一定的开发经验，而且还需要不断补学一些专业课。

对于计算机专业的同学来说，要想获得更强的岗位竞争力，除了要学好专业课之外，还需要围绕自己的就业目标岗位来制定学习计划。

从当前大的技术发展趋势来看，开发岗目前要重点掌握三方面内容，其一是要重视云计算相关知识的学习，目前云计算已经进入到了云原生阶段，这个阶段需要程序员掌握微服务、DevOps、持续交付、容器化、FaaS、BaaS和云开发相关的内容。

其二是重点掌握大数据相关技术，随着大数据技术开始逐渐落地应用，更多的程序开发需要围绕大数据平台来展开，所以对于程序员来说，要掌握大数据平台的相关内容，要能够基于大数据平台来完成一些数据价值化的开发任务。

其三是具备场景开发能力，这是提升自己就业竞争力的关键因素，而场景开发能力往往需要通过参加课题组和项目组来锻炼。

本科期间的学习规划对于个人发展的影响是非常大的，对于大一和大二的同学来说，不论未来是选择继续读研，还是参加就业，都要重视比赛和科研实践活动，而且在进入大二之后，要尽快确定一个自己的主攻方向。

最后，如果有计算机专业的学习问题，可以向我发起咨询。

webgl或者说three.js的发展前景怎么样

工业设计是现代化制造业的一个基础，我们设计一款产品，通常会输出一个3D模型，然后验证3D模型的合理性，再制造出相应的产品或者零件。

随着工业互联网的快速发展和浏览器功能的完善，现在主流的浏览器都支持three.js展示3D模型。现在已经有很多3D打印、建筑设计、家居设计方面的公司，使用three.js做3D模型的展示。所以我对three.js的发展前景非常看好，three.js方面的人才需求越来越大。

3D模型为什么可以在浏览器的展示呢？因为主流的浏览器都支持了WebGL协议，而Three.js本身又是对WebGL提供的接口进行了好友的封装，下面我们一起深入了解一下WebGL和Three.js的基本概念。

WebGL介绍

WebGL（全称Web Graphics Library）是一种3D绘图协议，现在已经成为主流浏览器支持的一种标准协议，这样使得我们无需开发浏览器插件就能够支持3D模型在浏览器的运行，还可以用来设计3D网页游戏等等。WebGL给我们提供了一系列的图形接口，能够让我们通过JavaScript去使用 GPU来进行浏览器图形渲染，但直接使用 WebGL相关接口进行开发，入门门槛较高，需要学习的知识较多，项目开发周期长，为此Three.js 应运而生。

Three.js介绍

Three.js是JavaScript编写的WebGL第三方库，对WebGL提供的接口进行了非常好的封装。Three.js是一款运行在浏览器中的 3D 引擎，你可以用它创建各种三维场景，包括了摄影机、光影、材质等各种对象。Three.js 以简单、直观的方式封装了3D图形编程中常用的对象，降低了入门门槛，提高了项目开发的效率。

综上所述，未来webgl或者three.js将会有非常好的发展前景。Web浏览器支持更加强大的3D渲染展示是大势所趋。

程序员如何轻松实现数据可视化

这里以Web前端为例，简单介绍一下程序员是如何实现前端数据可视化的，主要内容如下：

Highcharts.js

这是一个纯粹的JavaScript可视化库，完美支持移动端，可以快速的为Web网站添加具有交互性的图表（包括曲线图、散点图、柱状图、条形图、饼图等），个人可以免费学习使用，下面我简单介绍一下这个库的使用：

1.首先，引入Highcharts.js库，这里以最简单的CDN引入为例（也可在本地下载后引入），直接在script标签src属性中指定CDN地址就行，基本思路先创建一个div容器，然后通过JS API引入图表，Html部分代码如下，非常简单：

2.接着就是JS API配置图表，这里直接根据官方文档配置就行，每个参数介绍的都非常详细，也有示例可供参考，添加到上面的Html代码图标配置那块就行，测试代码如下，一个简单的柱状图：

用浏览器打开这个html文件，效果如下，就是我们需要绘制的图表，还不错：

3.官网也提供了许多的示例，几乎涵盖了各种图表数据的制作，非常适合初学者学习，注释的很详细，也可在线运行，感兴趣的话，可以学习一下，非常有用：

ECharts.js

这是百度设计开发的一个Web前端可视化库，可以流畅的运行在PC和移动设备上，并且提供高度可定制化的图表，种类繁多，交互丰富，下面我简单介绍一下这个库的使用：

1.首先，引入ECharts.js库，这里也直接src引入就行（或者本地引入），基本思路和Highcharts.js一样，先创建一个div容器，然后通过JS引入图表就行，Html部分代码如下，也很简单：

2.接着也是JS API配置图表并进行显示，这里也按照官网文档设置就行，非常详细，测试代码如下，一个简单的柱状图，添加到上面的Html echarts图表那块：

用浏览器打开这个html文件，效果如下，非常不错：

3.更多图表示例可以参考官网，包括地图、热力图、雷达图、极坐标图等，介绍的非常详细，也可在线运行，效果非常不错：

D3.js

这是一个非常强大的前端可视化库，出现的比较早，组件和属性众多，几乎可以绘制各种图表，眼花缭乱，下面我简单介绍一下这个库的使用：

1.首先，引入D3.js库，这个直接通过script标签的src属性在线引入就行，Html代码如下，很简单，很好理解：

2.接着就是在script那部分进行图表绘制，这里都是函数式的编程，代码量比较多（但设置操作更灵活），需要一定的JS基础，对于初学者来说，理解使用起来还是具有一定的难度：

浏览器打开的效果如下，非常不错：

3.更多示例可以到GitHub官网上查看，介绍的非常详细，也有源代码可以下载到本地参考学习：

至此，这里就简单介绍完了程序员如何进行Web前端数据可视化。总的来说，这3个前端可视化库使用起来都非常不错，Highcharts.js和ECharts.js适合初学者学习和掌握，文档和资料也比较多，D3.js学习起来具有一定的难度，资料也是以官方的英文教程为主，感兴趣的话，可以研究一下，毕竟功能非常强大，当然，你也可以使用其他可视化库，像G2等也都非常不错，网上也有相关教程和资料可供参考，希望以上分享的内容能对你有所帮助吧，也欢迎大家评论、留言补充。