专栏首页web前端教室【流行】现在前端流行的技术是哪几种?

【流行】现在前端流行的技术是哪几种?

如标题,这是一个群里的同学问我的问题。

其实从根本上来讲,前端开发过去、现在、将来,至少在可能预见的将来,有且只有三种技术,就是html、css、js,其它的都是围绕着这三种技术在打转。

那么为什么会问出,前端流行的技术有哪些呢?

这就不得不提到一个开发的效率和便捷性的问题了。因为原生js、css、html在开发方面不是那么的快捷,手动的操作dom,更新页面更是浪费我们大量的工时在事务性的工作中。

为了让我们更加集中精力在完成业务逻辑方面,所以前端行业不断的推出了各种各校的框架、工具,最典型的就是jQuery,它本质 上就是一个DOM查找器,它的一切工作的出发点都是,“找到那个dom节点”。

<!-- -->

jq不是不好,相反它非常好。只不过它的出发点是找到dom,这就意味着我们要把工作的着眼点放在dom的crud上,这种思想之下写出来的代码基本上就是紧耦合。而这正是我们要着力避免的。

实际工作中,我们需要完成的是业务逻辑,是业务需求,这就需要我们更加专注于操作数据,然后把数据的变化反映到页面上去,这就是“数据驱动视图”,现在的ReactJs、VueJs,都是基于这个思路。

html,在这种框架之中,更多的是以模板template的角色出现的,它的作用是数据的载体,由数据来填充之。每当需求变化的时候,我们直接修改模板即可,而不需要去考虑模板的修改,会不会引发js的重写。

<!-- -->

随着前端业务的不断复杂化,许多之前由后端来进行的工作,都放在了前端的工作范围里,典型的就是nodeJs。它就是一个服务器。可能有同学不明白,前端就前端,为什么要搞一个服务器呢?

其实还是为了更好的处理数据。

数据依然是在数据库中,但前端js不能直接去对数据库crud,这不安全。但因为前端客户端的多样化,(有pc、手机、ipad、触摸屏、一体机、物联网等各种终端)为了适合这多种终端,同一个数据在前端那里可以需要不同的格式、结构,但后端数据库中又不可能每一种终端都给你保存一种格式。

怎么办?这时就需要有一个“中间件”来对同一份数据,进行不同的格式化。这个工作目前看来放在nodejs这里,是最好的。因为它是运行在服务端的,同时它的开发语言是js,同时还可以把格式化之后的数据直接通过模板渲染成页面,推送到客户端。

所以,基于以上,以及更多的用途、优点,nodeJs,大行其道。

<!-- -->

还有webpack也是一样,它的出发点,就是打包和资源加载与配置。这是为了资源的统一管理,其实也是为了适合不同的环境(生产环境、开发环境),不同的终端,为了提高网页的加载效率。

还有各种各样的这类工具,它们的出发点和目的都是基本类似的,都是为了“快”!没有哪一种前端工具是凭空出现的。

<!-- -->

所以看到这里,你应该明白,前端流行的技术是一直在变的,不是固定的某几种技术。今天可能流行a,b,c,明天可能流行xxx,所以也就有人哀叹说,前端的变化太快,学不过来,跟不上。

同学们要透过现象看本质 ,前端流行的不是工具,而是“思想”,

-- 早期是原生js;

-- 后来为提高效率,有mootools、prototype、yui,后来jQuery一统天下;

-- 再后来操作dom不灵活,“数据驱动视图”的思想大行其道,React、vueJs大火特火;

-- 同时期,nodeJs拓展了前端领域;

-- 同时期,webpack开始了资源的统一配置、管理;

--...等

这些工具都是因为前端行业,有了新的开发思想,导致了新工具的出现。现在,在2018年6月6日时,它们依然是流行的,但它们会一直流行、永远流行吗?

不会的,

那接下来,会是什么流行呢?

这就要看,更新一步的前端开发思想,是什么了?

那么更新一步的前端开发思想,是什么?在哪里呢?

-- 你要多写、多做、多想,它在你脑子里;

-- 你要多看书,许多同学的各种问题,其根本原因就在于,看书少。

就酱

本文分享自微信公众号 - web前端教室(webfeel)

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2018-06-06

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 有同学问了我一个很多前端都在担忧的问题

    如图,这是今天一个先行者计划的成员,在同我聊天的时候提到的问题。这个问题确实是客观存在的,前端变化快,一会今天这个了,一会明天又那个了。 “我都有点动摇了,我原...

    web前端教室
  • [2018/08/27期]学生们今天结课了,今天这篇文章是写给你们的

    前端这个行业日渐火爆,以后还将继续火爆,许多新人、零基础、转行的人不断进入。他们都有一个共同的问题,那就是“如何提问?”

    web前端教室
  • 明确告诉你,眼界不够,JS再好也成不了好前端

    一般来讲,从陌生到基本了解一个新的行业,至少需要二年。你在任何一个行业工作超过二年之后,才能算基本了解这个行业的方方面面。 前端开发行业,也不例外,从零开始到真...

    web前端教室
  • 为什么应该学javascript-浏览器

    打开一个链接是一个很神奇的操作。我们接触到的软件有各种各样的形式。windows的安装包,iOS的app,安卓的app。但是我们最容易获得的软件是什么?wind...

    于欣轩
  • 快速学习ReactJS-搭建环境

    在UmiJS的约定中,config/config.js将作为UmiJS的全局配置文件。

    cwl_java
  • Javascript无阻塞加载方法

    看了《高性能JavaScript》的读书笔记 几个原则: 1、将脚本放在底部 <link>还是在head中,用以保证在js加载前,能加载出正常显示的页面。 <s...

    小端
  • 零基础web前端学习路线,前端入门到精通看这个就够了

    想学好web前端,该从哪里入手学习呢?零基础学习web前端学习路线图从哪里可以找到呢?这里为大家整理完整的零基础 前端学习路线分享给大家。

    用户5827212
  • 内容平台 Medium 的技术体系

    Medium 是全球知名的内容平台,访问量惊人 据半年前的数据统计,用户在 Medium 上阅读时间的总和已经达到 2600年,每月有2500万阅读者,每周有数...

    dys
  • Python学习笔记—第二章—IPyth

    tar zxvf ipython-0.13.2.tar.gz python setup.py install

    用户2398817
  • 震惊:通话几分钟,月入数万元

    案件背后浮现出一条非法出售、非法购买个人信息的利益链……谁是躲在幕后的买家?买来的信息又去了哪? “个人信息非法交易”+“网络诈骗”:通话几分钟,月入数万元 今...

    用户1467662

扫码关注云+社区

领取腾讯云代金券