Webpack有个HMR功能，这个特性在1.x的时候就有了。但我一直没有去特意关注过，最近因为在改进开发体验,牵扯到改动这里。所以决定梳理下这个，也以此加深对Webpack的理解。 上概念先上官网概念 Hot Module Replacement (HMR) exchanges, adds, ...
TSLint并不check TypeScript错误
这篇文章想说的就是标题这一句话。但是强烈建议你还是看下去，因为搞明白会更有意思。TSLint是TypeScipt代码静态分析工具，它解决的是代码规范。提交代码时，前端往往都会跑一遍Lint，检测代码风格，确保统一。但跑过了TSlint就一定构建没问题了吗？？？。 答案是不会，比如TS语法错误，就不 ...
Apple mail创建邮件模版
因为现在的工作需要，每周都需要发邮件给组织，发送人及内容格式固定，只是具体条目有区别，每次发送，要么从已发送的邮件里翻出以前发送的，然后点击Forward，辛苦的改改，要么就是印象笔记找到记录的要发送人信息等，然后添加内容等。总之各种姿势都很不优雅，一点不敏捷高效啊！ 果断需要做个邮件模版，另外 ...
Redux-Saga中的异常处理
Redux-Saga是一个用于管理应用程序 Side Effect（副作用，例如异步获取数据，访问浏览器缓存等）的 library，它的目标是让副作用管理更容易，执行更高效，测试更简单，在处理故障时更容易。 不可避免的是，effects中可能会出现异常，比如一个call API请求，对于异常我们又 ...
Bose700入手2周感受
最近几次高铁之行加上工作环境的进一步恶化，使我从犹豫买降噪耳机到确定买降噪耳机。这里说下购买上的考量及使用两周的感受。因为确实周边也有人问,所以总结一波。 为什么买Bose700我周边的同事都清一色的买了BoseQC35二代，一度让别人误会我司送耳机。我也曾考虑过这款，同时也试用了WH-100 ...
项目中Less与CSS modules的实践
最近接手的项目前端，关于样式这块用到了Less和CSS modules，这里梳理总结一番。 show实际代码之前，有必要先从背景上了解下两者。 Less为何物我们要知道，前端三要素，CSS，HTML，JavaScript。CSS主打样式问题，HTML主打内容，JS控制交互，这是基础，也是基石。 ...
NAS DDNS设定
购买群晖会赠送QuickConnect服务，也就是可以直接外网访问，但访问很慢【听说走宝岛台湾】且域名不怎么好，要想快点，就需要搞下自定义域名绑定 为什么说是DDNS设定，了解DDNS的同学应该知道这个就是为了解决动态IP域名绑定问题的。要了解DDNS的，戳这里 开搞前有几个基础条件需要满足 基 ...
IDEA打磨之路-Live Templates
IDEA的成功毋庸置疑，18年的时候份额就增长到了50%以上，好在哪呢?作为开发者来说就是太贴心了，很多设计，很多小功能都真正的解决了痛点，提高了效率。最近花了些时间对其中的一项功能-Live Template进行了研究和打磨，这里对此稍微总结和share下。 Live Templates是什么 ...
写个Alfred Workflow实现一键切换Maven设定
因为公司项目需要使用公司的内部Maven资源，在家里并不需要，这样来回切换设置，很耗时。本着自动化的思想，考虑做个脚本来切换源。 脚本化-初步方案在网上看到一位道友的文章-脚本切换，给了启发。这里贴下脚本化。 #!/bin/bashbase_dir=~/.m2setting_home=setti ...
TypeScript下的类型转换
故事的起因是，同事在项目中遇到的一个问题。 在做页面表单时声明了一个类型A，A有4个属性，但是表单渲染是5个字段，在获取表单值的时候，做了_类型转换_as A，但是打印发现还是5个字段。不是做了转换吗？他问我怎么回事？怎么解决呢？我告诉他可以显式的删除多余的属性。但具体原因，我却有些哑口无言。对此 ...