今天花了点时间进行了TypeScript的升级，好处是可以进一步使用TS/JS的新特性，比如短路赋值运算符等。这里简单Mark下升级细节。 注意，TS只是类型，原则上升级并不会造成项目任何功能BUG，这点要明确_ 升级包{ "typescript": "4.0.3" "@typescr ...
美团网首页HTML源码阅读
首页网址：https://www.meituan.com 前端代码是透明的，你可以直接获取。通过解读源码，总是可以学到很多技术点。这里我来梳理下美团首页源码中包含的技术点。 SEO<title>美团网-美食_团购_外卖_酒店_旅游_电影票_吃喝玩乐全都有</title>& ...
利用工具提升前端代码质量-StyleLint
前端三要素，HTML，CSS，JS，无论是SPA，还是MPA，HTML相对较少，所以对于代码风格的控制更多在于JS和CSS。对于JS，我们有ESLint，而对于CSS，推荐使用StyleLint。 这里简单介绍下如何配置 配置安装包$ yarn add stylelint-config-stan ...
评测AFTERSHOK耳机
家里有人买了AFTERSHOKZ 韶音AS650 Air骨传导耳机，一直没体验过这类耳机，于是把玩了下，这里谈下个人的使用体验，同时兴许可以帮助那些纠结买哪类型耳机的朋友们。 优点 设计新颖，明显区别于入耳式/耳罩式，对于有些入耳困难且不喜欢耳罩的，确实是个option 做工不错，在千元档来说 ...
关于Error Boundaries
React文档中讲到一个概念-Error Boundaries（错误边界），今天正好在读一本书《Learning React》,借着刚读完的熟悉感 + 结合实际的项目，聊下个人的实践认知。 解决的问题范畴 A JavaScript error in a part of the UI should ...
Alfred实现一键翻译
应一个朋友的诉求，实现了基于百度翻译API的workflow，这里简单share下 翻译服务因为朋友的明确需求是百度翻译，所以这里也就选择了百度。但个人更喜欢谷歌翻译，因为确实翻译质量相对好些。 使用百度翻译服务需要以下两点 注册百度账号 获取APP ID，密钥，对应的API服务确保开通 开 ...
Jenkins持续部署-邮件通知
为了生产发版后，能够及时的通知BA，Dev同学，趁着周末，研究了会儿Jenkins，这里简单Mark下。 安装配置Plugin Manager自带的mail过于简单，为了实现邮件模版自定义，需安装以下插件 Email Extension Plugin Config File Provider ...
JavaScript并发模型与事件循环
最近看到一道基础题，沉痛打脸，发现对于JS的事件循环机制理解不扎实，于是梳理下，巩固基础。 基础题先上原题 console.log('start');setTimeout(() => { console.log('children2'); Promise.resolve(). ...
项目代码统计
今天接到一个需求，需要统计整个项目的代码量，为了系统且清晰的统计到整体的代码量，我还是做了些工作的。 于是这篇文章便诞生了。 Tasking要做代码量统计，大致需要以下工作 批量clone group下所有仓库日常开发，我们本地并不会clone下所有的仓库代码，因此还是有此需求，批量Clone ...
周末读了两本报告
周末花了点时间，读了两本报告《2019-2020 中国开发者调查报告完整版》和《InfoQ-2020中国技术发展白皮书_toc》。 些许感悟这里简单Mark下 终身学习中国开发者调查报告中有这么一条近6成开发者每周学习6小时以上.这本报告，我印象15年开始我就喜欢读，记得之前的报告并没有这样维度 ...