The front-end quick explode

  • Developer tools for Chrome 92There are the following updates:
    • Instructions that execute differently are automatically isolated and repeated in the browser’s Console REPLconstConstant definitions will no longer report errors.
    • CORS debugging support has been enhanced and rules can be viewed in the Issue;
    • In the network panel, Wasm types can now be filtered separately;
    • In the performance panel, the time display of Compute Intersections is appended, so that the time of IntersectionObserver can be known.
    • Supports the CSS Grid editor.

  • Chrome’s annual browser compatibility report Compat 2021There was an update in the middle of the year:
    • The gap property of CSS Flexbox is supported in Safari 14.1, Chrome 84+, Firefox 63+, so it is fully supported in modern browsers.
    • CSS Grid usage has grown to 9% PV, with modern browsers supporting more than 89% of CSS Grid features;
    • aspect-ratioFully supported in Chrome 88+, Firefox 89+ and Safari 15 Beta;
    • Chrome is working on transform-style and transform interpolating tween animations;
    • Chrome was optimizedposition: stickyFor the presentation of the table header, therefore in Chromeposition: stickyCompatibility is 100%.

  • CSS native nesting syntax entered the first public Working Draft (FPWD) phase as a W3C specification.

  • In the browser,There are more convenient UI debugging font sizes:
    • In Firefox it can be adjusted directly through developer tools;
    • The Experiment TAB “Enable the new Font Editor tool within the Styles Pane” can be used to debug Chrome’s developer tools.

chest

  • beachballMicrosoft NPM package version update tool, his highlights are:
    • Automatically generate Changelog;
    • Work well with Git and NPM. Support monorepo;
    • A declaration mechanism that allows dependency on update and version number hooks;

The react-Monaco-Editor is a very sophisticated version update mechanism. Previously, its package.json had declared that the dependent Monaco-editor version number was *

​

  • Nod-red, the logic orchestration tool for IoT, has recently been updated with version 2.0, which allows use of the Monaco Editor and enhances the use of external packages.

Comment: This logic seems to be very difficult, but at least a programmer who understands strings and escapes can play with it…

Edit: Cheng Hu & review: a trace