滴滴前端技术

随着大家对于交互更高的要求，在很多场景下我们的交互设计是都会要求在页面中适当的加入一些动画来增强用户的感知， 在 Vue 中提供了transition组件，一起来分析研究下...

组件基本上是现代 Web 开发的标配，在 Vue 中组件也是其最核心的基石之一。 Vue 在组件的这方面设计也是非常用心，开发者使用的成本可以说已经很低了，我们就一起来分析...

我们知道 Vue 实例都有着相同的生命周期，而且你会发现随着对 Vue 的深入使用，也总是离不开对生命周期的使用。 下面我们就一起来分析下 Vue 中生命周期都有哪些，有什...

Vue 中有一个特别好用的组件 keep-alive 组件，我们在很多场景下，都是可以借助于这个组件来提升我们的产品体验，基本上0成本实现缓存效果。那这个背后是怎么实现的，...

熟悉 Vue 的同学都知道，从 Vue2 开始，在实际运行的时候，是将用户所写的 template 转换为 render 函数，最终得到 vnode 数据（虚拟 DOM），...

大家都比较清楚 Vue 中包含了一个非侵入性的响应式系统，可以说这是 Vue 的最基础最核心的一个特性了，基于这套系统，我们才实现了修改数据视图就会跟着响应进行更新，很直接...

nextTick 在 Vue 中是一个很出名的工具函数，我们在实际运用的时候也经常会用到，那么它实际上到底有什么样的作用，Vue 中又是如何设计的，我们在日常中有什么场景是...

说到页面可视化搭建，想必很多同学都有所了解，业内已有非常多文章介绍，具体可以查看底部传送门，本文仅从 如何搭建一个易用、可扩展的通用可视化搭建工具 出发，探索技术思路，以及...

webpack中静态文件生成的原理，细节还是非常多的，通过本文对详细过程分析以及一些demo实践，逐步揭开静态文件生成的面纱，希望可以帮助到你...

本文将站在一个实习生的角度，分享笔者在 LogicFlow 中的实习经验和对于所遇问题的一些分析解决思路。本篇文章并不是把实习总结一条条的罗列出来，而是把实习的经历和技术文...

LogicFlow 是专注于业务流程图可视化的前端框架（以下简称 LF），在这之前我们分别介绍了 LF 的整体设计和扩展机制，今天我们来聊一聊流程图中比较核心的一个概念 —...

自从 LogicFlow 正式开源后，受到的关注比我们想象的要多。在最开始打算要做 LogicFlow 的时候，我们花了很多的精力去讨论要做一个什么样的流程可视化库。其中一...

LogicFlow 脱胎于滴滴技术团队在客服业务下的实践，是由智能中台—体验平台研发的一款流程可视化的前端框架，提供了一系列流程图交互、编辑所必需的功能和灵活的节点自定义、...

webpack 使用 enhanced-resolve 进行路径解析。它的作用类似于一个异步的 require.resolve 方法，将 require / import ...

一起看看Vue3给我们带来了哪些值得关注的新东西。 首先当然是万众瞩目的Composition API。 由于相关业务的代码需要遵循option的配置写到特定的区域，导致后...

随着前端标准化的发展，目前主流浏览器对很多JS新特性都普遍支持了，其中一些新特性不仅解决了很多技术上的实现难题，还带来了更好的性能提升。 在Vue3中，最重要也更为人所知的...

如何在 BetterScroll 2.0 里面合理使用 TypeScript，并且能够做到友好的 IDE 智能提示，在以 class 为基础的架构中，我们费了相当多的功夫让...

互联网行业进入下半场，精细化运营是关键。多语言支持能让产品更好地服务境内的其他语言用户，也为产品出海打下基础，随着 WeChat/Alipay 的全球化，你的小程序是否做好...

TypeScript 4.1 快要发布了，老爷子 Anders Hejlsberg 加入了一项重大更新，「字符串模板类型」 的支持。昨天看到这个更新的我特别兴奋，曾几何时，...

BetterScroll v1 版本发布至今已经两年多，这期间 BetterScroll 无论是在我们公司内部的业务以及社区内，经受住了大量的场景考验，同时也新增了不少特性...