滴滴前端技术

LogicFlow 是专注于业务流程图可视化的前端框架（以下简称 LF），在这之前我们分别介绍了 LF 的整体设计和扩展机制，今天我们来聊一聊流程图中比较核心的一个概念 —— 边（Edge）。 首先，流程图中的元素主要由节点和边组成，边在 LF 中承担的角色是建立节点之间的关系…

自从 LogicFlow 正式开源后，受到的关注比我们想象的要多。在最开始打算要做 LogicFlow 的时候，我们花了很多的精力去讨论要做一个什么样的流程可视化库。其中一个选择是基于现有的业务直接实现一个开箱即用，包括了所有的流程编辑库常用功能的库。但是最终还是没有选择这样做…

LogicFlow 脱胎于滴滴技术团队在客服业务下的实践，是由智能中台—体验平台研发的一款流程可视化的前端框架，提供了一系列流程图交互、编辑所必需的功能和灵活的节点自定义、插件等拓展能力，方便我们快速在业务系统内满足类流程图编辑器的需求。目前，LogicFlow 已经在公司内外…

webpack 使用 enhanced-resolve 进行路径解析。它的作用类似于一个异步的 require.resolve 方法，将 require / import 语句中引入的字符串，解析为引入文件的绝对路径。 在其官方文档中，将其描述为高度可配置，这得益于它完善的插件…

如何在 BetterScroll 2.0 里面合理使用 TypeScript，并且能够做到友好的 IDE 智能提示，在以 class 为基础的架构中，我们费了相当多的功夫让 TypeScript 提示更智能、更完善。在这个过程中，我们要解决的主要是以下三个问题： 既然知道了问题…

互联网行业进入下半场，精细化运营是关键。多语言支持能让产品更好地服务境内的其他语言用户，也为产品出海打下基础，随着 WeChat/Alipay 的全球化，你的小程序是否做好准备了呢？ 4月初，滴滴出行小程序团队接到支持英文版的需求，预计上线时间为6月上旬。当前滴滴出行小程序集成…

BetterScroll v1 版本发布至今已经两年多，这期间 BetterScroll 无论是在我们公司内部的业务以及社区内，经受住了大量的场景考验，同时也新增了不少特性。无论是我们内部开源组件库的 cube-ui，还是社区内的 mpx、taro、vue-better-scr…

之前有系统的学过 TypeScript，并且可以在项目中使用一些基本的类型定义，但是对于高级类型却一知半解，看到一些项目或者库中写的高级类型完全是懵逼的状态，于是就决定想办法去改变这种状态。忘记是哪位大神说过：看源码是最好的学习方式，于是就决定找个专门做 TypeScript …

2019年下半年，为了将微信钱包/支付宝九宫格入口的滴滴出行迁移为小程序，团队对小程序进行了大量的功能升级与补全。在整个过程中也遇到并克服了一系列问题和挑战，其中包体积问题尤为突出。接下来全面介绍一下滴滴出行小程序在体积控制方面做的努力与沉淀。 微信对小程序包体积的要求是总体积…