2018年,WEB前端新工具学习建议

简单来讲,就是更多实例,更多迭代,更多业务,更多思路。以业务业务来理解思路,以迭代来验证业务逻辑。

一句话,“学前端,只学Js不学业务逻辑、开发思路,没用。”

<!-- 正文一 -->

2018年嘛,目前看来,前端框架方面VueJs和ReactJs二分天下。

React背后有fb爸爸,不差钱,社区啊,维护开发,新工具方面都很到位。

Vue就是简单、轻量好上手,状态啊,路由啊,组件啊,mvvm都很简单直观。最重要的是,这是国人自己开发的,用起来确实好用,代码少。

AngularJs嘛,我个人主观看法吧,这东西日后的发展就是又一个ExtJs,主攻企业市场。

目前看来,react和vue这二大框架,已经是必备的了。如果让我个人选择一个的话,也许我会觉得VueJs更适合我。

<!-- 正文二 -->

毫不意外的,2018年的前端出现了更多的“轮子”,我意思是说更多的前端工具,

Next.js,一个新的用于React的JS框架。在我个人理解吧(毕竟没怎么深入使用),从文档和demo来看,这东西就是Create-React-App的替代工具。

更简单、更快捷、更方便、更易学。

也是通过npm安装,也是集成了webpack、babel等一堆的react相关。可以自定义接口、组件、服务器、路由、error信息等。

还能内嵌css,这不是向vueJs靠近了嘛。算是Create-React-App的一个替代方案。至于国内把它用于生产环境,看看再说吧。

<!-- 正文三 -->

Yarn,fb搞出来的又一个包管理器。比npm好,那是一定的,否则没有推出的必要。

npm有一些包的版本依赖,和安装速度方面的问题,yarn的目的就是解决这些问题。

yarn也是从npm源来获取模块的,其实就是又一个node包的客户端,有兴趣的同学可以自己安装看看。

还有其它更多的新工具babel、pwa等,就不再写了。

<!-- 结尾 -->

2018年的趋势嘛,我个人主观建议,

- 先学会ReacJs,再学VueJs;

- Next.js可以适当关注;

- yarn,可以适当跟踪,看需求;

- PWA,可以适当关注,目标是让web app无限贴近本地app。

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

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

原始发表时间:2018-01-07

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

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏编程

Vue-cli解析

前言 这段时间,算是空出手来写几篇文章了。由于很久都没有时间整理现在所用的东西了,所以,接下来会慢慢整理出一些文档来记录前段时间的工作和生活。 正文 首先,我们...

31160
来自专栏GreenLeaves

Class与Style绑定

本文主要介绍如何使用Vue来绑定操作元素的class列表和内联样式(style属性). 因为class和style都是属性,所以通过v-bind命令来处理它们:...

24390
来自专栏phodal

前端程序员必知:单页面应用的核心

这几年里,单页面应用的框架令人应接不暇,各种新的概念也层出不穷。从过去的 jQuery Mobie、Backbone 到今天的 Angular 2、React、...

28890
来自专栏GreenLeaves

Vue.js系列之四计算属性和观察者

一、计算属性 1、模版内的表达式非常便利,但是设计它们的初衷是用于简单计算的。在模版中放入太多的逻辑运算会让模版过重且难以维护,例如如下代码: <div id=...

26460
来自专栏GreenLeaves

Vue.js系列之一初识Vue

在看vue.js之前,可以先看这两篇文章,对于为什么要使用vue会有一定帮助 1、 Vue.js !important 2、界面之下:还原真实的MV*模式 !i...

24850
来自专栏phodal

我的职业是前端工程师【四】:如何选择合适的前端框架,告别选择恐惧症

将 package.json 中的 Ionic 版本改为 2.0.0 的时候,我就思考一个问题。这个该死的问题是——我到底要用哪个框架继续工作下去。 刚开始学习...

21050
来自专栏向治洪

Vue.js简介

Vue.js简介 Vue.js(读音 /vjuː/, 类似于view)是一套构建用户界面的渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设...

36470
来自专栏GreenLeaves

Vue.js系列之二Vue实例

每个Vue应用都是通过Vue函数创建一个新的Vue实例开始,代码如下: var vm=new Vue({}); {}是创建Vue应用时的参数对象 1、Vue实例...

24380
来自专栏GreenLeaves

Vue.js系列之三模板语法

Vue.js 使用了基于 HTML 的模板语法,允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。所有 Vue.js 的模板都是合法的 HTML ,...

268100
来自专栏向治洪

Vuejs和其他前端框架的对比

React React 和 Vue 有许多相似之处,它们都有: 使用 Virtual DOM 提供了响应式 (Reactive) 和组件化 (Composabl...

536100

扫码关注云+社区

领取腾讯云代金券

年度创作总结 领取年终奖励