现在的位置: 首页 > web前端 > 正文

学Web前端,可选择的发展方向有哪些?

2019年12月13日 web前端 ⁄ 共 1875字 ⁄ 字号 评论关闭

  近几年前端领域不断地涌现出新的技术,旧的技术也不断地进行更新换代。随着技术的不断进步,前端开发涉及的领域,也变得越来越广,接下来跟小编一起来了解一下前端几个重要的领域吧。

一、PC

  PC(PersonalComputer)即个人电脑。目前电脑端仍是前端一个主要的领域,主要分为面向大众的各类网站,如新闻媒体、社交、电商、论坛等和面向管理员的各种CMS(内容管理系统)和其它的后台管理系统。

  其实早期并没有"前端工程师"的称号,那时候一般叫做"网页设计师"或"美工"。记得最早接触到的网页设计软件是微软开发的"Frontpage",后面才接触到"网页三剑客"(Dreamweaver、Fireworks、Flash)中的Dreamweaver,直到现在的各种IDE(集成开发环境),如SublimeText、WebStorm、VisualStudioCode、Atom等。

  对于前端工程师来说,开发PC端项目,最痛苦的事情莫过于解决浏览器兼容性问题,特别是IE浏览器不同版本的问题。值得高兴的是,针对现代浏览器不同特性的兼容问题,可以借助构建工具的插件来实现自动添加不同浏览器的特性前缀,比如PostCSS的Autoprefixer插件。

二、WebApp

  WebApp是指使用Web开发技术,实现的有较好用户体验的Web应用程序。它是运行在手机和桌面端浏览中,随着移动端网络速度的提升,WebApp为我们提供了很大的便利。此外近两年Google提出了一种新的WebApp形态,即PWA(渐进增强WebAPP)。

  PWA意图让Web在保留其本质(开放平台、易于访问、可索引)的同时,在离线、交互、通知等方面达到类似App的用户体验。PWA其具体技术包括Serviceworker、WebAppManifest、CacheAPI、FetchAPI、PushAPI、WebPushProtocol、Notification等等。

  WebApp的主要优点:

  开发成本低

  内容更新快

  升级无需通知用户,自动升级

  能够跨多个平台和终端

  WebApp的主要缺点:

  用户体验短期内还无法超越原生应用

  离线工作的能力较弱

  消息推送不够及时

  无法获取系统级别的通知,提醒,动效等等

三、WeChat

  WeChat(微信)这个平台,拥有大量的用户群体,因此它也是我们前端开发另一个重要的领域。微信的公众号与订阅号为市场营销和自媒体从业者,打造了一个新的天地。我们以微信公众号为例,来分析一下微信公众号的主要作用:

  信息推送

  用户服务

  用户互动

  此外除了公众号与订阅号外,微信又推出了微信小程序。微信小程序是一种全新的连接用户与服务的方式,它可以在微信内被便捷地获取和传播,同时具有出色的使用体验。

  微信小程序的主要优势:

  不用安装,即开即用

  相比于App开发来说,小程序开发成本更低

  UI和操作流程比较统一,降低用户的使用难度

  基于微信平台,推广更容易、更简单

四、Server

  Node.js一发布,立刻在前端工程师中引起了轩然大波,前端工程师们几乎立刻对这一项技术表露出了相当大的热情和期待。看到Node.js这个名字,初学者可能会误以为这是一个Javascript应用,事实上,Node.js采用C语言编写而成,是一个Javascript的运行环境。

  Node.js让JavaScript能够运行在服务端,这个想法简直太棒了。这使得前端开发人员不用再去学服务端开发语言,如PHP、Java、Ruby和C#等,也可以进入服务端的开发领域。当然学习的过程可能对于大多数纯前端开发人员来说,会比较痛苦和漫长。

  Node.js主要的Web开发框架:

  Express

  Koa

  Egg

  Nodal

  Sails

  Loopback

  当然前端涉及的领域,还不止这些。较新的领域还有,数据可视化、IOT(物联网)、机器学习等。网上也有大神专门整理了前端开发人员的技能图谱,有兴趣的读者可以参考一下,但一定要做好心理准备,不要被吓到哦。里面介绍的是综合的技能,对于初学者的话,只要先学HTML/HTML5、CSS/CSS3和JavaScript的基础知识,等入门后在参考技能图谱,好好规划一下学习或进阶线路哟。

  最后,这篇文章的目的不是为了炫耀前端开发有多牛逼,只是想作为有意向入行前端或刚入门前端人员的参考资料。俗话说得好,术业有专攻,希望新时代的前端开发者,能先专攻某个领域,然后再扩展其它领域,即先有深度再有广度。

抱歉!评论已关闭.