Skip to content

Latest commit

 

History

History
108 lines (58 loc) · 3.13 KB

0001.md

File metadata and controls

108 lines (58 loc) · 3.13 KB
Raw

《Ohbug 前端周刊》 第 1 期 - WebContainers 在浏览器里运行 Node.js

⬆️ 热点

WebContainers 在浏览器里运行 Node.js

https://blog.stackblitz.com/posts/introducing-webcontainers/

利用 WebAssembly 已经可以完全在浏览器中运行 Node.js。这造就了一个比本地环境更快，更安全和一致的高级开发环境，以实现无缝代码协作，并且无需设置本地环境。

Node 16 来了 Node 10 将不再维护

Node 10 已废弃，可以安心使用 esm 了

Node 16 带来了稳定版 Timers Promise API

setTimeout 可直接替代 sleep 函数

import { setTimeout } from 'timers/promises'

await setTimeout(100)

btoa/atob

支持 btoa/atob API 与浏览器保持一致

新的编译器

Node 16 支持 Apple Silicon 的预构建二进制文件

更多新特性：

  • V8 升级至 9.0
  • npm 7
  • Source Map v3

📝 文章

前端工程化 - 剖析 npm 的包管理机制

https://mp.weixin.qq.com/s?__biz=MzIxNjgwMDIzMA==&mid=2247490651&idx=1&sn=34d8381b5b7650c74280683e42aaa3c5&chksm=9782d2d2a0f55bc416da64770573a8474fab1665d9dc25625797e2ef4d7af016dc93dc45d97e#rd

从三个角度：package.json、版本管理、依赖安装结合具体实例对 npm 的包管理机制进行了详细分析。

万字长文 | 史上最全的付费会员体系分析

https://mp.weixin.qq.com/s?__biz=MzI2MDI5OTQ4Ng==&mid=2247486677&idx=1&sn=a9a84385052032f6b6f7bf0f6e7ff05c&chksm=ea6a8364dd1d0a72d0ab8b05f2e6cafccbe97be4a45083f5f8668f2e5add247a2149dccec787#rd

会员体系的核心目标，是拉升「付费用户比例」、「用户生命周期」、「ARPU」；在用户价值层面体现为 LTV 的提升，在用户收入层面则体现为 NDR 的提升，最终推动 ARR 到更高的水平。

⌨️ 代码

listr

https://github.com/SamVerschueren/listr

终端任务列表操作神器，支持 Promises Observable Streams 等多种形式

GOGOCODE

https://github.com/thx/gogocode

简单易上手，可读性强的 AST 处理工具。类似 JQuery 的使用体验，值得一试。

去除项目中的 console.log 只需要一行代码：

const $ = require('gogocode')

const output = $(input).replace('console.log()', '').generate()

Octotree

https://github.com/ovity/octotree

一款为 GitHub 提供一份更直观展示目录结构的浏览器插件。

Leva

https://github.com/pmndrs/leva

面向 React State 的 GUI 面板 - 通过 GUI 修改 State 。

Reapop

https://github.com/LouisBarranqueiro/reapop

一个简单且可定制的 React 通知组件，非常精致。

🕒 订阅

  • 🕒 每周一早上准时更新 (重新定义周一)
  • 👋 Github 和公众号同步更新

微信搜索 「Ohbug」 或者扫描二维码，即可订阅。