半点优化网 http://www.bdxc.net/
当前位置首页 > 网站技术问题> 正文

为什么现代前端框架放弃了HTML的常规用法?

2022-07-27 15:43:27 暂无评论 288 网站技术问题 前端   什么   区别

因为再不搞得貌似高大上,各种智能AI会让前端全部失业啊,所以把问题复杂化,可以延长技术岗位淘汰的时间

随着互联网和相关技术的发展,确实现在的前端框架越来越强大了,但是并不是说现在的前端框架就放弃了HTML的常规用法,所有的前端应用依旧是建立原有的HTML,CSS,JS的基础上的,依旧是遵照W3C标准去执行的。

毕竟最终呈现这一切的是浏览器,如果我们的标准和用法发生变化,首先就会从浏览器发生改变,但其实我们现在的浏览器并没有变,我们再新的网站,用谷歌很旧版本的浏览器依旧可以访问,当然兼容性上可能会存在一些些问题。

不过,HTML和JavaScript确实是在发展,HTML里面加上了很多新的属性,2008年的时候,HTML 5正式发布,不过当时的浏览器其实并不能很好的支持HTML 5,直到2012年,HTML 5的位置才算是稳定下来。JavaScript也是同样,它的版本一直都在迭代,从1997年诞生的ECMAScript(ES) 1.0 版本,到现在已经ES10了,但是浏览器对于ES的兼容还停留在ES6的水平上,只是我们想了更多的方案在前端的框架上。

简单来说,原有的渲染方式是先加载HTML,然后加载CSS进行渲染,然后加载JS进行渲染,这样的方式开销小,但是速度慢。而现在的渲染方式是先进行Virtual DOM(VDOM)的渲染,然后一次性将VDOM映射到DOM上,这样来加快渲染速度,但是缺点就是开销会变大。

不过我们计算机的性能现在已经很强大了,这么一点点的开销其实影响并不大,因此也就让现在的前端框架越来越喜欢新的这种渲染模式。

例如:我们原有的<select>标签,使用的时候就会使用传统的渲染方式,开销很小,但是确实外观上有时候不太符合现在人的审美,即使通过CSS各种美化,但是也有点不尽如人意。因此,我们现在的框架中,大多使用<div>的方式,配合JS设计了新下拉控件,虽然开销大了一些,但是加载速度快,好看且功能强大。

也由于这些各种自定义控件的出现,让原有的Form POST方式变得有点不太够用了,所以,基于Ajax的各种交互方式也就出现了。当然,这并不是说就放弃了传统的HTML,我们依旧使用的是传统的HTML,只是在它之上做了加工,让他能够更好,更符合现在人的使用习惯和审美。

而类似Vue,React,Angular这样的前端框架,也是为开发者提供了更多的便利,让开发者可以更专注于交互和功能,在一些简单的技术层面处理就交给了框架。

前端是做什么的,前端和UI设计有什么区别?

UI设计指的是用户界面设计,即User Interface Design,是指对软件的人机交互、操作逻辑、界面美观的整体设计。

UI设计一般分为:

网页界面:例如,淘宝,天猫,百度,搜狐等。

平板电脑:电脑系统 应用软件界面,游戏界面,APP界面,智能电视界面。

车载导航设备:包括智能电视、家电类微型液晶屏界面、卡拉OK点歌界面等。

总之就是,为软件的“外观”带来美的效果。

除此之外,UI设计还要考虑人机交互的效果。

比如:哪些常用功能放在什么位置用户用起来最顺手,所有会影响使用者体验的一切。如架构、互动、内容与及使用者对象、需求、价值观。

UI设计师需要用各种各样的工具去完成整个设计过程,包括PS、AI、Axure、Ae等等。

那么谁来实现呢?来,有请Web前端工程师出场!

没错,UI设计师和前端工程师是一种配合关系。

前者设计,后者把设计实现成代码。

在公司项目中,设计师了解前端,会极大提升和程序员的协作效率,减少技术信息不对称的现象。如果在一个网站项目中,程序员还在跟设计师讲解最基本的html、css、盒子模型知识,那开发效率就可想而知了。

Web前端开发是从网页制作演变而来的。网页制作是Web1.0进入Web2.0时代,网站的前端由此发生了翻天覆地的变化。网页的内容更加生动,网页上软件化的交互形式为用户提供了更好的使用体验。

通俗点说:web前端就是美工photoshop,交互设计,flash,js,html+css的结合体。就小规模公司而言,一个技术员都得会这几样技能,这样很锻炼人的,慢慢的你就会成为公司的主力。大规模的公司把这些分得很细,所以,你可以精通一门,熟悉其他的,进军大公司。

包含哪些技术呢?

比如:HTML5、CSS3、JavaScript、AJAX、VUE技术栈、React技术栈等等,火得不要不要的,需求之大、工资之高,啧啧!

除了工作岗位不同以外,二者最大的区别就是:

UI设计是属于产品方向,重点在于设计界面外观。

而前端工程师属于开发方向,重点在于写代码去实现页面功能。

对于初学者来说,无论是学UI设计还是前端开发,通过系统培训多涉猎一些相关知识,打好基本功,这对于将来在职场中的发展会更有帮助。

所以源妹儿建议,学哪一个都不错,目前市场就业需求都很好,可以按照自己的兴趣来,如果代码能力强可以试试前端、如果代码能力弱可以试试UI,年轻人就要敢于尝试!

前端工程师:是开发工程师岗位。是具有Web页面开发能力的工程师。主要的任务是将UI设计的效果,应用软件开发技术,使用计算机语言,编写成能够实现深度交互的原型页面。

UI:属于交互设计师岗位。主要做界面设计。是指对软件的人机交互、操作逻辑、界面美观的整体设计。UI设计分为实体UI和虚拟UI,互联网常用的UI设计是虚拟UI,UI即User Interface(用户界面)的简称。好的UI设计不仅是让软件变得有个性有品位,还要让软件的操作变得舒适简单、自由,充分体现软件的定位和特点。

猜你喜欢