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

拖拽”是提升用户体验的重要交互方式，所以需要对拖拽的交互效果做各种定制化，作为开发者理应熟练掌握“拖拽”的应用！

一个简单的可视化拖拽功能的实现，本人刚从大学毕业，步入工作一个月，公司领导要求开发一个可拖拽页面，开发一周后，我想总结一下开发过程中的技术和踩的一些坑。

背景 注：纯属虚构，如有雷同，纯属雷同。yue！！！ 前言 页面组成部分 项目初始化 项目结构 全局配置数据 container用于配置渲染区的大小关系，blocks用于在渲染区渲染对应的组建以及位置

在工作中，有时会遇到需要一些不能使用分页方式来加载列表数据的业务情况，对于此，我们称这种列表叫做长列表。比如，在一些外汇交易系统中，前端会实时的展示用户的持仓情况(收益、亏损、手数等)，此时对于用户的持仓列表一般是不能分页的。 在高性能渲染十万条数据(时间分片)一文中，提到了可…

1. 实现一个new操作符 它创建了一个全新的对象。 它会被执行[[Prototype]]（也就是__proto__）链接。 它使this指向新创建的对象。。 通过new创建的每个对象将最终被[[Prototype]]链接到这个函数的prototype对象上。 如果函数没有返回…