前端技术栈月刊 📖 2021-07

685

📖 2021-07

聚焦前端,记录过去一个月发现的值得推荐的前端技术栈、文章、教程以及应用,每月28日更新,本期第三十一期。2021 年度第七期。

星推

Github Star 推荐

  • petite-vue

    尤大的新玩具,仅 5.8kb 的微型 Vue

工具

  • Notion Tools

    汇聚了第三方 Notion 工具以及资源列表

  • Flexbox Playground

    A web app for exploring Flexbox

    一个可以探索 Flexbox 布局的 Playground

  • Remotion

    Write videos in React. 用于 React 技术栈的创建 mp4 视频工具

    202107_remotion

  • Perfect Freehand

    Draw perfect pressure-sensitive freehand strokes.

    🎨 免费的手绘风格指压画板工具

  • GitHub Copilot

    🤖️ Your AI pair programmer

    GitHub 提供的智能代码提示补全VSCode 插件,不仅仅是补全,可能让你编程更顺畅哦。

    202107_copilot

  • Avatar

    A simple tool for cropping images from an URL, your clipboard, or your disk.

    一个简单的头像剪裁工具

  • fireworks-js

    🎆 烟花动效类库

  • Glassmorphism CSS Generator

    Themesberg 提供的毛边玻璃效果 CSS 生成器

  • Neumorphism.io

    用于生成 Neumorphism(新拟物设计风格)的 CSS 样式工具

  • 📋 Copy & Paste CSS

    借鉴业界经典的 CSS 案例,提供了可一键复制用于粘贴的 CSS 样式,包括了 ButtonBox-shadowForm InputsColor Palettes

  • SSL Configuration Generator

    用于快速生成服务端 SSL 配置项的小工具,由 mozilla 提供

  • Node New

    stackblitz 实现了 WebContainer 技术,可以在浏览器端加载node.js

    这个短链接可以帮助你快速创建一个在线的 node.js 项目

  • vitesse-webext

    基于 Vite 的 Chrome/FireFox 插件脚手架

    作者的目的是让脚手架变得通用,可以兼容多个插件,而我只用它来写 Chrome 插件

    202107_vitesse-webext

资源

教程

  • New PWA Training

    谷歌提供的一些列文章,帮助你上手了解如何开发 PWA 应用

阅读

  • Temporal: JavaScript’s new date time API

    学习浏览器的新的时间API Temporal

  • 阿里妈妈又做了新工具,帮你把 Vue2 代码改成 Vue3 的

    基于阿里妈妈开源的 gogocode 工具,将 Vue2 代码改成 Vue3 代码

  • ESM vs Webpack 面向高性能构建的探索

    snowpack / vite 等基于 ESM 的构建工具出现,让项目的工程构建不再需要构建一个完整的 bundle。很多人都觉得我们不再需要打包工具的时代即将到来。借助浏览器 ESM 的能力,一些代码基本可以做到无需构建直接运行。对于 webpack 而言,社区掀起的这一波 ESM 热潮,将 webpack 编译的速度推到了风口浪尖。webpack 在 v5 版本中也是针对编译的性能做出了不少努力,除了提供了物理缓存的优化之外,还提供 Module Federation 的方案,这给我们上层的应用实践带来了很多想象的空间。

应用

  • Raycast

    提升你的生产力的效率工具,有点类似 Mac 上的另一款工具叫 Alfred

    Raycast 不仅仅是个查询工具, 它还扩展了一些插件,比如连接 GitHub 提交 issue 等等

    202107_raycast

往期

时间序号
2019汇总
2020汇总
2021-01第二十五期
2021-02第二十六期
2021-03第二十七期
2021-04第二十八期
2021-05第二十九期
2021-06第三十期

下期再见,可以 Watch 本月刊的 GitHub 仓库 github.com/xiaoluobodi…

wizard_fist_bump

原文:xiaoluoboding.github.io/monthly/202…