Hik 前端週刊｜第 31 期

新聞

1. Chrome 92 發佈
blog.chromium.org/2021/06/chr…javascript

2. wiki 百科將來將使用 vue 做爲 javascript 框架
lists.wikimedia.org/hyperkitty/…css

1. Web思惟導圖實現的技術點分析
juejin.cn/post/698771…html

2. 爲何咱們要更新 1800 多個表情符號來支持新的工做環境
medium.com/microsoft-d…前端

3. 你真的瞭解 package.json 嗎？來看看吧，這多是最全的 package 解析
mp.weixin.qq.com/s/-HSakf2iq…vue

一個合格的 package.json 很是重要，若是寫很差 package.json 運行 npm home xxx 是沒法找到對應主頁地址的java

4. 簡單用 monorepos 和 TypeScript 開發 npm 庫
2ality.com/2021/07/sim…node

monorepo 是一個用於管理多個項目的單一存儲庫。在這篇博文中，咱們將探討如何爲兩個 npm 包創建一個簡單的 monorepo。咱們所須要的已經內置到 npm 和 TypeScript 中了。react

5. 雲開發 Webify 正式上線：專爲 Web 開發者打造的雲上開發部署平臺
mp.weixin.qq.com/s/4fQkUeQ_C…git

6. 前端組件化實戰之 Button
mp.weixin.qq.com/s/jbm22j7Xp…github

7. welcome UI 是一個可定製的設計系統庫，包含 react, style -components, style -system, reakit。
www.welcome-ui.com/

1. 🎉 GitHub Discussions 生成微信文章 (支持二維碼及腳註形式)
github.com/lencx/woap

2. 基於 Vite 瀏覽器插件模板
github.com/antfu/vites…

3. 一個基於 react 很是簡單的項目標記組件
github.com/react-tags/…

4. AlloyTeam 的漸進式 eslint 配置適用於 React / Vue / TypeScript 項目
github.com/AlloyTeam/e…

5. 技術面試最後反問面試官的話
github.com/yifeikong/r…

不單單面試者要看，面試官更要看

6. 一個簡單的 javascript 工具 classnames，用於鏈接類名
github.com/JedWatson/c…

var arr = ['b', { c: true, d: false }];
classNames('a', arr); // => 'a b c'
複製代碼

7. 在服務器端和客戶端使用具備至關靈活性和可擴展性的 JS 生成 CSS 工具 css-render
github.com/07akioni/cs…

8. 從.env 爲 nodejs 項目加載環境變量的類庫 dotenv
github.com/motdotla/do…