Web 开发美高梅娱乐场网站: 17 年的所见所得

发布时间:2019-02-09  栏目:计算机教程  评论:0 Comments

网站真的需要 React、需要同构 JavaScript 吗?

好吧,那我们就重构代码,但是网站真的需要 React、需要同构 JavaScript
吗?我知道,这些技术都很酷,我们也想用。但是,我们真的愿意每六个星期就重写整个前后端代码吗?

新技术日新月异,尤其是 JavaScript
方面的。新技术每月都会出现,而且也有公司在推动着这些新技术。

如果某项技术是 Google 出品或 Facebook 出品,那么它一定很酷是吧?因为
Google、Facebook 的这帮家伙们知道他们自己在做什么。

美高梅娱乐场网站 1

所以当时就去了解了下 React,还看了看他们介绍 React 和 Flux
的那次演讲,会上他们基本上就说了这些:

“我们在 Facebook
上遇到了消息通知方面的问题,当消息被阅读了以后,状态并没有更新。”

“我们的这个 MVC 项目很糟糕,因为 MVC
本身就很糟糕,所以这个项目并没有很好地运行,所以我们发明了 Flux。”

当时,我的反应是这样的:“我勒个去,这都可以!?”

美高梅娱乐场网站 2

从什么时候箭头可以从 View 层画到 Model 层了?我认为这是错误的。

之后有一个问答环节,但是并没有人提问。在座的每个人可能都是这样想的,“恩恩,MVC
太逊了,我们确实需要 Flux。”

也许她是要表述一个观点,但是这个观点她并没有表述清楚。

然后我往下滚动页面,评论区有大量这样的评论,“这不对啊,这有问题啊,这根本就不是
MVC 啊!”

美高梅娱乐场网站 3

真搞不明白发布会上他们都在说什么。演讲完了,每个人都感觉 “恩,MVC
是挺逊的,我们确实需要 Flux,因为 Flux 解决了我们所有的问题…”

不过,说实话,我也没有资格谴责他们。我在会上的问答环节也没有站起来说“这个不对”,因为我向来就比较谦虚,我总是认为别人说的都是对的。~^.^~

那么,到底2016年javascript开发方向是什么(或者2017年又会有什么新的动向)?

保持冷静,勿信炒作

提出质疑,勿信炒作–我们早就该这样做了。

毕竟,不管是 Facebook 还是 Google,它们也只是公司。如果 Facebook 将
React 交给社区,他们就会有这样的议程。Angular 和 React
正在交付给新的开发者,或许并不是因为他们想给社区一些东西。

我们应该时刻保持清醒,在大多数的时代都不会平白无故地天上掉馅饼,所有的东西都是期望能够赚钱的。

所以如果有这种炒作的话,你确实应该提出质疑。

美高梅娱乐场网站 4

毕竟,所有的这些东西都仅仅是框架,是别人的代码!

在 JavaScript
的世界里,我们喜欢谈论不必要的依赖,因为那些由互联网上的某个陌生人撸出来的代码总是完美的,对吧?

使用第三方组件真的有点儿 low,使用整个框架同样也很 low。

问题是这样的,你依赖别人的代码,当你想修改一些东西的时候,你就必须去修改他们的源码。

所以此时此刻,你并没有学习使用编程语言本身来处理问题–你学习的是别人的代码,你调试的也是别人的代码。

过去有太多这样的案例,比如 PHP 的 Symphony
框架。你有一个生成器,然后直接运行就可以了,框架已经为你生成了你所需要的一切。但是,如果在某个时刻框架底层报错了,那你就真的不知道到底是哪里出问题了。

那么问题来了:

相比于快速完成项目,不依赖其他框架自己来做不是更好吗?

在这种情况下,当出现了问题时,你就得查看代码,学习如何让它们相互配合。

举个栗子,在 JavaScript 编程语言中有模块化这一概念–这个概念在 React
中体现的尤为突出–代码被分成一个一个的模块,然后以某种方式将它们组合起来。

我尝试着搞了一个 React 项目,但是我之后就执行 npm uninstall
卸载了所有的依赖,因为仅仅为了构建一个同构 React
应用竟然被安装了这么多的依赖。

美高梅娱乐场网站 5

上图中显示有 13 个依赖!13
个依赖打包出来的代码都上兆了。这种情况一定要谨慎处理啊。

桌面应用的对决:Nw.js vs Electron

如今,大量的软件需要同步数据到不同的平台(即,手机和桌面)。大部分都是起源于web
app,之后再创建桌面应用, 而为了更好的用户体验,web
app升级会更快,并且更容易。更何况,用户在什么都不装的情况下,都可能会卸载你的产品。由于体验不好,所以这是个比较大的考验。

在过去,人们为了那些web技术开发前端UI的桌面app产品,收到了CEF技术的验证。这并不容易,而且这些应用还没有真正的跨平台兼容。自从2014年,Node.js的出现,桌面应用框架可以很好的使用web技术开发,并处理跨平台的问题。但之后便没有出现新的东东。

如今,在该领域任有两个主要的技术:Nw.js(node-webkit原身)和Electron。虽然两者都是不错的选择,有自己的优势,这篇文章是关于发展趋势。

因此,让我们来看看两个项目在Github上的关注情况:

nwjs vs electron

出自 Star
History

虽然Nw.js出道较早,而且较为成熟,但Electron却以指数形式增长,而nw.js的增长看上去是平稳的线性的。

等等!由于Electron是在GitHub诞生的,考虑到GitHub上关注的公正性,我们去看下Google趋势,但好像或多或少反映了同样的情况:

nw.js vs electron

Electron比较新,但已经用在了一些知名公司比如Slack、微软、WordPress和Sencha.(Codementor
也用了Electron做了它的桌面应用)。Electron的简单易用,使得它的生态系统和社区平台也逐渐壮大。它的火热程度可能会延续到2017,使用Electron框架开发桌面应用,应该是开发者现在最好的选择。

进入 2000 年

在 2000 年我成为了一名 web 开发者,当时我在给 Austrian Job Service 教
Perl,因为在那个时候,找不到工作的人基本上都能成为一名 web
开发者,在当时这是种趋势。

那个时候 Perl 语言非常难,但是既然我已经准备教 Perl 了,那就是说明…

我非常非常聪明,是吧?

但是,真相永远是残酷的:其实我一点儿都不聪明。

当我尝试在数据库中更新数据集时,因为我不知道如何实现才算合理,所以一开始我的做法是先删除然后再插入。

美高梅娱乐场网站 6

那么问题来了:就我这种水平,我又怎么会认为我自己还能教学呢?答案就是:达克效应。

简单来说,达克效应就是:因为你无知,所以你不知道你自己有多无知。

美高梅娱乐场网站 7

那条绿线是你认为你知道的东西,那条黑线才是你真正知道的。那个时候,我认为自己无所不知,直到我完成了大学学业–应该是在
2011 年–我才知道 “好吧,其实我知道的也就那点儿东西”。

然后,你就开始变得稍微谦虚一些了,因为你开始学习那些你不知道的东西,接着你就开始有点儿绝望了。现在,我认为我在那个绿点的位置。

手机端框架对比:React Native vs Ionic

自从 React Native 横空出世以来,人们预测2016年将是React
Native之年,考虑到跨平台的开发模式,未来将是手机开发和web技术的时代。如果你谷歌一下React
Native app性能 ,你会发现很多赞扬。特别是在对比了HTML5 hybrid
app,因为它跑起来更平滑。是否2016属于React
Native之年?在宣传和关注上,看来它是达到了预期的:

react native vs ionic

但实际是否是这样呢?当写这篇文章时,React
Native仍然没有到达1.0版本(现在是0.26)。所以,如果你现在想用React
Native需要勇气和耐心去处理一些app问题,可能需要重构代码,还会有一些未知的问题(Codementor也仅仅使用在手机端)。因此,我们再看一下React
Nativc 和 Ionic 在npm的下载对比:

react native vs ionic

出自 npm
trends

从这个图可以看出,似乎React
Naitve正在以它的方式,超越ionic成为最佳的跨平台移动开发框架。

在如今的就业市场中,掌握React Native技术的人才也变得比ionic更加抢手。

react native vs ionic

出自
indeed.com

在AngelList的招聘列表中我们做了简单的统计,这个结果体现了同样的问题:在5月30号左右,有75个关于ionic的招聘,有65个关于react
native的招聘数据。

因此,如果在你的简历中有熟悉React
Native技术。在2016年,雇主们绝对会给你的提供更高的薪资。

认识下 Daniel Khan

DynaTrace 做过的任何和 Node
沾点儿边儿的项目基本上我都过了个遍。另外,我还在给 Lynda
做辅导课程。我在当地大学教书,有三个女儿和一个儿子。

这次讲话基本上都是我的故事,涉及到了我 17 年学到的关于 Node 的一些东西。

在我看来,世间万物都是循环的,它们会反复出现,因此我们能够以史为镜,避免重蹈覆辙。

美高梅娱乐场网站 8

这张照片拍摄于 1997
年,是我第一张使用网络摄像头拍摄的照片,照片上右边的那个家伙就是我。

我们购买这台 silicon graphics O2
差不多花了一辆小轿车的价钱,然后这个家伙跑过来说“现在我们正在使用网络摄像头一起拍照”。然后
哇哦 照片就出现在互联网上了,在那个时候这真的是一件特别炫酷的事情。

1998 年我就已经开始玩 HTML 了。

美高梅娱乐场网站 9

当时的网站看起来和图片上展示的差不多,而且那个时候这本书还没写呢。

那个时候还木有 Google,木有 Facebook,木有 GitHub,木有
Wikipedia,也木有 StackOverflow。

那个时候我们只有新闻组,我们可以在上面提问,其他人也可以回答问题。有点儿像
email,但和 email 还是有区别的。

美高梅娱乐场网站 10

时间走到了 1999 年,也就是 17 年前,我在 Square 新闻组里写下了我的问题:

  • “我正在写 web 数据库,但是我们已经有桌面数据库了呀。”

是的,Microsoft Access!

  • “我的主机支持 MySQL,但是我并不知道这是什么意思…”

我真的不知道。

  • “我知道 query 语句是如何运行了。”

其实,我完全不知道。

那个时候,我真正学到的一点是:网络永远不会遗忘。那时我真的是毫无头绪。

JavaScript –
由于它是web开发中最基本的语言,无论你怎么看待它,我们都要去考虑它的”未来”。毕竟,浏览器可能是PC和移动设备都在使用的最广泛的软件应用程序了。

为未来的你写代码

然后,在 2002 年到 2012 年之间我做了许多项目,大部分都是 web
项目,许多是基于 PHP
的,不管你相不相信,其中的一些项目到现在仍然在线上运行着,比如下面这个:

美高梅娱乐场网站 11

它们今天还在困扰着我。因为这些应用是我在 2002 年或 2004
年或其他的什么年份完成的,我从来没有想过,在
2015年、2016年、2017年,我还能再次看到他们。

但是之后一通电话打过来了:”这个网站挂了,你能不能帮我们搞搞?”–尽管我早已经不是这个公司的员工了。

然后一万只草泥马在奔腾:

“哎呦,我去,这代码是哪个傻逼写的,写得太烂了。”

…恩,我知道这个傻逼就是我。

在我看来,写出未来的你能够理解并引以为豪的代码是很重要的!当你做一件事情的时候,要么不做,要做就把它做好。

开发人员都知道,JavaScript世界看上去动荡不安甚至有些混乱(e.g. the
left-pad
incident
),但这也是说明了这门语言正在不断的完善。它试着去完善一些老的问题(通常是相关扩展或者复杂的问题)以跟上现在的发展趋势。

Daniel Khan 的终极 web 开发建议

恩,最后我再说几句。对于我来说,有几条原则至关重要。

第一条关键原则(注:Don’t repeat yourself):DRY!

这条原则表示-在 Node
中代码复用很容易-
不要因为某些逻辑相同就随处复制粘贴代码。

你应该将 config 文件 require 到应用中,而不是在用到 config
的地方都复制粘贴。require 以后,修改 config
文件,所有用到的地方就都同步修改了。

尝试一次加载,减轻代码,然后在需要的地方将它传递过去。因为回调函数的存在,所以在
Node 里事情就显得有些复杂。

然后,我们说说回调函数。创建能够处理函数返回值的函数是个好的选择,回调函数就是这样的存在。

是不是有点说不通?你创建了一个函数来读取数据库中的某些数据,然后调用回调函数,处理返回的数据库结果,这里最好创建一个能够处理不同返回值的回调,而不要一次一次的创建。

Yagni 原则(注:You ain’t gonna need it):“你不会需要它”

所以当你做事情的时候,问自己几个问题:

  • 这个项目有 Facebook 那么大吗?
  • 我真的需要像那样设置吗?
  • 我真的需要像那样创建吗,还是说我仅仅是预见它以后会出现?

请一定要务实!

KISS 原则(注:Keep it simple stupid)

最后一条原则:尽量简单

考虑到未来的自己,你的代码应该写的尽量简单、易理解。如果你喜欢我讲的这些编程思想,可以读读这本书:

美高梅娱乐场网站 12

如果你要读书的话,请一定要读读这本–《程序员修炼之道》。书中讲到的许多规则在我讲的这些编程思想中都有所提及。

谢谢!

1 赞 1 收藏
评论

美高梅娱乐场网站 13

javascript 趋势

我们去了银行…

但是不管怎么着,我设法找到了一家公司,然后买了一台服务器。这台服务器还是我们去银行贷了
15,000 欧元买的。

和之前相比,现如今变化真的很大:我们有 serverless
架构,你可以一台服务器都不用就把整个公司创建起来。

那个时候,我们不得不把服务器放在维也纳的一个数据中心的机架上。

每当服务器宕机的时候,我就得开着车到维也纳去重启服务器。

美高梅娱乐场网站 14

那次我学到的东西就是:你要努力理解什么是全栈。我说的就是上面的这个全栈。

全栈,意味着你至少应该知道一点儿 web 协议、知道路由的工作原理、知道 HTTP
基本的工作机理、知道 SMTP 的工作机制。

当出现问题的时候,知道这些包是如何打包进浏览器的,知道这些东西是如何协调的是很有必要的。

英文原文:Skills JavaScript Developers Should Learn in
2016

译者:xxholly32
译文地址:http://t.cn/R5HIDVI

不要轻信别人的代码!

对于 npm 同样有这样的问题。

美高梅娱乐场网站 15

从上图中可以看到,编程世界里有 40 万个难题,是吧?所以就对应着出现了 40
万个解决方案。

上周我需要转换一些 UTF-8 HTML 字符实体–来给大家看一下我搜索出来的结果:

美高梅娱乐场网站 16

针对于同一个问题,有许多模块给出了解决方案,所以选择正确的解决方案真的有点困难。

你必须查看并做决定:

  • 这个包还有人在维护么?
  • 这个包有多少个 bug?

在你用 npm 或者 yarn 来安装包的时候应该三思而后行。

同样,在你从 StackOverflow 上复制粘贴的时候也要三思而后行。

美高梅娱乐场网站 17

这里是一个转换 HTML 字符实体的包。

在文档中有一处明显的错误:首先定义了 var Entities ,然后执行了
entities = new Entities(),他们在无意中生成了一个漏洞。

在 StackOverflow
上有一个问题,回答该问题的一个同学直接从文档里面复制粘贴到了
StackOverflow。

我确信下一个同学会直接将这段代码复制粘贴到他的代码里。仅仅是因为:StackOverflow
出品,必属精品。

没有人站出来说这段代码有问题。所以不管你是从 Stackoverflow
还是其他的什么地方复制粘贴代码都要三思而后行。

毕竟是别人的代码,所以你应该理解整个代码,并逐行确认代码确实如你所想的那样运行。

JavaScript走势的结论

JavaScript社区总体发展是比较快的。为了保持主流定位,必须有更多的资源和支持等一些相关信息。基于本文的JavaScript的趋势总结,如今的开发人员需要学习React
+
Redux,需要熟悉函数式编程,学习TypeScript。此外,还需要关注其他领域,React
Native等,同时有一些Electron的经验可能会更好。(当然,TDD测试驱动开发,无论何时都是你要掌握的技能)。

留下评论

网站地图xml地图