在遇到网页内容有着较大调整的时候，往往需要一个导览功能去告诉用户，某某功能已经调整到另外一个位置。比较常规的办法是添加一个蒙层，高亮显示被调整的区域，然后通过文字介绍去完成引导。我们把这个功能称为“导览”，而 Smartour 则把这个导览的功能抽离出来，提供了一个开箱即用的解…

转眼已经离职半年多了，早就想写一篇工作总结，但由于一直在准备英语考试，又需要处理结婚和房子装修，没想到一拖拖了半年。在淘宝做前端是我第一份签了劳动合同的工作，在这个人才济济的大公司里，接触了非常多的人和事物，也学到了非常多的东西、开阔了眼界。所以还是有必要做一个回顾和总结，一是…

自从移动手机的广泛使用前端的需求量逐渐增多，那么移动端h5,css3成为必会技巧，面试中面试官会经常询问到适配和实现一个什么动画的效果。 一般我们会在页面的代码中设置这样的属性，viewport是指屏幕上能够用来显示网页的区域，默认情况下是980像素。为什么能在移动端切换自动铺…

vue技术选型MVVM框架：Vue2.5.6状态管理：Vuex页面路由：Vue-routericonfont图标：阿里巴巴字体图标库自定义滚动条：vue-gemini-scrollbar弹窗组件：el

一个页面在呈现给用户之前需要经过静态资源加载、后端接口请求和渲染这三个过程，我们要做的就是在各个过程中防御可能出现的异常情况，保持流畅的用户体验，同时还要应对来自外部的攻击。 在页面内容呈现给用户之前，会一直保持loading动画的效果，避免因网络原因造成用户体验的中断。 静态…

采集商品曝光... 前端：产品要看隔壁老王昨天... 埋点代码书写复杂，复杂度大于业务代码，成为开发者的一个大负担。 概念：所谓的代码埋点就是在你需要统计数据的地方植入N行代码，统计用户的关键行为。 使用者可以比较方便地设置自定义属性、自定义事件，传递比较丰富的数据到服务端。 …

其实好久之前就想写一些东西了，从大二开始就'入坑'了前端，这样算来都有4年多了。话说刚入前端时，还是一个切图仔，什么是切图仔呢？就是在那个前后端未分离，jquery还是1.x，php还是最受欢迎语言的时代，你只需要将设计图还原成静态页面，然后在适当的位置留下替换符，就可以交给后…

每个成功的项目都需要一个清晰的架构，这对于所有团队成员都是心照不宣的。 试想一下，作为团队的新人。技术负责人给你介绍了在项目进程中提出的新应用程序的架构。 我选择 FaceBook 开源的构建工具 Create React App，使用 Flow 来进行类型检查。简单起见，先忽…

何为技巧，意指表现在文学、工艺、体育等方面的巧妙技能。代码作为一门现代高级工艺，推动着人类科学技术的发展，同时犹如文字一样承托着人类文化的进步。 每写好一篇文章，都会使用大量的写作技巧。烘托、渲染、悬念、铺垫、照应、伏笔、联想、想象、抑扬结合、点面结合、动静结合、叙议结合、情景…