Attack on Life ⚔️

Personal blog

发表于 更新于 本文字数： 1.1k 阅读时长 ≈ 2 分钟
本文介绍关于思维导图选择，包括使用场景、实现细节等，以提高关于思维导图选择的效率。

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

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

软件对比

  • XMind

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

  • MindMaster

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

  • OmniGraffle

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

  • MindNote

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

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

MindMaster的优势与不足

阅读全文 »

发表于 更新于 本文字数： 761 阅读时长 ≈ 1 分钟
本文介绍关于Alfred实现快速获取Mac系统信息，包括使用场景、实现细节等，以提高关于Alfred实现快速获取Mac系统信息的效率。

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

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

效果

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

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

阅读全文 »

发表于 更新于 本文字数： 1.1k 阅读时长 ≈ 2 分钟
本文是作者对Surge实现根据WI-FI情况自动调整代理策略的介绍，包括Surge实现根据WI-FI情况自动调整代理策略的优势、实现细节、相关资料等，这些步骤可以帮助作者提高Surge实现根据WI-FI情况自动调整代理策略的效率。

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

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

官方文档，参考这里

配置

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

阅读全文 »

发表于 更新于 本文字数： 1k 阅读时长 ≈ 2 分钟
本文是作者对Web中HashRouter与BrowserRouter选择的介绍，包括Web中HashRouter与BrowserRouter选择的优势、实现细节、相关资料等，这些步骤可以帮助作者提高Web中HashRouter与BrowserRouter选择的效率。

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部分是不会作为地址的一部分发出

结论

阅读全文 »

发表于 更新于 本文字数： 2.1k 阅读时长 ≈ 4 分钟
本文是作者对browserslist做兼容性管理的介绍，包括browserslist做兼容性管理的优势、实现细节、相关资料等，这些步骤可以帮助作者提高browserslist做兼容性管理的效率。

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

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

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

browserslist

配置

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

阅读全文 »
0%