说到元素拖拽，通常都会先想到用 HTML5 的拖拽放置 (Drag 和 Drop) 来实现，它提供了一套完整的事件机制，看起来似乎是首选的解决方案，但实际却不是那么美好，主要是它的样式太过简陋

本文其实应该叫，Web 用户体验设计提升指南。 ... 所谓的用户体验设计，其实是一个比较虚的概念，是秉承着以用户为中心的思想的一种设计手段，以用户需求为目标而进行的设计。设计过程注重以用户为中心，用户体验的概念从开发的最早期就开始进入整个流程，并贯穿始终。 良好的用户体验设计…

1. 写在前面 Vue官网上过渡与动画一章有一个非常炫酷的洗牌动画，这里也是用的FLIP思想来做的过渡动画，Vue过渡与动画文档。 2. 什么是FLIP？ I：代表Invert，反转，这是FlIP思想的核心。表示把过渡元素的状态(top、left、width、height、op…

一个元素正常展示。点击的时候，会多出边框，边框的角落会有拖拽修改宽高的控件,控件位置、大小和元素一模一样 点击某个角落的拖拽控件，以该控件的的中心对称点为中心点，变更宽高。新的width = 旧的width + 控件x坐标变化量(可正可负)，height也是 给元素加上mous…

节流 （throttle）与 防抖 （debounce）都是为了降低调用频率的一种方式。 节流是在不断的触发过程中，每隔100ms就执行一次。 在高频触发回调函数时，节流操作使回调函数在每隔一段时间定期执行一次，时间间隔内再触发，不会重新执行。 核心在于让一个函数不要执行的太频…

之前听了同事的一个分享会，一个场景是父模块需要一个接口的数据，子模块也是需要这个接口的数据，如果子父模块都调这个接口的话，就浪费性能。当然也可以使用vuex，props这种传参。使用vuex的话就太笨重了，复用到别的项目麻烦就会出现，眼下props是最佳，不过有时候因为其他一些…

最近在封装一个自定义滚动条容器，打算以后用它来取代常用的div标签，因为在Window上的浏览器的确比较丑，为了跟mac里的滚动条尽量保持一致，自己动手封一个。 在动手时发现现有网络资源的一些不足之处，在这里加以补充和描述，希望后来之人在查阅资料时能看到这篇文章就能满足所需。 …

基于vue的，需要你对 vue 的 transition 和 transition-group有过使用和了解。 vue的文档对 transtion 组件已经有了很详细的 分析 了。 transtion 是vue提供的一个抽象组件，会在 合适的时机 帮我们操作其包裹的子元素。 r…

router-layout 负责页面排版。 主要是解决transform动画，position:fixed异常问题 如果存在子路由,需手动设置router-layout的id属性，滚动条定位作用。 本项目基于 MIT 协议，请自由地享受和参与开源。