第 04 菜谱:在浏览器控制台安装npm包是什么操作?

第 04 菜谱:在浏览器控制台安装npm包是什么操作?

Hi,我是 Sea,欢迎打开新一期的「每周菜谱」,这是第「04」期,发表于 2023-02-05,我们先来看看每周有什么值得推荐的

每周推荐

在浏览器控制台安装 npm 包是什么操作?

https://king-hcj.github.io/2021/10/27/console-npm-install/

我们都知道,npm 是 JavaScript 世界的包管理工具,并且是 Node.js 平台的默认包管理工具。通过 npm 可以安装、共享、分发代码,管理项目依赖关系。虽然作为命令行工具的 npm 近年来逐渐式微,但是作为广泛使用的存储库的 npm,却依然如日中天,还是世界上最大的软件注册表

通常,我们通过npm install xxx在 React、Vue、Angular 等现代前端项目中安装依赖,但是前端项目在本质上还是运行在浏览器端的 HTML、JavaScript 和 CSS,那么,我们有办法在浏览器控制台直接安装 npm 包并使用吗?

A Cure for React useState Hell?

https://www.builder.io/blog/use-reducer

拯救 useState 地狱? —– 使用 useReducer

Preact 开始采用 Vue3 的响应式设计

https://juejin.cn/post/7163528906539008030

抛弃 moment.js,基于 date-fns 封装日期相关 utils

https://juejin.cn/post/7151050708094189582

日期处理库官方停止维护的 moment.js无缝代替 moment.js 的 day.js逐渐流行的 date-fns,最后基于date-fns封装常用日期处理的utils

2023 年了,如果项目中有用moment.js的可以用day.js代替减少体积做优化,新项目可以选择考虑date-fns

javascript-testing-best-practices

https://github.com/goldbergyoni/javascript-testing-best-practices

本指南可以助你将测试能力提升到下一层级

技术实践

把 puppeteer 融入调试流程,调试体验爽翻了!

https://mp.weixin.qq.com/s/lAKomnFaMoff1lV_9VqcCg

可以思考下这种调试方式的可行性

这样封装列表 hooks,一天可以开发 20 个页面

https://juejin.cn/post/7165467345648320520

在做移动端的需求时,我们经常会开发一些列表页,这些列表页大多数有着相似的功能:分页获取列表、上拉加载、下拉刷新···

Vue 出来 compositionAPI 之前,我们想要复用这样的逻辑还是比较麻烦的,好在现在 Vue2.7+都支持 compositionAPI语法了,这篇文章将 手把手带你用 compositionAPI 封装一个名为 useList hooks来实现列表页的逻辑复用

手撕 babel 插件-消灭 console!

https://juejin.cn/post/7155765227986878494

写一个 babel 插件来去除生产环境的 console.log

前端性能-首次加载优化 70%

https://juejin.cn/post/7153527700286603300

拓展边界

别再问我 WiFi 密码了:这两个 GitHub 帮你解决

https://juejin.cn/post/6985183527973158942

这个场景在你生活中是不是经常出现?

自己设置的 WiFi 的密码却忘记了,而且来一个客人都需要说一次密码,年纪大一点的还得需要你帮他连上 WiFi。

如果你也觉得这事儿有点麻烦,可以从这个文章中找一个简单高效的办法。

wifi

DeliberatePracticeVimIn30Days

https://github.com/itgoyo/DeliberatePracticeVimIn30Days

刻意练习 Vim30 天能达到什么效果,是麻瓜,还是成神?

keymap

ARCHIVEBOX

https://archivebox.io/

🗃 Open source self-hosted web archiving. Takes URLs/browser history/bookmarks/Pocket/Pinboard/etc., saves HTML, JS, PDFs, media, and more…

image-20230202170827164

久坐后想让身体休息一下,不如试试这 9 款 Mac 应用

https://sspai.com/post/54648

对着电脑屏幕端坐一个下午,终于完成了手头的工作。合上屏幕起身之时,感觉腰背一阵酸疼;两眼更是疲惫不堪。于是不禁感叹:多少次了……下次中间要记得暂停休息一下。感叹久了,就会想要设法解决这个问题。这 9 款 MAC 应用总有一款适合你,他们都是运行在后台,定时跳出来提醒你「该休息一下了」

小结

如果你喜欢每周菜谱,请转发给你的朋友,告诉他们来这里进行订阅~

订阅地址:https://mrseawave.github.io/blogs/

每周菜谱,让你做饭更开心~

第 04 菜谱:在浏览器控制台安装npm包是什么操作?

https://hailangya.com/articles/2023/02/05/weekly-04/

作者

Sea

发布于

2023-02-05

更新于

2023-02-06

许可协议

评论