📖 2021-05

Focus on the front end, record the last month found worthy front-end stacks, articles, tutorials and applications, updated on the 28th of each month, this issue 29. The fifth issue of 2021.

Push the star

Making Star recommended

• 🐚 zx

  A tool for writing better scripts, use ES Modules to write Shell scripts.

• slidev

  This presentation tool for developers is another work of Anthony Fu, a key member of Vue. After only one month of open Beta testing, we have harvested 1W + Star warehouse. I admire Anthony Fu’s creativity.

  I also tried to write a Slides using Slidev. It worked really well and was ready to be used later.

  

tool

• 🔬 speedscope

  🔬 A fast, interactive web-based viewer for performance profiles.

  A faster, interactive viewer for debugging page performance.

  

• Notion SDK for JavaScript

  Notion has an official JavaScript SDK

• DOM EVENTS

  Learn about the DOM Event system through exploration

  Explore the execution mechanism of browser Dom events in a visual manner

  

• TTS: Text-to-Speech for all.

  TTS is a library for advanced Text-to-Speech generation.

  TTS deep learning engine implemented by Mozilla

• redaxios

  Similar to Axios, but lighter, only 800 bytes, a request library written based on the browser’s native Fetch Api. The Api uses a similar approach to Axios, similar to DayJS for Momentjs

• perfume.js

  Perfume is a lightweight web performance monitoring library that reports data to your favorite analytics tools.

• rome

  The Rome Toolchain. A linter, compiler, bundler, and more for JavaScript, TypeScript, HTML, Markdown, and CSS.

  The End-to-end Toolchain for Rome, developed by the authors of Babel and Yarn, brings together common tools in one place and aims to simplify and improve existing Web development.

  The future will cover packaging, compilation, document generation, code formatting, code neatness, compression obfuscations, testing, type checking, and more.

  Currently supported languages include JavaScript, TypeScript, JSX, and JSON, with HTML and CSS on the way.

  Let’s look forward to using this tool chain in the future, Roma may be a game-changer for future front-end development.

  

resources

• Modern Web Guides

  A guide to learn how to build a modern Web, providing you need to know some knowledge and use the development tools, tests.

• Vue Conf 2021 PPT and video Review

  This year’s 4th Vue Conf in China will be held in Hangzhou on May 22, 2021, with PPT and video review resources.

  

• 2021 Javascript Open Source Community award list

  Curated by the GitNation Open Source Foundation, this community-nominated list of Javascript open source project winners promotes support for outstanding open source projects in the community.

The tutorial

• Learn CSS

  Google’s Learn CSS tutorial, written by the community of CSS experts, has 25 short chapters and is rich in online examples. Is a good CSS learning materials.

  

• JavaScript package development for the ES modules era)

  With Node.js supporting ES Modules by default and modern browsers implementing ES Modules, the Web front end is entering the ESM era, and this article describes how JavaScript packages for the ESM era can be developed.

application

• muzzle

  An interesting APP to help you ease the awkwardness of being too quiet when sharing your screen

  

The issue of

See you next time, Watch this month’s GitHub repository github.com/xiaoluobodi…

Original text: xiaoluoboding. Making. IO/or / 202…