一. 前言 最近接到任务，需要给团队封装一个基于 EggJS 的上层 NodeJS 框架，在这个过程中参考了 NestJS 、Midway 等开源项目，发现它们都引入了一项重要特性 —— IoC ，于是笔者借这个机会对 IoC 进行了一些学习和梳理。本文主要参考了 Midway…

​ 年前年后比较闲，于是用React做了一个简单的lowcode平台，功能如上面动图所示。接下来按照完成功能点介绍下，主要包括： ​ lowcode平台挺常见的，目前网上做的比较成熟且通用的有兔展、易企秀、码卡、图司机等，但是为了个性化的设置，比如要访问本公司的数据库，很多公司…

看过复仇者联盟的都知道，灭霸作为计划生育政策的坚定支持者和执行者，一个响指清除了宇宙中二分之一的生命。电影中被清除的生命灰飞烟灭的镜头很是酷炫，所以在复联4上映后，那个不存在的网站google，推出了一个彩蛋，如果在搜索框搜索灭霸，会出现一个手套的按钮，点击后会让网页搜索结果消…

“线”是可视化展现中最常见的图形元素，最直观的就是折线图，如图一。 我们也经常使用线来绘制闭合的路径，从而形成可填充区域，比如面积图和雷达图，如图三和图四。 本篇文章在 Canvas API 的基础上，为大家讲解可视化研发中线的画法封装和线的动画实现方案（整体方案建立在图形学基…

事情是这样，最近工作一直都在进行微信小程序的开发，在开发的过程中遇到一个需求，需要生成一张海报，让别的用户可以通过海报进入小程序。OK，网上查阅一下资料很快便解决了问题。 接着事情来了，需求变了，这个小程序不只一个海报，海报不是静态的内容，每一个海报需要根据页面的内容动态展示，…

如果我们用 Canvas 实现了一些动画效果，需要将它回放出来，很多人通常就是用录屏工具将屏幕内容录下来播放，很少有人知道，Canvas 可以直接通过现代浏览器支持的 Media Streams API 来转成视频。 Canvas 对象支持 captureStream 方法，这…

WebRTC是谷歌于2011年开源的一个音视频处理引擎，可以实时的进行视频数据的采集，也就是说可以做直播，也可以做桌面录屏，桌面分享。使用起来还是比较简单的。 这里我们来开发一个屏幕录制工具。 首先我们在页面中创建一个video标签，用于展示录屏的内容，再创建四个按钮，一个屏幕…

最近在写公众号的时候，常常会自己做首图，并且慢慢地发现沉迷于制作首图，感觉扁平化的设计的真好好看。慢慢地萌生了一个做一个属于自己的首图生成器的想法。 制作呢，当然也不是拍拍脑袋就开始，在开始之前，就去研究了一下某在线设计网站（如果有人不知道的话，可以说一下，这是一个在线制作海报…

SpriteJS是一款由360奇舞团开源的跨终端canvas绘图库，可以基于canvas快速绘制结构化UI、动画和交互效果，并发布到任何拥有canvas环境的平台上（比如浏览器、小程序和node）。 Sprite为图形创建类似于DOM的对象模型，因此我们可以像创建DOM元素一样…