聚合国内IT技术精华文章,分享IT技术精华,帮助IT从业人士成长

FEX 技术周刊 - 2020/05/18

2020-05-19 01:50 浏览: 733 次 我要评论(0 条) 字号:

本期看点

前端开发的瓶颈与未来之路
https://zhuanlan.zhihu.com/p/139731168
前端开发的瓶颈到底在哪里,前端技术是否已经走到一个十字路口,全栈化的系统架构是否能改变目前的窘境?本文将根据我自己的开发经历谈谈当下前端开发中遇到的一些问题和想法。我们再回到前端,那么未来的前端到底会发展成什么样?长期而言充满了未知数,谁也没法预测,但是短期来讲我比较关注几个东西:ESBuild、Deno、Figma。如果你仔细研究一番,上面的这些新鲜东西,都是起源于前端,但又不把视野局限在前端。或许这就是前端未来的发展方向吧。

万物代码化:从低代码、云开发到云研发
https://mp.weixin.qq.com/s/9IKyltXqzRzG2YOmUVeu3A
过去的几个月里,我陆陆续续和不同公司的人一起讨论了开发、研发的未来。光是发我写过的几篇文章的链接,已经不能很好地解决问题。所以我决定写一篇长长的文章,来帮助更多地人理解:研发的未来在哪里?我也是从我的所做、所见、所听中,构建了整个的模型,并非从未来穿越到现在,所以其中的一些设想,可能并非如此准确。

Second-guessing the modern web
https://macwright.org/2020/05/10/spa-fatigue.html
https://twitter.com/dan_abramov/status/1259614150386425858
There is a sweet spot of React: in moderately interactive interfaces. Complex forms that require immediate feedback, UIs that need to move around and react instantly. That’s where it excels. I helped build the editors in Mapbox Studio and Observable and for the most part, React was a great choice. But there’s a lot on either side of that sweet spot. The high performance parts aren’t React.

Deno 1.0
https://deno.land/v1
https://areknawo.com/deno-why-all-the-buzz/
https://mp.weixin.qq.com/s/85x4uep6SAZ9v_AR2hqv4w
With the changing JavaScript language, and new additions like TypeScript, building Node projects can become an arduous endeavor, involving managing build systems and other heavy handed tooling that takes away from the fun of dynamic language scripting. Furthermore the mechanism for linking to external libraries is fundamentally centralized through the NPM repository, which is not inline with the ideals of the web. We feel that the landscape of JavaScript and the surrounding software infrastructure has changed enough that it was worthwhile to simplify. We seek a fun and productive scripting environment that can be used for a wide range of tasks. 另附:Deno worker for Azure Functions10 Things I Regret About Node.js.

为什么顶尖高手,都有窄门思维?
https://mp.weixin.qq.com/s/RWUPANKFMj1MlIf3XfCmLQ
这个世界上,总有人选择开始简单的事情。虽然开始是“宽门”,但会发现,到后面竞争者挤满了道路,越来越难。而另一些人,会选择开始很难的事情,虽然开始是“窄门”,看上去荆棘密布,但一旦披荆斩棘跨过去,海阔天空。但其实这个世界上,哪有全程好走的路,哪里有一路“宽门”?差别只是,高手心中装着更大的格局,哪怕舍弃1000万的利润分出去,也在所不惜。他们不是不在乎钱,而是相信只要方向正确,资源、技能、优势,一切皆可积累。顶尖高手,总是选择“窄门”。

深阅读

DataWorks 前端架构演进与 Serverless 实践之路
https://developer.aliyun.com/article/760167
DataWorks 是一个提供了大数据 OS 能力、并以 all in one box 的方式提供专业高效、安全可靠的一站式大数据智能云研发平台,提供了数据集成、数据开发、数据治理、数据安全、数据服务、应用开发、机器学习完整数据链路的产品。

大规格文件的上传优化
https://aotu.io/notes/2020/05/12/file-upload/index.html
在开发过程中,收到这样一个问题反馈,在网站上传 100 MB 以上的文件经常失败,重试也要等老半天,这就难为需要上传大规格文件的用户了。那么应该怎么做才能快速上传,就算失败了再次发送也能从上次中断的地方继续上传呢?下文为你揭晓答案~

干掉过多的if…else:据说这项技能可以看出程序员的境界
https://mp.weixin.qq.com/s/rXwqnPN2WiMxcLXOlz0cjA
if…else是所有高级编程语言都有的必备功能。但现实中的代码往往存在着过多的 if…else。虽然 if…else 是必须的,但滥用 if…else 会对代码的可读性、可维护性造成很大伤害,进而危害到整个软件系统。现在软件开发领域出现了很多新技术、新概念,但 if…else 这种基本的程序形式并没有发生太大变化。使用好 if…else 不仅对于现在,而且对于将来,都是十分有意义的。今天我们就来看看如何“干掉”代码中的 if…else,还代码以清爽。

A (Mostly) Complete Guide to React Rendering Behavior
https://blog.isquaredsoftware.com/2020/05/blogged-answers-a-mostly-complete-guide-to-react-rendering-behavior/
I’ve seen a lot of ongoing confusion over when, why, and how React will re-render components, and how use of Context and React-Redux will affect the timing and scope of those re-renders. After having typed up variations of this explanation dozens of times, it seems it’s worth trying to write up a consolidated explanation that I can refer people to. Note that all this information is available online already, and has been explained in numerous other excellent blog posts and articles, several of which I’m linking at the end in the “Further Information” section for reference. But, people seem to be struggling to put the pieces together for a full understanding, so hopefully this will help clarify things for someone.

Accessible Animations in React
https://joshwcomeau.com/react/prefers-reduced-motion/
As humans, we tend to bias around our own experiences. The “Golden Rule”—treat others as you want to be treated—totally ignores the fact that people are different! Not everyone experiences things the same way, and we need to be mindful about that. An animation that delights me might make someone else so woozy that they need to lie down for half an hour afterwards. Every non-trivial feature that gets added to a browser is the result of a lot of hard work and coordination. The fact that the prefers-reduced-motion media query exists in every major browser is a testament to how much work browser vendors put in, not to mention the operating system developers who built the control in the first place!

CSS fix for 100vh in mobile WebKit
https://allthingssmitty.com/2020/05/11/css-fix-for-100vh-in-mobile-webkit/
Not long ago there was some buzz around how WebKit handles 100vh in CSS, essentially ignoring the bottom edge of the browser viewport. Some have suggested avoid using 100vh, others have come up with different alternatives to work around the problem. In fact, this issue goes further back a few years when Nicolas Hoizey filed a bug with WebKit on the subject (the short of it: WebKit says this is “intentional”


网友评论已有0条评论, 我也要评论

发表评论

*

* (保密)

Ctrl+Enter 快捷回复