摘要:
组件源码如下: vue-scroll.vue 使用: 阅读全文
随笔分类 - js插件
javascript移动端 电子书 翻页效果
2019-05-06 16:41 by muamaker, 4262 阅读, 收藏,
摘要:
1、后端给一长串的纯文本 2、前端根据屏幕的高度,将文本切割为 n 页 3、使用插件 turn.js 将切割好的每页,加上翻书效果 阅读全文
js获取 gif 的帧数
2019-04-22 18:01 by muamaker, 2918 阅读, 收藏,
摘要:
使用 javascript 获取 GIF 图的帧数,如果帧数过大,则不让传到服务器 这里是使用一个插件: github地址为: https://github.com/buzzfeed/libgif-js 下面是获取的代码: 阅读全文
js 获取鼠标的手势方向角度
2019-04-01 17:34 by muamaker, 1654 阅读, 收藏,
摘要:
需要获取鼠标的移动角度 1、mousedown 确定起始点 2、mousemove 确立相关点 3、先计算两点的斜率,然后根据三角函数和反三角函数。转换为角度 阅读全文
使用 js,自己写一个简单的滚动条
2019-03-07 20:48 by muamaker, 2596 阅读, 收藏,
摘要:
当我们给元素加上 overflow: auto; 的时候,就会出现滚动条,然而浏览的不同,滚动条的样式大不一样,有些甚至非常丑。 于是就想着自己写一个滚动条,大概需要弄清楚一下这几个点: 1、滚动条 bar 是根据内容的多少,高度不一样的,这个需要动态的计算 2、滚动条 bar 的 top 位置 和 阅读全文
js关卡函数,throat函数实现,定时运行函数
2018-06-30 12:17 by muamaker, 425 阅读, 收藏,
摘要:
function throat(callback,num){ var timer = null; callback = callback || function(){}; return function(){ if(!timer){ var that = this; var arg = arguments; timer = setTim... 阅读全文
基于jquery ajax的多文件上传进度条
2018-02-09 16:02 by muamaker, 1910 阅读, 收藏,
摘要:
效果图 前端代码,基于jquery 2、后端代码,nodejs+express const multiparty = require('multiparty');var fs =require("fs"); 阅读全文
axios的二次封装
2017-12-28 16:07 by muamaker, 183 阅读, 收藏,
摘要:
'use strict' import axios from 'axios' import qs from 'qs' var host = "https://www.easy-mock.com/mock/5bb02bc0a0afc503f502a292/example"; axios.interceptors.request.use(config => { // loading //请求... 阅读全文
js多个异步请求,按顺序执行next
2017-10-27 14:28 by muamaker, 15346 阅读, 收藏,
摘要:
在js里面,偶尔会遇见需要多个异步按照顺序执行请求,又不想多层嵌套,,这里和promise.all的区别在于,promise或者Jquery里面的$.when 是同时发送多个请求,一起返回,发出去的顺序是一起;这里是按照顺序发请求 方法 一 、首先创建一个迭代器,接收任意多个函数参数 创建多个异步的 阅读全文
js文件分段上传
2017-10-13 14:25 by muamaker, 412 阅读, 收藏,
摘要:
前端代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999 阅读全文
js 使用jquery.form.js文件上传
2017-02-15 22:47 by muamaker, 1447 阅读, 收藏,
摘要:
1.文件上传,使用jquery.form.js插件库 阅读全文
html2canvaces用法,js截屏并且下载
2016-12-20 21:40 by muamaker, 489 阅读, 收藏,
摘要:
1、首先自己下载引入html2canvaces和jquery(我的demo路径是自己本地的) 2、点击截屏按钮后,跳出层的其他部分是取消保存,点击截取获得的图片区域,表示保存 阅读全文
浙公网安备 33010602011771号