湖中剑 前端周刊 #3 | 2021-08-09

365 阅读4分钟

周刊收集包括前端(但不限于前端)的文章、新闻、开源项目、工具等等,每周一更新。

📰 News

Deno 内部代码将停用 TypeScript,并公布五项具体理由

www.infoq.cn/article/u72…

Stack Overflow 2021 开发者调查报告

React 超越jQuery成为最广泛使用的框架。

insights.stackoverflow.com/survey/2021…

js1024 2021年获奖名单

一起看看1KB的JavaScript代码能完成的神奇游戏和效果。

js1024.fun/results/202…

维基百科采用 Vue.js 作为前端框架

维基媒体基金会(Wikimedia Foundation)宣布正式采用 Vue.js 作为未来的 JavaScript 框架 —— 用于维基百科的底层引擎 MediaWiki

lists.wikimedia.org/hyperkitty/…

VPS 对比 - 2021 8月版

DigitalOcean vs. Lightsail vs. Linode vs. UpCloud vs. Vultr

joshtronic.com/2021/08/01/…

📖 文章

⭐️ 针对多状态订单详情的前端mock方案

mp.weixin.qq.com/s/tsX6J8A0D…

从 Prompt 来看微前端路由劫持原理

zhuanlan.zhihu.com/p/394624654

Next.js 是怎么做预渲染的

Next.js 提供了生产环境所需的所有功能以及最佳实践,包括构建时预渲染、服务端渲染、路由预加载、智能打包、零配置等。其中,Next.js 以其优秀的构建时渲染和服务端渲染能力,成为当今 React 生态中最受欢迎的框架之一。本文将介绍 Next.js 提供的三种预渲染模式以及混合渲染模式,来看看 Next.js 是怎么做预渲染的。

juejin.cn/post/699139…

⭐️ Nginx 中运行 JavaScript

NGINX JavaScript 简称 njs,是 JavaScript 语言的子集,实现了部分 ECMAScript 5.1(strict mode)规范和 ECMAScript 6 规范,可以使用 njs 来扩展 Nginx 功能。

mp.weixin.qq.com/s/AgD2WC-8s…

六个问题让你更懂 React Fiber

本文源于一次团队内部的技术分享,借鉴社区优秀文章,结合个人理解,进行整合,从六个问题出发,对 React Fiber 进行理解与认识,同时对时下热门的前端框架Svelte进行简要介绍与剖析,希望对正在探究 React 及各前端框架的小伙伴们能有所助益。

mp.weixin.qq.com/s/Z64dRK40h…

Node.js 命令行工具最佳实践

github.com/lirantal/no…

Android / iOS Webview 容器下 JSBridge SDK 原理浅析 —— 前端视角

Hybrid 开发的过程中,由于前端和客户端同学存在认知差异,导致在解决一些 bridge 问题时存在一定的沟通成本和信息不对称。本文从前端视角切入,讲述 bridge 方法如何和客户端进行交互,以及在此过程中进行的各种中间处理。

mp.weixin.qq.com/s/H4ICaFhiJ…

⭐️ 计算机时间到底是怎么来的?程序员必看的时间知识!

时间总是在不经意间流逝,我们在写代码时,也经常会调用「时间 API」,你有思考过这背后的原理吗?

mp.weixin.qq.com/s/A9fgd2xnp…

你可能并不需要微前端

mp.weixin.qq.com/s/khrziHjDf…

⭐️ 拖拽竟然还能这样玩!

juejin.cn/post/698458…

⭐️ 我写技术文章的一点心得

本文是戴铭老师对自己过往写作经验的深度总结,从四个写作要点开篇,分析了自己过往的经典文章以及当时的想法和灵感。紧接着结合本次WWDC举例,传授新手如何开始写作的经验。可谓是干货满满,适合反复阅读。

关键点脉络:

  • 四个点
  • 过往经验
  • 我是新手怎么办
  • WWDC 和 经验总结

ming1016.github.io/2021/07/24/…

精读《默认、命名导出的区别》

看完还是云里雾里~

mp.weixin.qq.com/s/YPKhmiHO5…

今天聊:大厂如何用一道编程题考察候选人水平

juejin.cn/post/698752…

这三年沉淀的前端错误监控系统,一篇文章讲透给你

mp.weixin.qq.com/s/NY72_cRGA…

逻辑编排在前端可视化搭建中的实践

juejin.cn/post/694245…

狼叔:F2C 能否让前端像运营配置一样开发?

jishuin.proginn.com/p/763bfbd37…

⭐️ 我给鸿星尔克写了一个720°看鞋展厅

juejin.cn/post/698943…

自如客APP裸眼3D效果的实现

juejin.cn/post/698922…

浅谈:前端如何赋能业务

zhuanlan.zhihu.com/p/62722892

感谢 compose 函数,让我的代码屎山💩逐渐美丽了起来~

juejin.cn/post/698902…

百万PV商城实践系列 - 前端图片资源优化实战

juejin.cn/post/698975…

Flutter 控件 CustomScrollView 原理解析及应用实践

www.infoq.cn/article/Uz3…

字节跳动正式开源其 Flutter 调试工具 UME

www.infoq.cn/article/g9H…

⭐️ Flutter Web 在美团外卖的实践

www.infoq.cn/article/Pg4…

微服务权限控制策略:从理论到实践

www.aspecto.io/blog/micros…

企业 Node.js 基础建设与框架设计讨论集合

mp.weixin.qq.com/s/dUEhyVeqe…

《探索类型友好的 Node.js Web 框架》2021 GOTC 深圳站分享

mp.weixin.qq.com/s/9vOjjAmJ6…

跨平台解决方案的技术分析

mp.weixin.qq.com/s/6UzhBRScB…

⭐️ 2021 GMTC北京站 - 大前端工程提效分享与总结

mp.weixin.qq.com/s/MjDpBLU_2…

VS Code 是如何优化启动性能的?

mp.weixin.qq.com/s/3i-ZAmPYa…

一文读懂 @Decorator 装饰器——理解 VS Code 源码的基础

mp.weixin.qq.com/s/jzLO37bKY…

如何避免JS内存泄漏?

mp.weixin.qq.com/s/yrueF-NxH…

⭐️ 如何快速打造一款技术产品

mp.weixin.qq.com/s/Wa8RKp3s5…

CSS 进阶之熟悉又陌生的 content

mp.weixin.qq.com/s/YZPbiW79B…

40条 Node.js 集成测试最佳实践

github.com/testjavascr…

⭐️ 如何使用 Promise.allSettled()

Promise.allSettled()Promise.all()类似,不同的是无论是否有一个rejectpromisePromise.allSettled()都会返回一个对象数组,每个对象表示对应的promise的结果。

dmitripavlutin.com/promise-all…

使用 Storybook 进行可访问性自动化测试

storybook.js.org/blog/access…

🛠 工具、软件

ckeditor4-react

CKEditor推出的React的WYSIWYG 编辑器组件。

github.com/ckeditor/ck…

react-joyride

这是一个创建用户引导的库。

github.com/gilbarbara/…

⭐️ Tesseract.js 强大的OCR识别库

JavaScriptOCR识别库,目前支持100+语言(含中文)。

图像识别:

视频实时识别:

tesseract.projectnaptha.com/

⭐️ Meyda

音频特征提取工具。

meyda.js.org/

关注我们

每期首发于GitHubgithub.com/ineo6/weekl…