沐童Hankle

不知道有多少 TS 爱好者哀叹过这个问题：虽然我很想用 TS，奈何老大只让用 JS。今天我，告诉你，在 JavaScript 中也可以很流畅的使用 TypeScript ，而且你的老大不会找你的麻烦。 很多同学在看了《ts安利指南》后，评论说道："TS 虽然香，奈何我们老大没兴…

一般来说产品是按以下方式进行迭代的，我认为循环的起点应该是「收集用户反馈」，我们对页面的优化依据和目标一个重要来源就是用户的反馈，因此说网页优化我们先从网页监控开始聊起。 京东前端监控涉及的系统主要有两个：测速系统和智能监控平台。 网页将各个关键节点的测速信息（时间戳）上传给系…

最近笔者把一个中等规模的 Koa2 项目迁移到 TypeScript，和大家分享一下 TypeScript 实践中的经验和技巧。 原项目基于 Koa2，MySQL，sequelize，request，接口加页面总计 100 左右。迁移后项目基于 Midway，MySQL，seq…

最近的业务涉及到了很多数据的计算，数据库提供了一些基础数据，基于这些数据和公式运算才可以得出最终的目标数据。 基础数据可能来源于不同的数据表不同字段。 公式只是基本的四则运算但是数量较多，而且后续可能会有所增减。 这些问题导致代码越来越长，可读性降低，而且后续修改成本越来越大。…

在平日的工作中前端 badjs 是一个比较常见的问题， badjs 除了我们自身业务 js 脚本里比较明显的报错外还有依赖其他资源的一些报错，对于自身业务 js 里出现的错误很容易进行定位并修复，但对于依赖资源的错误即常见的 script error （外部 js、接口错误）定…

前段时间，在公司做了个 Webpack 的分享。听众40多人，感觉还不错。所以总结一下，先看一下ppt的目录： 本质上，webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建…

在 Javascript 中，可遍历结构，比如 Array、NodeList、 Set、Map，都是默认具备遍历器（Iterator）接口的，这让它们都可以被 for...of 语法所接受。但 Object 并没有原生部署遍历器接口，所以如果你想用 for...of 来遍历一个…

若需要用于商业用途，请经本人同意。 尊重每一位认真写文章的前端大佬，文末给出了本人思路的参考文章。 能够访问到这篇文章的同学，初衷是想知道如何编写JavaScript的模板引擎。为了照顾一些没有使用过模板引擎的同学，先来稍微介绍一下什么叫模板引擎。 上面代码中，我使用了ES6的…

日常工作中，我们会碰到js代码解析的场景，比如分析代码中require了哪些包，有些什么关键API调用，大部分情况使用正则表达式来处理，可一旦场景复杂，或者依赖于代码上下文时，正则就很难处理了，这时候就要用到抽象语法树。常见的uglify、eslint、babel、webpac…