WecTeam

笔者负责的是京喜的前端某业务，长期受到大量异常的困扰，又常常找不到原因。有时异常一下暴涨，又降了回去，定位不到问题，深受其扰。经过长时间的沉淀，分析总结出了一套结论和方法。 文章篇幅较长，前半部分讲述了为什么要做这件事以及怎么收集和分析 badjs，适合于没有系统接触过 bad…

今年Q1（2020年第一季度）参与了京喜事业部「京喜工厂」业务的前端开发。用户可以通过「京喜工厂」参与口罩、抽纸、大米等商品的“在线生产”，既能趣味造物，又能免费领奖品。目前可以通过「京喜」小程序首页访问该活动。 活动在上线一个月后，PV达到千万的量级，引人注目。有不少前端同学…

滤镜主要是用来实现图像的各种特殊效果，比如灰色、颜色反转、黑白、马赛克、锐化等，我们在Photoshop中处理图片时经常能看到，这些看似很复杂的功能前端同学通过Canvas也能很容易实现。本文先通过几个简单的例子，解释如何实现简单的滤镜效果；之后再介绍卷积的基础知识，通过卷积运…

当组织团队达到一定的开发规模时，页面可视化搭建是一个减少冗复开发、释放生产力的最有效方案。由于专人专责，在平时的实际工作中，我们接触的大多都是一些比较固定的业务，慢慢地，你很容易发现，我们一直在不停地做很多重复的东西。在这种情况下，我们会去思考组件化开发，试着把通用的东西抽离复…

五子棋是大家很熟悉的一种小游戏，本文给大家介绍如何制作一个简易的网页版五子棋游戏，并且考虑实现普通 DOM 和 Canvas 两种 UI 绘图模式供随时切换。最终的实现效果参考：https://littuomuxin.github.io/gobang/。 在代码设计上，我们将整…

在你快要完成一个项目时，突然工程里的很多地方都出现了 bug，你修完一个又冒出新的一个，就像在玩打地鼠游戏一样……几轮下来，你会感到一团糟。此时有一个可以让你的项目再次发光的解救方案，那就是为将要开发的和已经存在的特性编写测试。编写测试可以保证功能特性没有 bug。 在本教程中…

微信小程序没有像浏览器一样内置实现了cookie方案，需要开发者自行模拟，而原先京东购物小程序及京喜小程序（现微信一级购物入口）是从微信及手Q购物H5中迁移迭代出来的，也就是说我们不仅要在小程序中模拟一套cookie方案，并且要保持和原业务对cookie处理逻辑的一致，为此我们…

本周 Cassidoo 每周时事通讯的面试问题是：编写一个函数，该函数接受一个有效的JSON字符串并将其转换为一个对象。编程语言不限，数据结构不限。输入示例： 其中包括编译器管道的概述，以及如何操作 AST，但是我还没有详细介绍如何实现解析器。 这是因为在一篇文章中实现Java…

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