个人习惯,同一类型的软件喜欢多家对比尝试,选择最合适的,然后熟悉,打磨,最终成为这个领域独一无二的生产力工具。比如Surge,会作为网络代理神器,又或者Alfred作为Mac系统搜索入口等。印证了那句话工欲善其事,必先利其器。好软件值得寻找,更值得打磨。

思维导图哪家强,之前一直很纠结,前后也用过很多,最近因为在整理个人技能图,就重新调研对比了下,最终敲定在了mindmaster,这个选择至少短期不会再更换了,这里就Mark下为什么选择它,兴许可以帮助些朋友。

软件对比

  • XMind

    • 国产
    • 价格偏贵,388CNY/year
    • 跨平台
  • MindMaster

    • 国产
    • 可订阅,可永久买断,680CNY/永久,11.1CNY/Month
    • 跨平台,有Web版
    • 免费版良心,基本功能得到保证
  • OmniGraffle

    • 国外
    • 价格贵,124.99USD/Year
    • 跨平台
  • MindNote

    • 国外
    • 价格适当,19.99USD/Year
    • 跨平台

综上,权衡了下,最终选择MindMaster,主要是考虑易用性,可以高效出图

MindMaster的优势与不足

阅读全文 »

有时需要快速查询Mac系统版本信息,或者内存信息,常规操作是点击屏幕顶部右上角Apple图标=>About This Mac=>然后在对应的Tab页寻找信息=>选择拷贝,这样做未免麻烦了些。

于是,趁着节假日,我快速做了个workflow,目标快速获取系统基础信息。

效果

说明:选择单个项,回车即可拷贝到系统剪贴板。

下载地址:https://github.com/alanhg/alfred-workflows/tree/master/about-mac

阅读全文 »

假如家里路由级已经解决了科学上网,那么Mac等终端设备是没必要再重复开启代理的,不然速度会更慢,性能开销也属浪费,但是当出了家门,连到公司Wi-Fi,又或者在咖啡厅,那么又需要开启代理。OK,这个过程完全是固定模式,有办法自动吗?YES。

Surge提供了Event脚本支持,即可做到以上需求。

官方文档,参考这里

配置

主配置文件,增加以下配置

阅读全文 »

SPA技术下,对于WEB前端路由,有两个选项HashRouter,BrowserRouter,两个选择,有利有弊,需要根据实际情况去选择,这里就总结下。

HashRouter vs BrowserRouter

  1. 两种路由展示形式不同,HashRouter使用的URL哈希形式(比如https://1991421.cn#posts)来区分各个路由URL,而BrowserRouter使用的传统URL形式(比如https://1991421.cn/posts)来区分

  2. BrowserRouter需要后台进行一定的设置,因为用户可能在某个URL下是可以执行浏览器刷新,这事服务端收到请求,那么需要确保该路由下,返回SPA的宿主页面,当然HashRouter不需要

    1
    2
    3
        app.get('*', function (req, res) {
    res.sendFile(path.join(__dirname + '/index.html'));
    });
  3. HashRouter因为利用的URL Hash,假如页面内部有目录锚点,而目录锚点如果放在URL上就会造成额外的问题,比如这样一个URLhttps://1991421.cn/#posts/detail/1234567#comment如果想获取目录锚点comment,使用location.hash结果将是#posts/detail/1234567#comment,这种情况下只能文本匹配。

  4. HashRouter地址如果是表单提交,本身hash部分是不会作为地址的一部分发出

结论

阅读全文 »

我们开发的网页需要运行在各种各样的浏览器下,而不同浏览器,不同版本对于网页解析都会有些许差异,如果是IE,就更麻烦。曾几何时,前端er聊起IE兼容就蛋疼,内心骂了IE多少次。

如何优雅的处理兼容性问题,是个固定的课题。现在对于这个问题已经有了相对系统化的方案来解决,这里就Mark下。

说明:场景不同,习惯不同,因此配置方式不唯一,这里以我个人的实践来说明,仅供参考。

browserslist

配置

项目根目录下创建.browserslistrc文件,根据需求写下目标浏览器范围,比如我这里配置如下

阅读全文 »
0%