前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >不换的周刊 第18期

不换的周刊 第18期

作者头像
不换
发布2024-04-30 13:49:51
710
发布2024-04-30 13:49:51
举报

Scholar's Weekly 第18期

{ loading=lazy }

(封面图片来源于:基于 CC0 协议的 stocksnap)

!!! tip hint important "温馨提示"

代码语言:javascript
复制
周刊中所有高亮的内容都可以点击到指定内容的链接~

FE News

关键词: magicastCronerlazyrepoJSPMchrome extension

1.Croner

相关地址:https://github.com/hexagon/croner

cronnodebundenobrowser 端的实现。

以下是一个快速示例,作为定位 job 的执行,是相当有用的工具。

代码语言:javascript
复制
// Basic: Run a function at the interval defined by a cron expression
const job = Cron('*/5 * * * * *', () => {
 console.log('This will run every fifth second');
});

// Enumeration: What dates do the next 100 sundays occur on?
const nextSundays = Cron('0 0 0 * * 7').nextRuns(100);
console.log(nextSundays);

// Days left to a specific date
const msLeft = Cron('59 59 23 24 DEC *').nextRun() - new Date();
console.log(Math.floor(msLeft/1000/3600/24) + " days left to next christmas eve");

// Run a function at a specific date/time using a non-local timezone (time is ISO 8601 local time)
// This will run 2024-01-23 00:00:00 according to the time in Asia/Kolkata
Cron('2024-01-23T00:00:00', { timezone: 'Asia/Kolkata' }, () => { console.log('Yay!') });

2. magicast

相关地址:https://github.com/unjs/magicast

一个超级有用的 语法树 快捷操作工具,可以像写 js 一样操作语法树。

3. lazyrepo

相关地址:https://github.com/ds300/lazyrepo

自从 nx.jsturborepo 提出了 cache build 之后。

lazyrepo 的作者,做了纯功能迁出,目前还是 build 阶段,看起来不错,比较独立,独立于任意一种框架,有点类似于 lerna-litlerna 孵化出的最小集合。

4. 超过100多种数据结构和算法的仓库

相关地址:https://github.com/trekhleb/javascript-algorithms/blob/master/README.zh-CN.md

之前我有关注过,但是这次我做了一个记录,我觉得作为 数据结构与算法 的探索者,应该要深入源码级别看一看一些好的案例是怎么写的。

5. Netlify 上的框架流行度

相关地址:https://www.netlify.com/blog/framework-popularity-on-netlify/

其实结果已经很明显了,从 20202022 的框架流行度上,基于 React 的,或者说为 React 所服务的框架中,next 的热度在持续上涨。

6.什么是 source map

相关地址:https://developer.chrome.com/en/blog/devtools-tips-23

来自 Google Chrome 的作者的分享。

顺带分享以下 source map 和 source code 的映射工具.

相关地址:https://sokra.github.io/source-map-visualization/

7.JSPM 重新启动

相关地址:https://jspm.org/jspm-cli

在上一周的周刊中,我有介绍到:JavaScript Import Maps 支持跨浏览器

所以在几年前荒废的 jspm 项目得以重启。

8.chrome-extension-cli

相关地址:https://github.com/dutiyesh/chrome-extension-cli

下一代浏览器扩展开发工具的脚手架项目,看起来不错,天然支持了 webpack ,并且作为预设。

End

!!! pied-piper "交个朋友吧~"

代码语言:javascript
复制
我是不换(书生),"浪子回头金不换"的**不换**,"百无一用是书生"的**书生**,热爱工作,同时在工作之余也热爱开源。

本期周刊到这里就结束了,我们下期再见?~

本文参与?腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2023-04-10,如有侵权请联系?cloudcommunity@tencent.com 删除

本文分享自 不换的随想乐园 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与?腾讯云自媒体分享计划? ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • Scholar's Weekly 第18期
    • FE News
      • 1.Croner
    • 2. magicast
      • 3. lazyrepo
        • 4. 超过100多种数据结构和算法的仓库
        • 5. Netlify 上的框架流行度
        • 6.什么是 source map
        • 7.JSPM 重新启动
        • 8.chrome-extension-cli
      • End
      领券
      问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
      http://www.vxiaotou.com