富文本编辑器 Quill.js 系列一:Delta 文档结构

Delta 是用于描述富文本文档结构的内容与变更。由于其描述的通用性,quill.js 将其独立维护。它的数据结构是基于 JSON 格式的,方便服务间进行互解析,例如 一份描述富文本格式的 数据,可很方便的渲染于 Web 与 Android or iOS。相比于复杂和带有歧义的 HTML,其更简单纯粹。

富文本
洋葱

输入法与 keydown 事件

输入、回车提交,这是一组在搜索场景中常见、友好的交互形式,但要将其做好以获得更好的用户体验,还需要关注其中的小小细节。监听回车所谓的细节就是关于“回车”的监听。因为输入法的存在,引入了文本合成现象,使得字符输入变得不再纯粹简单。若处理不当,就会出现在开着输入法的情况下,当只想使用

前端
时中

安卓项目架构设计-梳理现有项目的混乱

架构设计通常发生在一个项目生长到一定程度时,结束了野蛮生长进入稳定期,回过头来审视整体项目的架构,大多是一个比较混乱的状态。本文将从现有项目出发,梳理项目中混乱的结构,讲述项目架构设计的过程。一、目标与规划1.1 完整的项目架构对于一个成熟项目来说,项目架构中应该包含基础层、核心

炬尧

同事这样做接口校验,两天就完成了OKR

​一、背景:接口自动化是一种能提高服务回归效率,保证服务稳定性的重要方式。但是对很多做接口自动化的测试来说,往往痛苦大于快乐。主要问题还是在于接口自动化的校验。写校验成本较高。很多接口响应字段可能非常多,结构体复杂,要做到详细校验编写成本很高。而越详细的校验,维护成本也越高。测试

炬尧

代码检测利器“利特莫斯”之优化血泪史

“利特莫斯”是什么?Litmus由测试效能开发,用于检测代码质量的平台。Litmus支持代码异味、重复代码、复杂度、单元测试成功率、单元测试覆盖率等指标的获取。只有提测的代码质量越高,我们交付的产品的质量才有可能越高。上述指标的获取基于开源工具Sonar和Jacoco。下图为Li

炬尧

跨平台 Hooks npm 包的接口设计

一、OverviewTaro 是用 React 的方式来写小程序,拥有与 React 一致的 api,因此可通过相同的实现来同时满足多端的需求。现在正在构建一个可跨端使用的 Hooks 包,关键的问题在于如何处理包的依赖。当在小程序中使用时,实际上是依赖了  @tarojs/ta

前端
时中

震惊!!Xpath封装还能这么玩?

​背景酷家乐有一套自己的UI自动化框架--Hades,其主要以puppeteer与playwright为核心进行了二次封装改造,并整合了许多酷家乐设计工具前端api。使得UI自动化对canvas交互、前端性能测试有比较好的支持。除了能力上的扩展以外,Hades还有一个显著特点是:

炬尧

服务端低代码实现和设计思路

一、分享的目的在理解了服务端低代码平台设计实现的基础上,能够让大家更好的使用低代码平台扩展出更多的能力,丰富工具的打造,知道什么时候可以使用,如何使用。kuta将来可能会走向内部开源,可以帮助kuta后来开发者对前面搭建的kuta架构有个高度概括的认识,在目前kuta中间层的基础

炬尧

突袭演练实战经验

背景随着酷家乐业务快速成长,用户对于服务的稳定性要求也越来越高,再加上业务复杂度与日俱增,发生线上故障时,由于缺失合理预案、研发人员缺少应急经验,各种报警满天飞,导致自乱阵脚,延长故障持续时间,导致故障无法快速止血。系统是否健壮?是否有完善且合理的应急预案?研发人员是否掌握基础应

炬尧