news

1. Chrome released 91 developer.chrome.com/blog/new-in…

  • File System Access API is supported
  • WebAssembly SIMD is enabled by default
  • Upgrade V8 to 9.1

2. Introduction to chrome. Scripting developer.chrome.com/en/blog/crx…

3. Chrome 93 has a blockbuster release, and Google Lighthouse 8 is coming with an updated FCP curve github.com/GoogleChrom…

4. Chrome 92 const can repeat a statement in the console, and support the Grid editor developer.chrome.com/blog/new-in…

5. Babel8 will migrate to ES Modules bigbinary.com/blog/helpin…

UI component library collection

1. Vue 3 component library, complete, theme tunable, Typescript, not too slow, interesting www.naiveui.com/zh-CN/os-th…

2. A VUe3 UI library github.com/epicmaxco/v…

DevUI devui.design/

4. Fluent UI is a Microsoft React component library github.com/microsoft/f…

Good post and share

1. Use @vue/composition-api in Vue2 project juejin.cn/post/696681…

Now many vue2 projects can be used, fully compatible with option-API, it is recommended that new pages can be used

2. Summarize the application and practice of TypeScript in project development juejin.cn/post/697084…

3. The author of the best-selling book “Simple to Understand Vue. Js”, the harvest of 1 year in Ali Tao department grows mp.weixin.qq.com/…

4. I made my bike an autonomous ride!! www.bilibili.com/video/BV1fV… , code address: github.com/peng-zhihui…

Dev. To /afif/anothe…

6. Community discussion of close reading Low Code Logical Choreography github.com/ascoders/we…

7. Tencent for developers to comb the code security guide github.com/Tencent/sec…

8. Iconfont supports new color font ICONS mp.weixin.qq.com/s/Nf6b_KjQ3…

9. Trigonometry in CSS and JavaScript tympanus.net/codrops/202…

Tools and class libraries

1. Google Scripting Tool zX recommended mp.weixin.qq.com/s?__biz…

2. Tool for generating images from snippets of code: Carbon carbon.now.sh/

3. React – based avatar library github.com/chilllab/re…

Listemoji.com/listemoji.com is a website for developers to find and copy emojis

5. vueuse-playground

vueuse-playground.netlify.app/

6. GitHub project README generator github.com/rahuldkjain…

7. Snowpack scaffolding astro support, multiple languages in a Single File Components!! Github.com/snowpackjs/…

Github.com/snowpackjs/…

---
import { A, B as Renamed } from '.. /components';
import * as react from '.. /components/ReactCounter.jsx';
import { PreactCounter } from '.. /components/PreactCounter.tsx';
import VueCounter from '.. /components/VueCounter.vue';
import SvelteCounter from '.. /components/SvelteCounter.svelte';
---
<html>
  <head>
  </head>
  <body>
      <main>

        <react.Counter:visible>
            <h1>Hello React!</h1>
            <p>What's up?</p>
        </react.Counter:visible>

        <PreactCounter:visible>
          <h1>Hello Preact!</h1>
        </PreactCounter:visible>

        <VueCounter:visible>
            <h1>Hello Vue!</h1>
        </VueCounter:visible>

        <SvelteCounter:visible>
            <h1>Hello Svelte!</h1>
        </SvelteCounter:visible>

        <A />

        <Renamed />

      </main>
  </body>
</html>
Copy the code