摘要:
组件源码如下: vue-scroll.vue 使用: 阅读全文
随笔分类 - js插件
javascript移动端 电子书 翻页效果
2019-05-06 16:41 by muamaker, 3977 阅读, 收藏, 编辑
摘要:
1、后端给一长串的纯文本 2、前端根据屏幕的高度,将文本切割为 n 页 3、使用插件 turn.js 将切割好的每页,加上翻书效果 阅读全文
js获取 gif 的帧数
2019-04-22 18:01 by muamaker, 2878 阅读, 收藏, 编辑
摘要:
使用 javascript 获取 GIF 图的帧数,如果帧数过大,则不让传到服务器 这里是使用一个插件: github地址为: https://github.com/buzzfeed/libgif-js 下面是获取的代码: 阅读全文
js 获取鼠标的手势方向角度
2019-04-01 17:34 by muamaker, 1643 阅读, 收藏, 编辑
摘要:
需要获取鼠标的移动角度 1、mousedown 确定起始点 2、mousemove 确立相关点 3、先计算两点的斜率,然后根据三角函数和反三角函数。转换为角度 阅读全文
使用 js,自己写一个简单的滚动条
2019-03-07 20:48 by muamaker, 2527 阅读, 收藏, 编辑
摘要:
当我们给元素加上 overflow: auto; 的时候,就会出现滚动条,然而浏览的不同,滚动条的样式大不一样,有些甚至非常丑。 于是就想着自己写一个滚动条,大概需要弄清楚一下这几个点: 1、滚动条 bar 是根据内容的多少,高度不一样的,这个需要动态的计算 2、滚动条 bar 的 top 位置 和 阅读全文
js关卡函数,throat函数实现,定时运行函数
2018-06-30 12:17 by muamaker, 420 阅读, 收藏, 编辑
摘要:
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, 1876 阅读, 收藏, 编辑
摘要:
效果图 前端代码,基于jquery 2、后端代码,nodejs+express const multiparty = require('multiparty');var fs =require("fs"); 阅读全文
axios的二次封装
2017-12-28 16:07 by muamaker, 179 阅读, 收藏, 编辑
摘要:
'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, 15173 阅读, 收藏, 编辑
摘要:
在js里面,偶尔会遇见需要多个异步按照顺序执行请求,又不想多层嵌套,,这里和promise.all的区别在于,promise或者Jquery里面的$.when 是同时发送多个请求,一起返回,发出去的顺序是一起;这里是按照顺序发请求 方法 一 、首先创建一个迭代器,接收任意多个函数参数 创建多个异步的 阅读全文
js文件分段上传
2017-10-13 14:25 by muamaker, 398 阅读, 收藏, 编辑
摘要:
前端代码 <!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分页器插件
2017-05-02 15:31 by muamaker, 539 阅读, 收藏, 编辑
摘要:
2016 2015 2014 2013 2012 2011 2010 2009 阅读全文
js 使用jquery.form.js文件上传
2017-02-15 22:47 by muamaker, 1440 阅读, 收藏, 编辑
摘要:
1.文件上传,使用jquery.form.js插件库 阅读全文
js 简易的分页器插件
2016-12-29 14:30 by muamaker, 405 阅读, 收藏, 编辑
摘要:
1.自己引入jquery插件,我的demo是引入的自己本地的query 阅读全文
html2canvaces用法,js截屏并且下载
2016-12-20 21:40 by muamaker, 479 阅读, 收藏, 编辑
摘要:
1、首先自己下载引入html2canvaces和jquery(我的demo路径是自己本地的) 2、点击截屏按钮后,跳出层的其他部分是取消保存,点击截取获得的图片区域,表示保存 阅读全文