17634985807

将DOM改写为canvas，然后利用canvas的toDataURL方法实现将DOM输出为包含图片展示的data url。 使用HtmlCanvas2实现。 使用rasterizeHTML.js实现。 (1)、利用DOM改写为canvas的方式：相当于完全重写了整个页面的布局样…

前段时间，组里决定做一个跨项目、跨业务的 UI 组件库，原因是我们部门的产品越来越多，且每个产品设计到多端（如 Web/Mobile/PC/Android 等）而为了快速响应目标，决定做一套统一且可视化的，拥有部门特色的 UI 组件库。 视觉已经给出了所有组件样式、交互效果，而…

之前写过关于闭包的文章，本来以为自己懂了，后来面试时被问到怀疑人生。才明白自己只是觉得自己明白了而已，如果说要将一个东西理解的彻彻底底，就不能“抄书”（我之前就是抄书），而是死抠每一个知识点，一点含糊都会让整个系统崩塌。 ok，现在开始死抠。什么是闭包？ 如图，每个框框中都是一…

本 Demo 并不采用 CSS Module 来进行 css 模块化，因为编译之后可读性不好，而且增加复杂度和编译时间。使用统一的 css 命名空间约定，我们也可以很简单的防止 css 命名冲突。 使用 Typescript 意味着使用强类型，我们把业务实体中 TS 类型定义分…

作为一个寡言少语的人，一直在享受社区的文章分享和帮助，是它们让我不断成长，这种分享的热情是开源社区繁荣昌盛的根基。某虽不才，也有同样的心情，也想写点东西。不仅仅是个教程系列，也是一个研究学习的过程。近期一直研究React，将自己的一些思考摘录下来，分享一下，也欢迎有兴趣的读者留…

* Node 基础 - 通过对 Node 基础的了解学习，打下 Node 基础； * Node API - 开启服务提供 API 给前端调用； * Node 连接 MySQL - 通过……

每一个开发者在开发项目中，不可避免要和图片打交道，优化图片似乎也成了一个必修课。图片优化也不仅仅是性能上的优化，还要进行体验上的优化。至于怎么优化图片，没有固定的方式，只能具体场景，具体分析，选择合适的方案。不多说，下面也简单介绍下自己处理过，了解过的一些方式。如果大家有补充，…

本文相对较长，详细讲述了如何确定定位点，absolute 和其他相关属性的区别和用法等。

假设现在图上有个宽度100px的按钮，UI图是750px的图。 答案是我们应该写 100px / 2 = 50px。css里width = 50px; 就这样。 那为什么是100px除以2呢？？？因为iPhone的dpr = 2。 dpr的全称是window.devicePix…