jquery+CSS3实现3D拖拽相册效果?
拖放(Drag 和 drop)是 HTML5 标准的组成部分。浏览器支持:Internet Explorer 9、Firefox、Opera 12、Chrome 以及 Safari 5 支持拖放。 被拖元素,dragElement :(1)添加事件:ondragstart(2)添加属性:dragable 放置元素,dropElement:1、添加事件:ondargenter , ondragover , ondragleave , ondragend ,ondrop和mouser划入划出一类的事件很类似,字面也很好理解,不赘述了,下面会用例子来说明。 2、页面上元素间的拖放下面用个小例子,div间的拖放来展示,各个事件如何被触发: 系统中选择的一个或多个文件拖入该div中,files中会存储拖入文件的信息,然后我们通过file可以得到文件的类型,长度,内容然后实现上传。 3、setDragImage(image, x, y)用于设置鼠标移动过程中随鼠标一起移动的效果图。必须在dragstart中设置。 4、types,effectAllowed和dropEffect分别是拖入元素的类型,拖拽过程中鼠标显示的样式,不过通常可以忽略这几个属性,一般用不到。
现在是否还有必要学习jQuery?
前几天和一个7年的web前端对话,感触良多,希望对你有所参考
1,并不是所有的项目都必须要用到vue,react,大项目会用到,小项目几乎用不到,我们不能武断的说都是大项目,就没有小项目了啊
jquery在有的场合中依然有很大的用处,并且无可替代!
2,他做7年前端,也不会vue或者react等框架,因为在公司用不到,他目前年薪也有几十万, 我也不会,哈哈 (我做前端2007~2018,近10年了)
比如我们近期给京东做的h5页面,要炫酷吊炸天的那种,涉及到svg,canvas,甚至3d渲染等,jquery当然也会大量用到,用于操作dom
所以前端的水深也正在这里,我见到很多把会vue和react等作为炫耀的资本,高工资都靠这个,其实有点片面
请允许我把前端分为两类
1,是偏视觉的(做效果,用户体验,细节之处见能力)
2,是偏数据的(vue,react等)
以上为代表我和另外7年从业经验的看法, 希望大家能够理性吐槽
jQuery是一个轻量级的,“写更少的代码,做更多的事情”,的JavaScript库.
jQuery的目的是使它使用JavaScript在您的网站更容易.
jQuery提供很多共同的任务,需要很多行JavaScript代码来完成, 并且将他们封装成方法,你可以一行代码就能调用。
jQuery也简化了JavaScript很多复杂的东西,像Ajax调用和DOM操作等.
jQuery库包含以下功能:
- HTML/DOM 操作
- CSS 操作
- HTML 事件方法
- 特效和动画
- AJAX
- 工具
提示:此外,jQuery插件的几乎可以完成任何任务.
为什么使用jQuery?
有很多其他JavaScript框架, 但是jQuery似乎是最流行的, 也是最具扩展性的.
许多大公司在网站上使用jQuery, 像:
- Microsoft
- IBM
- Netflix
jQuery能在所有浏览器中工作吗?
jQuery团队知道所有关于跨浏览器的问题, 他们写了这方面的jQuery库. jQuery将在所有主要浏览器有完全相同的运行效果,包括Internet Explorer 6!

