凹凸实验室

摘要： 设计模式（下）将介绍观察者模式、装饰器模式、职责链模式 3 个常用设计模式，使用观察者模式实现双向数据绑定、装饰器模式实现数据上报、职责链模式实现 618 预售订单等需求，利用设计模式帮助我们解决实际问题。 阅读全文

摘要： 蒲公英 · JELLY技术期刊 Vol.41 虚实如潮起潮落，阴阳如日出日落，万事万物都有其规律，就好像我们学习需要有一个渐进的过程；产品会根据用户画像来规划整个项目的周期；开发测试的时候希望有趁手的工具…… 这些规律对于前端开发也是一样，前端框架的迭代也是会一直持续迭代的，比方说 React 17 阅读全文

摘要： 前言 像素风最早出现在8bit的电子游戏中，受制于电脑内存大小以及显示色彩单一， 只能使用少量像素来呈现内容，却成就了不少经典的像素游戏。随着内存容量与屏幕分辨率的提升，内存与显示媒介的限制不再是问题，而像素风也慢慢演变成一种独特的创作风格。 像素画的一般的绘制流程包括了勾线、填色等，而逐个像素的绘 阅读全文

摘要： 一、单例模式 1. 什么是单例模式 单例模式的定义是，保证一个类仅有一个实例，并提供一个访问它的全局访问点。 有一些对象，比如线程池/全局缓存/浏览器中的 window 对象等等，我们就只需要一个实例。 下面将根据实际场景进行介绍。 2. 实际场景 1. 登录浮窗 当我们单击登录按钮时，页面中会出现 阅读全文

摘要： 一、什么是鸿蒙 鸿蒙即 HarmonyOS ，是华为公司推出的支持手机、平板、智能穿戴、智慧屏、车机等多种终端设备的分布式操作系统，并且它提供了多语言开发的 API，支持 Java、XML、C/C++、JS、CSS、HML（类 html 的鸿蒙自己的标记语言）等开发语言，而且它提供多种响应式布局方案 阅读全文

摘要： 一、背景 开发工作中，需要实现网页生成 PDF 的功能，生成的 PDF 需上传至服务端，将 PDF 地址作为参数请求外部接口，这个转换过程及转换后的 PDF 不需要在前端展示给用户。 二、技术选型 该功能不需要在前端展示给用户，为节省客户端资源，选择在服务端实现网页生成 PDF 的功能。 1. Pu 阅读全文

摘要： 对实现动画的前端同学们来说，canvas可以说是最自由，最能全面控制的一个动画实现载体。不但能通过javascript控制点、线、面的绘制，使用图片资源填充；还能改变输入参数作出交互动画，完全控制动画过程中的动作轨迹、速度、弹性等要素。 但使用canvas开发过较复杂一点的动画的同学，可能会发现，完 阅读全文

摘要： 蒲公英 · JELLY技术期刊 Vol.40 时代总是滚滚洪流不断向前，总有新的事物和各种有趣的东西不断出现在我们的眼前。所谓“删繁就简三秋树，领异标新二月花”，简化开发流程，优化技术方案，通过量变带来质变，带来新的需求与思考。 就好像我们在开发的过程中去追求构架的整洁之道，就可以帮助我们更高效的去 阅读全文

摘要： 题外话 我很早就对人工智能是非常感兴趣的。记得我大学的毕业论文，就是使用遗传算法解决了一个经典的寻路问题。 我一直对人类经典的思想是非常敬畏和崇拜的，比如传统的计算机数据结构算法问题，例如经典的排序算法或者动态规划思想，把一些看似 复杂的问题竟然用短短十几行甚至一个 for 循环就能解决，这令我感受 阅读全文

摘要： 任何一个项目发展到一定复杂性的时候，必然会面临逻辑复用的问题。在React中实现逻辑复用通常有以下几种方式：Mixin、高阶组件(HOC)、修饰器(decorator)、Render Props、Hook。本文主要就以上几种方式的优缺点作分析，帮助开发者针对业务场景作出更适合的方式。 Mixin 这 阅读全文