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

FEX 技术周刊 - 2020/02/17

2020-02-17 11:44 浏览: 1692164 次 我要评论(0 条) 字号:

深阅读

What is CSS4?
https://www.quirksmode.org/blog/archives/2020/02/what_is_css4.html
https://css-tricks.com/css4-update/
If we want CSS4 to be a thing it is necessary to define it a little more. However, that does not mean it’s necessary to divide all existing CSS modules into CSS3 and CSS4 buckets. This article discusses these issues, and goes through some of the feedback to my original article.

Why JavaScript is Eating HTML
https://css-tricks.com/why-javascript-is-eating-html/
As a JavaScript developer on a cross-functional team, I get this question occasionally and I often have trouble answering it. All of the materials I’ve found on this topic are written for an audience that is already familiar with JavaScript — which is not terribly useful to those who focus on HTML and CSS. But this HTML-in-JS pattern (or something else that provides the same benefits) will likely be around for a while, so I think it’s an important thing that everyone involved in web development should understand. This article will include code examples for those interested, but my goal is to explain this concept in a way that can be understood without them.

Why is swc fast?
https://swc-project.github.io/blog/2020/02/16/why-is-swc-fast.html
swc is fast. Very fast. It’s 18x faster than babel on a single-core benchmark, and on a parallel benchmark, it’s 68x faster than babel on a 4 core (8 HT) machine. Why? Just because it’s written in rust? No. Its fundamental design differs from any other tool. 另附:esbuild - An extremely fast JavaScript bundler and minifier written in Go.

IPFS Project Focus for 2020
https://blog.ipfs.io/2020-02-10-our-focus-for-2020/
“The mission of IPFS is to create a resilient, upgradeable, open network to preserve and grow humanity’s knowledge.” It’s a new year, and with it time to update the IPFS Project Roadmap with our focus for 2020. As part of that, we also want to reflect on our successes, challenges, and learnings from 2019 to help us stay on track to achieve our mission, and maximize the value and utility we create in the world.

7 really good reasons not to use TypeScript
https://medium.com/javascript-in-plain-english/7-really-good-reasons-not-to-use-typescript-166af597c466
Everyone loves TypeScript. It “solves” many problems JS has, it is a “superset” of JS, it will make your code error-prone and pleasant to read. There are a lot of good reasons to use TypeScript, but I am going to give you 7 really good reasons not to.

G6 3.3 性能战斗机解析
https://www.yuque.com/antv/blog/wqas6s
图——实体与关系的集合,往往具有庞大的数据量。最常见的图可视化将关系数据绘制为大量节点和边元素,而每一个元素也可能由多种图形复合而成,例如最为常见的带文本节点。图元素的样式变化万千,渲染、交互性能一直是关系数据可视化中最为棘手问题之一。特别是在前端计算资源有限的情况下,如何提升图可视化的性能,成为 G6 一大难题。2020 年伊始,我们终于向着这一难题跨出了第一步 —— 性能卓越的 G6 3.3 正式发布。让我们一睹性能战斗机的究竟吧。

React Hooks的体系设计之一 - 分层
https://zhuanlan.zhihu.com/p/106665408
React内置的hook提供了基础的能力,虽然本质上它也有一些分层,比如:useState是基于useReducer的简化版。useMemo和useCallback事实上可以基于useRef实现。但在实际应用时,我们可以将这些统一视为一层,即最基础的底层。因此,如果我们在实际的应用开发中,单纯地在组件里组合使用内置的hook,无疑是一种不分层的粗暴使用形式,这仅仅在表象上使用了hook,而无法基于hook达到逻辑复用的目标。

得到 Hybrid 架构的演进之路
https://mp.weixin.qq.com/s/TsFGkLeOMGloa-0bs_5PuA
得到 APP 是一个三年多的产品,最初采用纯 Native 的方式开发,在 18 年初,我们开始了 Hybyid 开发技术方案的探索和实践, 目前得到 APP 共包含了 ReactNative 和 Webview 两套 Hybrid 方案。本文从时间维度上,重点回顾一下 Webview Hybrid 方案在得到 APP 从 0 到 1 的过程,也希望我们的经历可以给一些想落地 Hybrid 方案的团队一点启发。

美团外卖持续交付的前世今生
https://tech.meituan.com/2020/02/13/meituan-waimai-continuous-delivery.html
美团外卖自2013年创建以来,业务一直在高速发展,目前日订单量已突破3000万单,已成为美团点评最重要的业务之一。美团外卖所承载的业务,从早期单一的美食业务发展成为了外卖平台业务。目前除餐饮业务外,闪购、跑腿、闪付、营销、广告等产品形态的业务也陆续在外卖平台上线。参与到美团外卖平台的业务团队,也从早期的单一的外卖团队发展成为多业务团队。每个业务团队虽然都有不同的业务形态,但是几乎都有相同的诉求:需求能不能尽快地上线?然而,Native应用的发布依赖于应用市场的更新,周期非常长,非常不利于产品的快速迭代、快速试错。同时,作为平台方,我们需要考虑到各个业务团队的诉求,统筹考虑如何建立怎么样的模型、配套什么样的技术手段,才能实现最佳的状态,满足各业务更短周期、高质量的交付业务的诉求。本文会首先回顾美团外卖从早期的月交付,逐渐演变成双周交付,再从双周交付演变成双周版本交付配合周动态交付的过程。然后从外卖的历史实践中,浅谈一个好的持续交付需要综合考虑哪些关键因素,希望对大家有所帮助或启发。

5 ways SaaS companies can benefit from collaborative editing with CKEditor 5
https://ckeditor.com/blog/5-ways-SaaS-companies-can-benefit-from-collaborative-editing-with-CKEditor-5/
Since SaaStr Annual is there to help SaaS businesses scale up, we are going to be there to show how a good WYSIWYG editor can contribute to that. We want to show that CKEditor 5 Collaboration Features can provide a modern writing experience for every application. Whether you would like to spice up the software you create or your internal team dynamic, here are five reasons why SaaS companies should choose a collaborative rich text editor like CKEditor 5. 另附:The easiest way to customize a WYSIWYG editor - CKEditor 5 online builder.

The state of web development on mobile
https://areknawo.com/the-state-of-web-development-on-mobile/
Let me ask you a question - what kind of a machine do you code on? I bet it’s one of desktop, laptop, or maybe even a remote server with SSH connection. That’s the standard these days, but I think that there are some passionate (and crazy in a sense) people (like me) who’d like to stretch it even further. Those who’d like to be able to code literally anywhere, no matter what kind of a device they have available. So, is it possible to do web dev on mobile?

How Sustainable is a Solar Powered Website
https://www.lowtechmagazine.com/2020/01/how-sustainable-is-a-solar-powered-website.html
Our self-hosted, solar-powered, off-grid website has been running for 15 months now. In this article, we present its energy and uptime data, and calculate the embodied energy of our configuration. Based on these results, we consider the optimal balance between sustainability and server uptime, and outline possible improvements.

Where are all the animated SVGs?
https://www.getmotion.io/blog/where-are-all-the-animated-svgs/
Animated SVGs just make sense. There are lots of articles explaining why you should be using SVG. There’s even scientific evidence(!) that says animated icons are better than static ones. So… where are all the animated icons? Why isn’t the web filled with these amazing, accessible, performant animations? I have some ideas…

Performant front-end architecture
https://www.debugbear.com/blog/performant-front-end-architecture
This post describes some techniques to make front-end apps load faster and provide a good user experience. We’ll look at the overall architecture of the front-end. How can you load essential resources first, and maximize the probability that the resources are already in the cache?

Under Discussion: The Maintenance of Large Open-Source Projects
https://www.welcometothejungle.com/en/articles/btc-discussion-open-source-maintenance
Behind the Code got together with former Node.js core team member Bert Belder and creator of the JavaScript library Leaflet, Vladimir Agafonkin, to talk about what it takes to maintain large open-source projects. While at Node.js, Belder was the person mainly responsible for creating the platform abstraction layer Libuv, and co-created the open-source API framework LoopBack, as well as the open-source library Deno.

6 things I wish I knew about state management when I started writing React apps
https://medium.com/@veeralpatel/things-ive-learned-about-state-management-for-react-apps-174b8bde87fb
I have a lot more blog posts like this I plan to write. If you like this, follow me on Twitter to make sure you don’t miss any. Think about the most complex frontends you’ve used. Frontends that made you wonder — “how did they create this”? Here are some of mine.

Fix the “not wrapped in act(…)” warning
https://kentcdodds.com/blog/fix-the-not-wrapped-in-act-warning
There are a few reasons you’re getting this warning. Here’s how you fix it.

Serverless Side Rendering — The Ultimate Guide
https://blog.webiny.com/serverless-side-rendering-e1c0924b8da1
Learn how we’ve achieved great SEO support for every Webiny website and made them run super-fast, using SSR in a serverless environment.

JuliaLang: The Ingredients for a Composable Programming Language
https://white.ucc.asn.au/2020/02/09/whycompositionaljulia.html
One of the most remarkable things about the julia programming language, is how well the packages compose. You can almost always reuse someone else’s types or methods in your own software without issues. This is generally taken on a high level to be true of all programming languages because that is what a library is. However, experienced software engineers often note that its surprisingly difficult in practice to take something from one project and use it in another without tweaking. But in the julia ecosystem this seems to mostly work. This post explores some theories on why; and some loose recommendations to future language designers.

Let’s Encrypt: an automated certificate authority to encrypt the entire we
https://blog.acolyer.org/2020/02/12/lets-encrypt-an-automated-certificate-authority-to-encrypt-the-entire-web/
This paper tells the story of Let’s Encrypt, from it’s early beginnings in 2012/13 all the way to becoming the world’s largest HTTPS Certificate Authority (CA) today – accounting for more currently valid certificates than all other browser-trusted CAs combined. Beyond the functionality that Let’s Encrypt provides, the story stands out to me for two key ingredients.

The History of Git: The Road to Domination in Software Version Control
https://www.welcometothejungle.com/en/articles/btc-history-git
In 2005, Linus Torvalds urgently needed a new version control system to maintain the development of the Linux Kernel. So he went offline for a week, wrote a revolutionary new system from scratch, and called it Git. Fifteen years later, the platform is the undisputed leader in a crowded field.

AutoFlip: An Open Source Framework for Intelligent Video Reframing
https://ai.googleblog.com/2020/02/autoflip-open-source-framework-for.html
AutoFlip, an open source framework for intelligent video reframing. AutoFlip is built on top of the MediaPipe framework that enables the development of pipelines for processing time-series multimodal data. Taking a video (casually shot or professionally edited) and a target dimension (landscape, square, portrait, etc.) as inputs, AutoFlip analyzes the video content, develops optimal tracking and cropping strategies, and produces an output video with the same duration in the desired aspect ratio.

新鲜货

OpenChakra is an open-source visual editor for React
https://openchakra.app/
OpenChakra is a visual editor for the best component library in town: Chakra UI


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

发表评论

*

* (保密)

Ctrl+Enter 快捷回复