2019.01.02 - The Lone Walker Through the Cold Winter

Title: 2019.01.02 – The Lone Walker Through the Cold Winter

Deep Reading

Things I Don’t Know as of 2018
https://overreacted.io/things-i-dont-know-as-of-2018/
In this post I’ll offer an incomplete list of programming topics that people often wrongly assume that I know. I’m not saying you don’t need to learn them — or that I don’t know other useful things. But since I’m not in a vulnerable position myself right now, I can be honest about this.

Common CSS Issues For Front-End Projects
https://www.smashingmagazine.com/2018/12/common-css-issues-front-end-projects/
Rendering and interaction have become a lot more consistent across browsers in recent years. It’s still not perfectly uniform, however, and a lot of small issues can trip you up. Add on top of these issues the variables of different screen sizes, language preferences and plain human error, and we find a lot of small things to trip up a developer.

Getting started with web performance: 2019 beginner’s guide
https://calendar.perfplanet.com/2018/getting-started-with-web-performance-2019-beginners-guide/
There are many very good articles out there on how to use new feature X or technique Y or tool Z to improve the performance of your websites. Navigating the labyrinth of modern web performance might be hard though if you’re new to the topic. In this article I will try to come up with a guide to getting started your performance journey.

The Elements of UI Engineering
https://overreacted.io/the-elements-of-ui-engineering/
There are plenty of “learning roadmaps” about technologies and libraries. Which library is going to be in vogue in 2019? What about 2020? Should you learn Vue or React? Angular? What about Redux or Rx? Do you need to learn Apollo? REST or GraphQL? It’s easy to get lost. What if the author is wrong?

美团 - 吃喝玩乐背后的黑科技
https://tech.meituan.com/AI_in_meituan_csdn.html
According to public information, the company’s product‑technology R&D team now exceeds 10,000 people, and R&D spending in the most recent quarter doubled year‑over‑year to reach ¥2 billion. As far as we know, these numbers rank among the highest in the industry. What does such a massive R&D team work on? How does AI fit into the picture? Recently, CSDN visited Meituan’s AI team with these questions in mind. Also see: AI technology in intelligent poster design

[译]Why review code?
https://mp.weixin.qq.com/s/5m3bBzFTN82ttEFN5EpBew
If you do code review the right way, it won’t feel like a hassle. You and your reviewer aren’t opponents; you’re working together to build the best software. Some companies strictly dictate how many people must review each piece of code and assign a rigid owner for every change. I think that’s unnecessary—I prefer a simpler system where the only rule is that every change gets reviewed. In practice you still submit comments to the person maintaining the code you changed, but avoiding hard requirements works better.

Quicklink：实现原理与给前端的启发
https://juejin.im/post/5c21f8435188256d12597789
Google Chrome Labs released Quicklink to prefetch linked resources. This article first explains how it works, then explores what front‑end engineers can do beyond basic preloading.

全新 Phaser 3 游戏引擎特性一览
https://aotu.io/notes/2018/12/23/phaser3/index.html
Phaser is a fast, free, open‑source HTML5 game framework that supports both WebGL and Canvas rendering modes, runs in any web browser, and can be packaged into native iOS/Android apps via third‑party tools. Development can be done in JavaScript or TypeScript. Currently there are three versions: Phaser 2, the community edition Phaser CE, and the newest Phaser 3.

如何通过CSS自定义属性给CSS属性切换提供开关
https://www.w3cplus.com/css/dry-switching-with-css-variables-the-difference-of-one-declaration.html
Tutorials on CSS custom properties are everywhere—from basic introductions to comprehensive guides and experience reports. Today, CSS variables are a mature feature that brings many benefits to front‑end developers and are well supported in modern browsers. Yet some developers still doubt their suitability for production or even reject the feature. Despite that, I’d like to spend a bit more time discussing today’s topic.

从天猫某活动视频不必要的3次请求说起
https://www.zhangxinxu.com/wordpress/2018/12/video-moov-box/
An MP4 file contains not only video data but also a lot of other information—dimensions, duration, subtitles, copyright data, etc. These pieces are stored in “boxes”. In other words, an MP4 file is composed of many boxes that hold media information, including a box called the MOOV BOX, which is relevant to the number of requests made.

rel='noopener' Keeps You Safe and Fast
https://love2dev.com/blog/rel-noopener/
It may seem innocuous and simple, but this little trick can save you and your customers some grief later on. Make sure any link on your site using the target attribute also includes rel="noopener". You’ll also want to ensure any external pages you open via window.open are isolated as well.

How Facebook Keeps Messenger From Crashing on New Year's Eve
https://spectrum.ieee.org/tech-talk/computing/software/how-facebooks-software-engineers-prepare-messenger-for-new-years-eve
On New Year’s Eve, millions of people will use Facebook’s Messenger app to wish friends and family a “Happy New Year!” If everything goes smoothly, those messages will reach recipients in fewer than 100 ms, and life will go on. But if the service stalls or fails, a small team of software engineers based in the company’s New York City office will have to answer for it.

How MemSQL Works
https://www.memsql.com/blog/how-memsql-works/
Our recent Hadoop webinar includes a description of MemSQL’s architecture and some of its key benefits. In this blog post, we take you through that description, one step at a time.

Complexity
https://dev.to/stereobooster/complexity-5d62
This post is not about computational complexity (e.g., big‑O notation). Complexity is at the heart of software development. A computer is a very complex thing—it has billions of “relays” (transistors). How many details does the most complex mechanical watch have? I guess far fewer.

Fresh Finds

Ant Design 圣诞菜单事故
https://zhuanlan.zhihu.com/p/53214213
Selected as one of: 2018年度技术圈十大车祸现场. Where should the control boundary lie between a third‑party library and its users? This is a question every library maintainer should consider carefully. I hope every open‑source engineer takes this as a warning, thinks clearly about their limits, and sticks to them.

Year‑End Review & Outlook

• Important science and technology findings in 2018
• The Year in Math and Computer Science, Biology, Physics
• The year tech giants peaked – 2018, a retrospective
• 19 Tips For Software Engineers In 2019
• A comprehensive look back at front‑end in 2018
• Revisiting React Testing in 2019
• Revisiting React Testing in 2019
• 2018: A Smashing Year In Review
• State of Elm 2018 Results
• Ionic’s 2018: A Year in Review
• 极光 CTO：2018 年 & 从业 10 年总结
• 阑夕 - 2018年终荐文：一年过去，我读过的十佳好文
• 精读罗振宇跨年演讲：所有事，到最后都是好事
  However, my favorite is: [若没有自己的体系，听再多的跨年演讲也是徒劳](https://mp.wei

(content truncated)

---

Originally written by Ping Xia (平侠) and published in Chinese on Web技术周刊 (Web Tech Weekly). Translated and adapted for DriftSeas with permission.