weekly
第 91 期 08/15 How demand for development skills is changing
Source: A brief history of the numeric keypad
技术热闻
Will low and no code tools ever truly disrupt tech development?
Admittedly, low code and no code both seemed like ridiculous concepts at first. Low and no code couldn’t possibly mean little to no code. It means little to no visible code. The broader question remains – how will low and no code tools shake up tech development? After countless conversations, I concluded that…drumroll…it won’t.
“The best thing we can do today to JavaScript is to retire it” says JSON creator Douglas Crockford
https://evrone.com/douglas-crockford-interview
中文：https://mp.weixin.qq.com/s/5SxD5SgUPo1QXt_E_P6iZQ I had a minor success with ES5. But since then, there has been strong interest in further bloating the language instead of making it better. So JavaScript, like the other dinosaur languages, has become a barrier to progress. We should be focused on the next language, which should look more like E than like JavaScript.
大前端
CSS
Recreating “The Effects of Nuclear Weapons” for the Web
Oh CSS Grid, how I adore thee. And you too, CSS box alignment. You made this little bit of historical recreation so easy, it felt like cheating.
JavaScript
本文探讨迭代器/生成器是什么，为什么会有迭代器，生成器解决什么样的问题；以实际例子阐述迭代器与生成器，以便更好的理解两者的关系和区别。
Svelte
Meet Skeleton: Svelte + Tailwind For Reactive UIs
The power of framework-specific UI libraries, such as Skeleton, can lead to more productivity using the combined ability of Svelte and Tailwind to build modern web-based apps.
Vue
vitest 定位是个高性能的前端单元测试框架，发现其实现在社区中关于 vitest 的一些文章介绍还是比较少的，因此这篇文章中笔者会给大家介绍一下 vitest 这一测试框架，以及从 jest 到 vitest 迁移过程中的一些踩坑记录
React
本文是作者在实际工作经验中总结提炼出的错误使用 React 的一些方式，可以参考看看，自己的写法有没有同样的问题。
Reactime is an open source Chrome developer tool for time travel debugging and performance monitoring in React applications.
Node.js
支付宝体验科技举办的 NodeParty 已于 8 月 8 日 在线直播，本次 NodeParty 的分享 PPT 和回顾视频。
MPA
Astro is an MPA framework. We are thrilled to announce Astro v1.0: a web framework for building fast, content-focused websites.
| [从 Islands Architecture 看前端有多卷 | Astro Islands](https://mp.weixin.qq.com/s/7Ej9P84j48S04nWWl0y-Og) |
https://docs.astro.build/en/concepts/islands/
虽然孤岛架构下的全栈框架有众多好处（首屏渲染快、TTI短），但并不是万能的。他比较适合「对首屏渲染速度、TTI要求高，但整体页面交互不复杂」的场景。对于「重交互性」的Web应用（比如「后台管理系统」、「社区」），更适合传统的SSR方案（比如Next.js）或CSR方案（直接使用前端框架）。
跨端
为了解决一套代码多端运行的诉求，携程小程序框架不断调整、升级，逐渐形成了携程Taro跨端解决方案。目前，Taro跨端解决方案已支持一套代码运行在5类小程序（微信、支付宝、字节跳动、百度、快手）平台。使用此方案进行开发的Taro小程序项目灵活度和复用性很高，可以按需选用Taro模块组合成一个完整的Taro项目。
监控
本文主要探讨设计前端监控SDK，怎么设计，设计时需要思考哪些方面的问题，并给出了解决方案，具有参考意义。
构建
本文从拆包数量、no-bundle 服务和依赖产物的模块化分发三个角度介绍了 Bundle-less 目前的具体概念及应用
微前端
本文提供一种基于 iframe 的全新微前端方案，采用 webcomponent + iframe 的来加载子应用。
Chrome
What’s New In DevTools (Chrome 105)
Chrome DevTools 团队介绍了 Chrome 105 的 DevTools 新功能
- Largest Contentful Paint (LCP) in the Performance insights panel
- Identify flashes of text (FOIT, FOUT) as potential root causes for layout shifts
- Top layer badge in the Elements panel
- …
工具
根据输入生成正则表达式的网站，用起来还差点意思，但是辅助写正则很可。
Netlify is an all-in-one platform for automating modern web projects. Replace your hosting infrastructure, continuous integration, and deployment pipeline with a single workflow.
Make any web page a desktop application
The React Native Testing Library (RNTL) is a lightweight solution for testing React Native components.
产品
可以分为三个部分。第一个是在团队侧，语雀是怎么在一个大公司内部去做一个创新产品，尤其发起方还是技术平台。第二在产品层面，我们聊了语雀的世界观，就是为什么要做这个产品，想要去解决什么样的问题，对它的定位是什么？因为语雀它不是一个消遣娱乐的东西，它是想要基于这个空间来做知识结构性的产品。就是感觉有些是在逆时代潮流而动。最后在市场侧，玉伯和镜同也分享了他们怎么去定义目标用户、市场规模的事情。其实，语雀最大的对手是手机备忘录。
行业资讯
Skilling for success: How demand for development skills is changing
- With so many companies allowing employees to work from home, it’s no surprise that we’ve seen those same companies start moving their tech stacks into cloud computing services. That’s the number one change that we’ve seen over the past two years
- The age of the polyglot developer is passing, and companies prioritize hiring developers who specialize in the technologies most important to their goals.
- Once a developer has three years of experience, it’s much more about the quality of their work. When you have the data to present to a company, it’s easy to show that the most suitable candidates for their roles aren’t necessarily those with the longest experience but those with specific traits and accomplishments that closely match their needs.
美团抖音到店之争：错位竞争，格局无忧，共谋增量——本地生活到店行业专题
美团抖音到店之争：错位竞争，格局无忧，共谋增量——本地生活到店行业专题_罗戈网_sLVx0siwxCLy.pdf
| [一图读懂 | 中国物流集团“十四五”战略规划](https://www.logclub.com/m/articleInfo/NTE5NzU=) |
设计
A brief history of the numeric keypad
There is a multitude of factors that go into the design decisions such as technology and its limitations, ergonomics, user perception and familiarity with existing formats. Look at your Android or iPhone apps. You’ll notice that both the phone and calculator layouts are similar to the ones invented a century ago.
分享了数字化在各自设计领域的助益以及针对数字化的新展望。
对于C端产品，我们常常绘制用户画像进行分析；而B端产品由于特有的复杂业务性质，用户更多通过「角色」的概念与系统进行链接。因而B端用户角色的分析对于产品设计有着更大的意义。 「当(某角色)用户使用产品某项功能的时候，他们是为了完成某个特定的任务(到达某种目标)」 一旦理解了这句话，并在设计过程中切实围绕场景、角色、目标去深入分析，我们的设计方案将会更有效地解决体验问题、提高业务效率。
本文以百度果园为例，从长线运营增长视角分3个方面分享运营活动玩法如何设计，如何帮助百度APP持续提升用户活跃和用户留存。
A brief insight into ESLint’s recent brand refresh and website redesign.
发现
So you want to write a package manager
Sam Boyer saying dependency managers being a human problem
Free and liberated ebooks, carefully produced for the true book lover.
启发
今年的8月11日，雷军举办了自己的第三次主题演讲：《永远相信美好的事情即将发生》
我希望将来，人们会考虑将 Web 客户端开发中的这些新职责分开。让我起名的话，我会称之为“Web UI”和“Web Core”。
本文作者作为鹅厂行家平台的咨询老师以及前端技术专家，总结了两个大家关心的问题，很值得一读。
欢迎加入，一起共建「前端周刊」