jquery、zepto
IT~少年人
渴望光荣
展开
-
获取原生表单的值
function getFormValue(dom) { var a = dom.serialize().split('&') a = decodeURIComponent(a,true) var b = {} for (let i=0; i< a.length; i++) { let k = a[i].split('=')[0] ...原创 2020-01-02 11:38:16 · 2117 阅读 · 0 评论 -
如何优雅渲染dom节点
let container = document.getElementById('container')// 创建一个DOM Fragment对象作为容器let content = document.createDocumentFragment()for(let count=0;count<10000;count++){ // span此时可以通过DOM API去创建 let ...原创 2019-12-21 17:29:22 · 2166 阅读 · 0 评论 -
解决$.load跨域问题
如果用原生的AJAX是加载本地文件就不会出现错误。当然,这个jquery的load放在服务器上通过http加载还是支持的。也有例外比如在firefox和ie浏览器使用$.ajax加载本地html或txt文件时,不会报错。当其他浏览器控制台弹出下面报错,表明这个不支持跨域浏览本地文件Access to XMLHttpRequest at 'file:///F:/%E4%BB%A3%E7%A0%8...原创 2019-12-16 15:33:11 · 4982 阅读 · 0 评论 -
css3实现瀑布流
1、html代码<div class="box"> <div class="item"></div> <div class="item"></div> <div class="item"></div> <div class="item">...原创 2019-12-13 16:02:14 · 1995 阅读 · 0 评论 -
用户长时间不操作,自动退出登录。
项目需求:用户超过5分钟没有任何操作,自动退出登录。直接上代码:$(function(){ // 监听用户长时间不操作后自动退出登录 let currtentTime = new Date().getTime(), lastTime = new Date().getTime() // 设置自动失效时长 const diff = 1000 * 60...原创 2019-12-12 15:26:56 · 7124 阅读 · 3 评论 -
解决右键打开新的标签页,sessionStorage失效。
问题:项目使用sessionStorage存储已登录用户的token和用户信息,当右键新打开标签页时,sessionStorage为空,需重新登录。需求:浏览器关闭时,清空用户所有登录信息,下次打开浏览器需重新登录。方法:我们将token保存在sessionStorage,并在每次请求服务器时将token放在请求头中来完成用户的身份认证。当用户关闭标签页,token会立即过期。问题来了,多标...原创 2019-12-12 15:19:25 · 9196 阅读 · 2 评论 -
H5实现微信分享
1、注册config。(config参数由后端接口提供)2、info 分享的内容 。(包括链接,标题,图片)3、debug模式是否开启。4、处理非微信内部浏览器分享。function wechatShare(config, info, debug, click) { // config 配置分享的参数 // info 分享的内容 // debug 调试模式开启 or 关闭 // c...原创 2019-08-06 14:08:39 · 4644 阅读 · 6 评论 -
js实现下载xls文件
直接上代码。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...原创 2019-08-06 14:00:59 · 5540 阅读 · 2 评论 -
js ready函数执行顺序
1、$(function(){}) 和 $(document).ready(function(){}),这两个方法的效果都是一样的,都是在dom文档树加载完之后执行一个函数,(注意,这里面的ready 是 DOM树加载完成,不是onload的页面资源加载完成的);在js文件中可以出现多个ready(),并且按照顺序执行;2、window.onload = function(){};等待页面中...原创 2019-07-20 16:31:54 · 4936 阅读 · 0 评论 -
js利用CLodop实现打印功能
1、引入LodopFuncs.js(可去LodopFuncs官网下载)<script src="LodopFuncs.js" type="text/javascript" charset="utf-8"></script>2、打印局部页面,以“printarea“”命名元素ID3、打印按钮添加点击事件$(".print-btn").on("click", func...原创 2019-05-27 17:53:48 · 8017 阅读 · 2 评论 -
zepto.js中的ajax请求
1、Ajax 回调函数你可以指定以下的回调函数,他们将按给定的顺序执行:beforeSend(xhr, settings):请求发出前调用,它接收xhr对象和settings作为参数对象。如果它返回 false ,请求将被取消。success(data, status, xhr):请求成功之后调用。传入返回后的数据,以及包含成功代码的字符串。error(xhr, errorType, er...原创 2019-04-24 16:41:21 · 3397 阅读 · 0 评论 -
web 移动端 微信分享(nativeShare)
1、引入nativeShare.js2、config -> 后端请求得到微信参数info -> 后端请求到分享的内容mycommand -> “wechatFriend” (分享微信好友)“wechatTimeline”(朋友圈) “qqFriend”(qq分享)“qZone”(qq空间)“weibo” (微博)function h5Share(config, info...原创 2019-04-23 18:26:30 · 3864 阅读 · 0 评论