关于前端:湖中剑-前端周刊-18-动态图片Chrome-97依赖注入Web-IDEMonorepo

43次阅读

共计 1828 个字符,预计需要花费 5 分钟才能阅读完成。

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

📖 文章

动静图片生成计划

在业务需要中,依据返回数据动静生成图片分享是很常见的场景。比方在终点读书小程序中,每本书都须要生成一个动静图片,蕴含:书名、作者、类别和以后页面小程序码,这几个内容都是会动静扭转的。

那如何抽象化 & 高性能的实现这一类需要呢?上面咱们一起来探讨动静图片的生成计划。

https://mp.weixin.qq.com/s/0dWfL3ChIceH6rQ8-Oh6pg

Chrome 97 公布 WebTransport,QUIC 协定小试牛刀

2022 年 1 月 4 日正式公布的 Chrome 97,带来了哪些新个性呢?

https://mp.weixin.qq.com/s/upOra3ONzP98ZqXxHYo4Sg

ES6 以上版本代码要不要转码成 ES5?

为了兼容老的浏览器,尤其是 IE 系列,应用 ES6 以上标准的前端代码往往应用 Babel 等转码工具转码成 ES5 的代码。

间隔公布 ES6 的 2015 年曾经过来了 6 年了,当初浏览器对于 ES6 的兼容性如何呢?

https://mp.weixin.qq.com/s/fSRpl25Pi0ladeWRXHLGZA

前端 CI/CD 上如何保障依赖装置速度达到优解?

前端利用在构建部署时长上,通常受代码拉取速度、以及机器配置高下等因素影响。排除这些咱们往往不可控的因素外,仍能够通过对 npm 依赖装置形式进行优化,来达成更快的构建速度。

以我的项目存在 50 个以上生产依赖包,最优良的依赖装置形式比最差的装置形式,往往可能节俭 20s 以上的工夫。

装置依赖的命令行有:npm install、npm ci。在进行真正测试前,先理解下这两命令行的差别,进而明确他们为啥装置速度差别这么大。

https://xie.infoq.cn/article/675a4b724b9b504fe17f42eb6

2022 年的 CSS

随着 2021 年的完结,让咱们一起来看看 2022 年,咱们能够期待哪些 CSS 个性将会在浏览器中呈现。

https://juejin.cn/post/7048260643589193765

2021 JavaScript Rising Stars

2021 年度 JavaScript Rising Stars 报告进去了,去年 Star 数量减少最多的我的项目居然是 zx!

https://risingstars.js.org/2021/en

聊聊 nestjs 中的依赖注入

在应用 nestjs 过程中会发现 nest 框架和后端同学应用的 Springboot 以及前端三大框架之一的 Angular 都有很多相似之处。没错这三个框架都有类似的设计,并都实现了依赖注入,本文就围绕依赖注入这个话题,展开讨论一下依赖注入是什么?以及在 nestjs 中具体的实现过程。

https://juejin.cn/post/7049504750257045540

🛠 工具、软件

molecule

一个轻量的 Web IDE UI 框架。

Molecule 是一款受 VSCode 启发,应用 React.js 构建的 Web IDE UI 框架。咱们设计了相似 VSCode 的扩大(Extension) 机制,能够帮忙咱们应用 React 组件疾速实现对 Workbench 的自定义

外围性能:

  • 内置 React 版本的 Visual Studio Code Workbench UI
  • 根本兼容 Visual Studio Code 的 ColorTheme
  • 反对应用 React 组件自定义 Workbench UI 款式
  • 内置 Monaco Editor Command Palette、Keybinding 等模块,并反对扩大
  • 反对 i18n,简体中文、English、한국어 3 种语言
  • 内置一个简略的 Settings 模块,反对在线编辑批改以及扩大
  • 内置默认的 Explorer, Search 等组件,并反对扩大
  • Typescript 反对

在线预览地址:https://dtstack.github.io/molecule-examples/#/

https://github.com/DTStack/molecule

Monorepo 工具集

Turborepo 举荐的 monorepo 工具集,在此能够找到每个子畛域的举荐计划和备选计划。多看他人的依赖举荐宽阔下思路,还能够防止本人造低级轮子。

https://turborepo.org/docs/guides/complimentary-tools


周刊首发于 GitHub,欢送订阅:

我的周刊

正文完
 0