滴滴出行DDFE

作者：滴滴公共前端 黄轶 在我们日常的移动端项目开发中，处理滚动列表是再常见不过的需求了。 以滴滴为例，可以是这样竖向滚动的列表，如图所示： 竖向列表 也可以是横向滚动的导航栏，如图所示： 横向列表 可以打开“微信 —> 钱包—>滴滴出行”体验效果。 我们在实现这类滚动功能的时…

Vue【DDFE - 原创】前端国际化之 Vue-i18n 源码分析 HybridHybrid 开发：JsBridge - Web 和客户端的桥 CSS3[CSS Inheritance, The Cascade And Global Scope: Your New Old Worst …

简单介绍 GSAP（GreenSock Animation Platform）一套用来创建动画的‘工具’，使创建动画简单、快速、直接。它包括：TweenLite: 核心方法，动画方面是主要负责对元素对象的相关属性进行动画操作。TweenLite 是个轻体积的但是却足够还实现常见…

Webapp【DDFE - 原创】滴滴 webapp 5.0 Vue 2.0 重构经验分享 CSS3Linting HTML using CSSUsing CSS Transitions on Auto DimensionsJavaScriptJavaScript Just-in…

作者：滴滴公共前端 黄轶 项目背景 滴滴的 webapp 是运行在微信、支付宝、手 Q 以及其它第三方渠道的打车软件。借着产品层面的功能和视觉升级，我们用 Vue 2.0 对它进行了一次技术重构。 技术栈 MVVM框架： Vue 2.0源码：es6代码风格检查：eslint构建…

Hybrid 方案当我们在谈大前端的时候，我们谈的是什么CSS3深入了解CSS字体度量，行高和vertical-alignFluid Typography复杂应用的 CSS 性能分析和优化建议JavaScriptES2015 WeakMap的学习和使用是时候替换你的 for 循…

Alloyteam 的这篇文章写得很好，思路清晰，实用性强，推荐一下~

Hybrid 方案带你解决 WebView 里的常见问题 HTML5HTML APIs: What They Are And How To Design A Good Onehow well does x5core support html5?CSS3 从 Chrome 源码看浏览器如…

VueVue原理解析之observer模块Hybrid 方案WebView 与 Javascript 交互及 JS 的注入CSS3一个完整的Flexbox指南JavaScriptECMAScript 6 Modules(模块)系统及语法详解JavaScript 面试中常见算法问…