macOS查看特定端口占用

查看进程占用 lsof -i tcp:8080 该命令会显示占用8080端口的进程，有其 pid ,可以通过pid关掉该进程 杀死进程 kill pid

pm2 环境变量不生效的解决方法

pm2 设置环境变量有2种方法。 方法一 NODE_ENV=XXXXX pm2 XXXX 方法二 使用一个单独的配置文件，可以参考官网 https://pm2.keymetrics.io/docs/usage/environment/ 如： pm2 start ecosystem.config.js --env production 设置不生效 尝试了上述2种方法发现都不行，最近找到解决方案。如果实例已经建立了，即在 pm2 ls 中可以看到，那先需要运行 pm2 delete YOUR_INSTANCE 把原来删除才可以。

Xcode 升级 React Native Unknown argument type '__attribute__' in method 解决方案

最近MacOS系统更新，顺便把XCode的版本也进行了升级，但升级之后出现了错误： [RCTModuleMethod.mm:376] Unknown argument type '__attribute__' in method -[RCTLinkingManager getInitialURL:reject:]. Extend RCTConvert to support this type. 解决方案 参考这个issue：https://github.com/facebook/react-native/issues/25138 解决见这个PR：https://github.com/facebook/react-native/pull/25146 在 React/Base/RCTModuleMethod.mm 中的 RCTParseUnused 方法添加一行代码 static BOOL RCTParseUnused(const char **input) { return RCTReadString(input, "__attribute__((unused))") || RCTReadString(input, "__attribute__((__unused__))") || RCTReadString(input, "__unused"); }

Mac复制图片到剪贴板

最近使用Mac中的Alfred实现一个截图复制到剪贴板的功能，这个命令比较特殊，记录一下。 #!/usr/bin/osascript on run args set the clipboard to POSIX file (first item of args) return the clipboard end

使用 box-shadow 代替 border

在前端开发中给一个 div 添加边框，一般是使用border属性。 如下： <div class="box"> </div> CSS .box { background: blue; width: 100px; height: 100px; border: 3px solid red; } 效果图： 使用box-shadow实现 使用box-shadow也可以实现类似效果。 box-shadow: 0 1px 0 0 red; /* Border bottom */ box-shadow: 0 -1px 0 0 red; /* Border top */ box-shadow: -1px 0 0 0 red; /* Border left */ box-shadow: 1px 0 0 0 red; /* Border right */ box-shadow: 0 0 0 1px red; /* All the borders by using the spread properties */ 为什么要使用box-shadow 遇到了这样一个需求，当这个box被hover的时候，出现一个边框，这时候就会涉及一个盒模型的问题，当使用border的时候，会修改盒模型，但box-shadow不会。 继续阅读

写文章那点事儿

写文章这种东西，个人感觉一定要坚持，一时写作一时爽，时时写，时时爽。如果你一直坚持写，基本上开口就来，文章思路轻易，文如泉涌。到如果你一段时间不写，那完了，写一个自还要斟酌半天。有人说写文章能锻炼人的思路，深以为是。

Momentjs 中无法更改 locale 解决方法

Moment.js 是前端中一个非常强大的处理日期时间的库。有多强大？以致于每次引用它的时候都要考虑一下到底是不是需要一个这么重的库引用进来。而最近一个项目中用到了多语言的日期格式，需要将日期格式化成当地的日期显示格式，比如日本的金耀日、月耀日等等。 开始直接使用了Moment.js的locale函数 moment.locale('ja'); 结果不行，还是显示的中文的日期，后面在github上找到一个解决方案 import "moment/locale/ja" moment.locale("ja") PS：目前这个解决方案在我项目是可以work的，但无法保证后续moment更新之后，会不会直接『修复』这个问题。