ribbon Compas

jQuery

write less, do more

点击查看api详情
Infinity-Loop

avalon

简单易用迷你的MVVM框架

点击查看api详情
Pensils

CSS

Cascading Stylesheet

css手册
Pensils

API

Application Programming Interface

API中文手册汇总
js原生拖拽上传

2019年8月8日  前端资源   

原生拖放中涉及到的事件分为分下列两个阶段: (1)拖动某元素时,该阶段会依次触发下列事件(该阶段的事件目标--即target或srcElement都是这个被拖动元素): 1. dragstart——鼠标移入目标元素并且按下左键触发。 2. drag——dragstart触发后移动鼠标连续触发该事件(类似mousemove事件) 3. dragend——拖动停止时触发(无论此时拖动元素在有效位置还是无效位置)。 (2)当元素被拖动到一个有效的放置目标上时,触发下列事件(该阶段的事件目标--即target或srcElement都是这个目标元素): 1. dragenter——只要有元素被拖动到放置目标上,就触发dragenter事件(类似mouseover) 2. dragover——触发dragenter后在有效目标范围内移动时连续触发该事件 3. dragleave——被拖动元素从目标范围内被拖出到目标范围外时触发 4. drop...

input type=file accept中可以限制的文件类型

2019年8月8日  前端资源   

在上传文件的时候,需要限制指定的文件类型。 <input type="file" accept="image/*" /> accept表示可以上传文件类型,image表示图片,*表示所有支持的格式。 image/* ,允许上传所有图片格式     accept可以指定如下信息: *.3gpp audio/3gpp, video/3gpp 3GPP Audio/Video *.ac3 audio/ac3 AC3 Audio *.asf allpication/vnd.ms-asf Advanced Streaming Format *.au audio/basic AU Audio *.css text/css Cascading Style Sheets *.csv text/csv Comma Separated Values *.doc application/msword MS Word Document *.dot application/msword MS Word Template *.dtd application/xml-dtd Document Type Definition *.d...

微信jssdk授权签名以及config配置

2019年7月28日  前端资源   

凡是要想在h5页面使用jweixin.js的功能就必须授权签名才行。以下流程 1,申请公众账号测试  或者 是已经有了公众号 https://mp.weixin.qq.com/debug/cgi-bin/sandboxinfo?action=showinfo&t=sandbox/index 2,用appID和 appsecret来换取access_token access_token(有效期7200秒,开发者必须在自己的服务全局缓存access_token`) https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=wx0eae23ad3cb94c41&secret=92239121cc1fed637b6fe84a04bee738 3,用access_token来换取jsapi_ticket jsapi_ticket(有效期7200秒,开发者必须在自己的服务全局缓存jsapi_ticket`) https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token=ACCESS_TOKEN&type=jsapi 4,有...

base64、blob和file数据类型相互转换并使用FormData模拟表单上传

2019年7月19日  前端资源   

涉及到new FileReader()、new File()、new FormData()、createObjectURL() FormData js模拟表单上传 var formData = new FormData(); formData.append("type","2"); formData.append("file",blob,"recorder.mp3"); //添加上传blob数据类型 formData.append("file",file,"1.jpg"); //添加上传file数据类型 $('#xx').click(function () { $.ajax({ url:"/uploadbase64" //上传接口地址 ,type:"POST" ,contentType:false //让xhr自动处理Content-Type header,multipart/form-data需要生成随机的boundary ,processData:false //不要处理data,让xhr自动处理 ,data:formData ,success:function(v){ console.log("上传成功",v); ...

另存为效果

2019年7月13日  前端资源   

js 另存为 a 下载 html 下载 (推荐)前端方法: <a href="http://localhost:3000/upload/index_logo.gif" download="xxx">下载11</a> //下载后是xxx.gif *注意所下载的文件必须是同域名不然无法实现另存为效果,仅仅不兼容IE。谷歌、火狐,Edge兼容     后端方法: 例如php需要设置 header('Content-type: image/jpeg'); header("Content-Disposition: attachment; filename='download.jpg'");   这里以koa2为案例: 路由设置 router.get('xxxpath', (ctx) => { ctx.set('Content-disposition','attachment;filename=name.txt'); // 设置你的文件名 const data = new Buffer('Im a example of text') // 创建一个buffer ctx.body = data // 返回在响应体里 });   ...