在玩Angular时候,会遇到这两个编译方式AOT,JIT,但是玩React时却不提及,难道是NG所独有的?当然No,玩java也会提及JIT。这里就聊下两者区别。

如有错误,欢迎斧正。

上定义

这里取Angular上的一段解释说明。

  • JIT:just-in-time

    Just-in-Time (JIT), which compiles your app in the browser at runtime.

  • AOT: ahead of time

    Ahead-of-Time (AOT), which compiles your app and libraries at build time.

阅读全文 »

随着围绕着Mac生态的外设越来越多,经常需要切换声音输入输出设备,GUI操作效率太低,于是借着周末时间,做个workflow来提升切换效率。

实现基础

调研了一番方案, 发现选择不多

  • 命令行模块有个方案是switchaudio-osx,但不支持AirPlay,作者也不打算支持,改造的话需要C语言开发基础,为此放弃
  • AppleScript+Shell,好处是环境Mac内置,无依赖,直接安装运行即可

最终选择了方案2,为此系统学习了下AppleScript,总算搞定,花费也就几个小时。

阅读全文 »

componentWillUnmount意味着组件即将销毁时触发该钩子,但假如用户直接关闭浏览器tab,则该钩子时是不会被触发的。

这个问题在特定的场景下需要考虑,比如我在做websocket相关开发时,场景是用户进入某详情页,即开启文章topic订阅,当用户切换到其它URL时,该文章订阅即取消,因此我将这个取消订阅的动作放在了componentWillUnmount中,但假如用户直接关闭TAB页,则程序无法知道,因此就会BUG。

Why?

直接关闭Tab意味着直接销毁该tab页的HTML,JS,CSS资源,因此react的lifecycle就更不会执行了,因此在实际开发中要意识到该钩子的局限性。

原生window beforeunload 事件

阅读全文 »

对于Alfred实在太爱,以至于一旦发现了自己的一个效率需求,就会研究Alfred的可行性,可行就立即寻找第三方的或者自己定制开发,直到今天,我也已经开发了N个workflow,经验贴也很多,给自己点个赞。

无论是自开发的还是第三方的,大部分我在日常会高频使用,这里share下,兴许帮到些朋友。

说明

点击workflow标题链接即可访问下载页面,下载页都会有介绍,因此这里不再赘述,仅以GIF动画展示主要功能。

Workflows如下:

阅读全文 »

JS的基本数据类型在ES6到来时增加了Symbol基本类型,而ES6即ES2015发布也已经5年半时间。

但实际的开发中,我并没有使用过Symbol,因为在TS的语言环境下,我似乎更不考虑用它了,因为TS下有个枚举类型的存在。但认真学习调研后,结论是理解错了。

这里就mark下两者的区别,明晰区别,意义,才能更健康合理的使用。

TypeScript中的Enum

首先TS只是中间语言,开发语言,而TS最终还是要compile为JS,因此这个类型本身也只是一种包装。

比如我们定义这样一个枚举

1
2
3
4
enum Config {
CSV,
JSON
}
阅读全文 »
0%