本文目录一览：
drag和haul有何不同
因此，“drag”更偏向于描述力量的施加和物体的移动，而“haul”则更倾向于描述物体的运输或跨越一定距离的移动。这两个词在具体语境中可以根据上下文的不同而有细微的差异。在使用这两个词时，理解它们的具体含义对于正确传达信息至关重要。
drag和haul的主要区别在于它们的定义和应用场景不同。Drag指的是拖曳或牵引的动作，通常用于描述一种物体在另一种物体后面移动的情况。 在日常生活中，我们经常使用“drag”这个词。例如，当描述一个物体或人在陆地上或水中被拖行时，我们通常使用“drag”。
drag和haul虽然都是表示“拖”或“拉”的动词，但在词义、使用场景和变形上有所不同。drag主要强调的是由于重力或阻力被迫缓慢移动，例如，当你提到“她费力地将单人床拖进卧室”，这里的拖动更为艰难和吃力。它的变形为第三人称单数drags，现在分词dragging，过去式和过去分词都是dragged。
pull这个词最常见的表示是用手拿着什么东西向一定的方向扯、拉的的意思，另外也用于表示交通工具和机器等抻拉什么东西。drag则是经常伴随辛苦、努力将重物或是讨厌的人等拖回去。draw则是“坚硬，画”、将什么东西慢慢、缓缓拉动，使其移动。在日常英语中用pull的情况比较多。
drag；haul；pluck；pull；拽2 zhuāi ㄓㄨㄞˉ（1）用力扔：把球～过来。（2）胳膊有病，转动不灵。郑码：DKZM，U：62FD，GBK：D7A7 笔画数：9，部首：扌，笔顺编号：121251153 drag；haul；pluck；pull；拽3 yè ㄧㄝˋ同“曳”。
haul的基本意思是表示沿着人〔物〕所确定的方向用力地、缓慢地拖或拽，也可表示用运送工具载送货物。引申可表示“传讯”。haul可用作及物动词，也可用作不及物动词。用作及物动词时接名词或代词作宾语。
HTML5前端技术教程:H5拖放
1、dragstart事件：在按下鼠标键并开始移动元素时触发。drag事件：在元素拖拽过程中持续触发，类似于mousemove事件。dragend事件：在元素拖拽停止时触发。投放区事件流程如下：dragenter事件：当拖拽对象进入有效的放置目标时触发。dragover事件：在投放区内移动拖拽对象时持续触发。
2、H5拖放 拖放技术在HTML5中得到应用，为解决原生JS拖拽的缺点提供了更优选择。拖放技术，drag&drop，相较于原生JS，HTML5拖放技术在浏览器支持性方面具有明显优势。在浏览器兼容性方面，Internet Explorer Firefox、Opera 1Chrome 以及 Safari 5 支持拖放。
3、h5页面和普通页面的区别：H5是指第5代HTML网页技术，HTML5是目前互联网前端开发的主流语言，HTML5的web页面和传统的网页界面比起来，最大的差别就是HTML5页面能适配不同尺寸的移动设备正常大小查看，支持市场上不同浏览器的兼容。
4、主要就是三个步骤：onmousedown的时候，启动可拖拽事件，记录被拖拽元素的原始坐标参数。onmousemove的时候，实时记录鼠标移动的距离，结合被拖拽元素第一阶段的坐标参数，计算并设置新的坐标值。
终于弄懂了HTML5的拖放API(2)
dragenter：当拖拽元素或选中的文本到可放置目标时触发。 dragleave：当拖拽元素或选中的文本离开可放置目标时触发。该事件不可取消。 dragover：当元素或选中的文本被拖到可放置目标上时触发（每几百ms触发一次）。 drop：当元素或选中的文本在可放置目标上被释放时触发。
深究原理。Angular，React，Vue框架和脚手架的普及，越来越多的前端工程师浮于表面，调用框架的API完成任务就完事。要成为一名优秀的前端，绝不能成为单纯的API调用工程师，一定要掌握框架背后的原理性知识。Virtual DOM diff算法，双向绑定原理等等框架背后的机制都值得我们去学习。
