技术文章

• Publishing a Web Component to npm

  将一个web Components发布到npm，并且借助unpkg，script type="module"，注入到全局，直接达到原生可用的组件库。 搜索可用的web Component库 https://www.webcomponents.org/ 另外关于三方库和webComponent的使用配合。React官方有在react中使用webComponenthttps://reactjs.org/docs/web-components.html#using-web-components-in-react ， Vue则直接有Vue-cli，通过Vue语法生成WebComponent (貌似2018年就写了）https://cli.vuejs.org/zh/guide/build-targets.html#web-components-%E7%BB%84%E4%BB%B6 （可以理解降低webComponent开发难度，类似之前分离的lit-element)。

• the 2021 Web Almanac offers a deeper insight into how the use of CSS

  作者统计了2021年整体网站上CSS的方方面面。（CSS文件大小，语法使用特点排行，css选择器习惯排行等等）

• the 2021 Web Almanac offers a deeper insight into how the use of JS

  同上，主要统计JS相关的（文件大小、使用率、请求数、框架使用率等）

• Defensive CSS

  Defensive CSS，常见的一些兼容处理，抗干扰（文字过长，图片尺寸高宽比，换行，单词分词等等）

工具&&框架

• https://github.com/GoogleChromeLabs/container-query-polyfill]

  css @container 属性兼容旧浏览器（usingResizeObserverandMutationObserver.）

• https://open-props.style/

  Supercharged CSSvariables. 常用变量库 Expertly crafted web design tokens

• https://github.com/kucherenko/jscpd

  检测重复代码(适用于 JavaScript、TypeScript、CSS、Sass、SCSS 和 Less)

• https://giscus.app/zh-CN

  由 GitHub Discussions 驱动的评论系统。让访客借助 GitHub 在你的网站上留下评论和反应吧！本项目受 utterances 强烈启发。

设计&&杂谈

• How To Make A CPU - A Simple Picture Based Explanation

  CPU 硅晶圆制作过程图解