totoroo

由于本人最近在做一些 growth hacking 的工作，业务上以后可能也会涉及去做一些能够在朋友圈火爆分享的 H5 页面，突然想到去年看到一个网易娱乐年度新闻盘点的 H5 页面非常的新颖，采用画中画的形式依次串联十多个手绘娱乐图片，加上洗脑的“好运来”音乐，让人有很大的分享…

做了一夜动画，让大家十分钟搞懂Webpack 一、什么是webpack webpack是一个打包工具，他的宗旨是一切静态资源皆可打包。 二、原理分析 首先我们通过一个制作一个打包文件的原型。 假设有两

最近面试总能遇到有面试官问到let，const和var的区别，箭头函数与普通函数的区别等等等等，各种区别，我也能答出一二，但恨不能答到完整，答全要点,而且结巴，所以这里我就对此进行一些总结（翻看各种资

TypeScript 是一种由微软开发的自由和开源的编程语言。它是 JavaScript 的一个超集，而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。 TypeScript 提供最新的和不断发展的 JavaScript 特性，包括那些来自 2015 年的 ECM…

转转App是我们公司最核心的产品，引导用户到转转App中来，对用户增长和留存十分重要。常见的做法是在各个流量入口，投放Web版的引流页面，然后通过该页面唤起App（下文简称唤端）。本文重点介绍转转是如何在各种场景下，完成整个唤端流程的。 如上图，在Safari浏览器中，当我们点…

48张图带你从0到1掌握flex布局方式。 需要本文的Xmind导图的话，移步公众号--前端UpUp,回复flex关键字即可。 从上面图来看，我们将flex布局分为两部分讲，轴和容器。 打个预防针，flex布局涉及到12个CSS属性，父容器,子容器各6个。 接下来先梳理常见的属…

上线一个九宫格抽奖活动，可以分享的细节较多，写一篇文章记录一下。 你肯定见过，各种各样的抽奖。概率问题对吧，但他们会通过一些紧张的过渡效果反馈给用户。例如 这时候我们本以为前端可以已一种上帝视角来控制抽奖概率，但是需求对过了之后才发现，中奖那个奖励是服务端接口返回的。 这样就比…

性能优化是前端开发一个非常重要的组成部分，如何更好地进行网络传输，如何优化浏览器渲染过程，来定位项目中存在的问题。Chrome DevTools给我们提供了2种常用方式 Audits和Performance，Audits可以对页面进行性能评分，同时，还会给我们提供一些优化建议。…

收集了一些工作中常用的工具。