在线客服
扫描二维码
下载博学谷APP扫描二维码
关注博学谷微信公众号
前端的“今天”
我们先谈谈第一点:现阶段前端的方向划分
其实,从本质上来说,前端就是前端,没有什么方向划分。如果非要划分的话,那只能以浏览器的运行环境为标准,将其分为:电脑端的网站开发与手机等移动端网站开发。
二者的区别就在于前端开发的三要素: 结构、样式、行为。
从页面结构来说,二者的设备宽度不同。
个人电脑宽度都比较大,有足够的空间展示网页的内容,我们可以将页面或丰满或简约的呈现出来。而对于移动设备而言,无论你的手机分辨率有多高,屏幕有多大,也只有ipad pro那种级别才能和个人电脑媲美。所以,对于移动网站的布局和呈现,基本上都会是简约但不简单的。
从页面适配角度来说,两者所处的环境不同。
电脑端需要考虑的是浏览器的问题,IE6~IE10、Edge、Chrome、FireFox、Safair,不同浏览器的呈现效果有所差异,不同版本的浏览器兼容性也有所不同。而移动端由于浏览器环境较为统一,所考虑的只是屏幕大小的问题;移动设备纷繁复杂,如何用最小的工作量,让移动网站能在不同宽度的设备上呈现出相似的效果,也是前端经常要面临的问题。
正如“博学谷官方网站”,在电脑上和在手机上呈现的方式就不太一样!
从用户交互行为的角度来讲,二者交互方式不同。
在电脑端,我们更多的是用键盘、鼠标与应用进行交互。而在移动端,我们更多的是用触摸、滑动、旋转、拖拽等单点/多点手势进行交互,交互行为更为复杂。
总之,不管是移动端和手机端,前端工程师的关注的,都是如何让页面结构更合理,样式表现更合适,交互动作更贴近用户。如果我们找准关键点,电脑端的网页开发与移动端网站开发,并没有什么区别。
当然,想要在前端方向走得远,不仅仅要了解其目前的方向划分,更重要的是着眼于未来。
前端的“明天”
无论是在电脑还是在手机的浏览器上,网站应用基本就是“点开即用”,它不像 Android / IOS 一样要进行 app 安装。运行在浏览器上的网站应用,没有了设备和系统的桎梏,实质上已经跨越了平台,触达了最广泛的用户。以前的前端可能做的是页面,是呈现,现在的前端更关注的是“交互”,是如何实现应用跨平台的解决方案。
随着互联网的发展,信息的交互已经非比寻常,而前端技术也随着更为复杂的需求、更宽的网络带宽、更先进的移动端和PC设备而迅猛发展。得益于优秀的跨平台特性,前端已然在电商、金融、教育、旅游、医疗等不同行业站稳了脚跟;而信息交互和数据呈现的本质,又使得前端在大数据可视化、云计算、游戏开发、VR / AR 和物联网等领域建立了桥头堡。
“大”前端已是众望所归。
前端的越来越“大”,不仅仅带来了挑战,还创造了更多的机遇。
对于从业者而言,前端的学习成本会越来越高,但触及的领域,涉猎的行业也会越来越广泛,未来无论是转型还是发展,前端程序员都有了更多的选择!
此处,我引用阮一峰的一句话:
面对技术的高速发展和百花齐放,我有时也感到疲倦烦躁。但是,每当看到它们带来的生产力的飞跃,让你一个人快速搞定前后端的全部开发时,就觉得这终究还是一条正确的道路!
读书不趁早,后来徒悔懊。现在的前端仍在蓄势,既然你有意从事这个行业,我希望你能尽快的投入到学习中去,只有这样,才能在一浪高过一浪的信息技术的热潮中,做时代的弄潮儿!
前端路漫漫,执着则向前,希望你在这一段路途有所收获!
— 申请免费试学名额 —
在职想转行提升,担心学不会?根据个人情况规划学习路线,闯关式自适应学习模式保证学习效果
讲师一对一辅导,在线答疑解惑,指导就业!
相关推荐 更多
Web前端开发培训班课程怎么样?能学到什么知识呢?
Web前端开发就业班课程怎么样?能学到什么知识呢?学习Web前端开发是进入互联网技术领域的捷径。相对后端编程学习而言,Web前端开发相对更加容易,对于零基础人群的入行是非常有利的。这里就和大家分享一下关于Web前端开发就业班课程的相关情况。
7815
2019-12-05 15:48:32
Node.js-Koa2框架实战项目需要学习哪些知识点?
Node.js-Koa2框架实战项目需要学习哪些知识点?Node.js-Koa2框架实战项涉及技术选型和知识点、技术方案设计、用户管理、用户设置、创建微博、个人主页、广场页、首页功能、at 和回复、at 提到我的、线上环境等内容。
8620
2019-10-15 14:27:44
Web自动化测试主流框架有哪些?
Web自动化测试主流框架有哪些?现在市面上的Web自动化测试主流框架有selenium、AutoRunner、watir、Robot Framework、QTP。这五种主流框架都是目前被广泛使用,且深受程序员的喜爱和欢迎。下面本文将一一为大家介绍这些主流框架的优缺点。
11075
2019-10-24 11:40:27
系统了解静态页面和动态页面的区别
什么是静态页面?什么是动态页面?两者有什么区别?很多不了解前端技术的人可能会认为静态页面就是一个内容固定不变,没有任何效果的页面,而动态页面则是页面非常丰富,有各种交互效果和动态效果的页面。其实这个理解是错误的。通过本篇文章的阅读,详细为大家分享一下静态页面和动态页面到底是什么,两者有什么区别。
9888
2020-08-03 12:03:16
前端开发需要会什么?先掌握这三大核心关键技术
要成为一名前端工程师,你知道如何制作一个网站应用呢?
2779
2022-12-02 16:52:55