前言

haorooms博客2022年视频专题重新拾起。2021年，想做短视频，但是没有好的想法，加上工作比较忙，个人比较懒等原因搁置了。从2022年开始，重新开始录制。欢迎大家关注。

目标和规划

今年短视频想根据专题来录制，分为如下专题

前言

haorooms博客之前总结了很多js的用法，例如数字三位分割等等，详细请看https://www.haorooms.com/post/js_qian_huobi_gs 这里面的黑科技介绍了toLocaleString，最近查了toLocaleString的兼容性，还是蛮好的，可以用起来。

number的toLocaleString 应用

 // 1、将数字进行千分位切割展示
var num = 1331231  
console.log(num.toLocaleString())  //  1,331,231

前言

2021年已经逝去了，迎来了崭新的2022年，回顾2021.回顾我2021年立下的目标，B站粉丝数和预期还有很大差距。源于我大概三月份过后没有怎么更新。同时也没有什么好的分享，没有自己的特色之处，导致一直停滞不前。不过2021年最让我开心的事情是我成了新的上海人，落户成功。然后也成功拍到了沪牌。这是2021让我欣慰的事情。

再见2021

2021年博客总共输出32篇文章，基本都是偶发感想或者工作中碰到的小问题，写在文章里面和大家分享，针对知识性总结类的文章不多，文章总体质量不高，所以导致文章关注度不高。

前言

本文紧接着上一篇文章babel代码编译流程介绍，主要讲解如何自己写一个babel插件。上一篇文章通过babel的parse、transform、generate 我们完成了一个小的案例，假如这个小案例通过npm发布，共享这个功能，那么我们必须用到babel插件，那么如何封装一个babel插件呢？本文着重写下babel插件的封装。

babel的使用

项目中用到babel，你可以看到，首先是在项目根目录下面有个.babelrc 文件，这个是babel的配置文件。格式如下：

{
  "presets": [
    ["env", {
      "modules": false,
      "targets": {
        "browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
      }
    }],
    "stage-2"
  ],
  "plugins": ["transform-runtime", "external-helpers","transform-class-properties"]
}