今天做了幻灯片，主要功能包括：普通选项卡，向前/向后播放按钮，向前？向后播放功能,自动播放功能要实现简单选项卡功能是没有问题的，但是添加功能就出现各种各样的问题了遇到的问题：1 下标问题 2普通选项卡与向前/向后功能结合的时候冲突，可以向前/向后播放，但是再想实现普通选项卡就出问题了3 添加向前/向后按钮后，html布局下移4 添加向前/向后按钮的时候，我用img标签，显然这个不适用，不能很好的调节垂直居中5 当鼠标放在...
PhotoSwipe.js官网：http://photoswipe.com/ ，在这个网站上可以下载到PhotoSwipe的文件以及相关的例子。这个组件主要是用来展示图片、相册用的。1、导入依赖的js和css<linkrel="stylesheet prefetch"href="../css/photoswipe/photoswipe.css"><linkrel="stylesheet prefetch"href="../css/photoswipe/default-skin/default-skin.css"><scriptsrc="../js/photoswipe/photoswipe.js"></script><scriptsrc="../js/photoswipe/photosw...
tab1.html内容<!DOCTYPE html><html><head><meta charset="UTF-8"><title>tab选项卡</title><style>* {margin: 0;padding: 0;}ul,li {list-style: none;}body {background-color: #323232;font-size: 12px;font-family: "微软雅黑"; margin: 100px;}</style><link rel="stylesheet" href="tab1.css"/><script src="../jquery-2.1.0.js" type="text/javascript"></script><script src="tab1.js" type="text/javascript"></script></...
上午主要编写了倒计时的功能，用了两种算法，一种是最终秒数、分钟数、小时数减去当前的秒、分钟和小时，当然要重点注意的就是借位的问题。另一种算法就是将最终时间转换成秒数，当前时间转换成秒数，相减之后再换算成小时、分钟和秒，再分别显示出来。 下面是我编写的代码： 1 <!DOCTYPE html>2 <html lang="en">3 <head>4 <meta charset="UTF-8">5 <title>倒计时</title>6 </head>7 <body>8 <span id="time"></s...
let route_blank = this.$router.resolve({path: "/地址",//地址query: { id: this.id }//传值 }); let temp_window = window.open(route_blank.href, "_blank");if (temp_window == null) {alert("您的浏览器启用弹出窗口过滤功能！\n请关闭此功能！"); } 原文：https://www.cnblogs.com/wulicute-TS/p/12580092.html
javascript提供了一套异常处理机制。所谓异常，是指干扰程序的正常流程的，不寻常（并非，完全出乎意料的）的事故。 1<!DOCTYPE html> 2<html lang="en"> 3<head> 4<meta charset="UTF-8"> 5<title>抛出异常</title> 6</head> 7<body> 8 9</body>10</html>11<script type="text/javascript">12//javascript提供了一套异常处理机制。所谓异常，是指干扰程序的正常流程的，不寻常（并非，完全出乎意料的）的事故。13//当发生这样的事...
var notify = new Notification(‘通知标题‘, {body: ‘这里是通知内容！‘}); notify.onclick = function () {//如果通知消息被点击,通知窗口将被激活window.focus();notify.close();//打开对应的界面 }; notify.onerror = function () {console.log("HTML5桌面消息出错！！！"); }; notify.onclose = function () {console.log("HTML5桌面消息关闭！！！"); }; 原文：https://www.cnblogs.com/fyiyy/p/15270436.html
本文实例讲述了JS基于设计模式中的单例模式（Singleton）实现封装对数据增删改查功能。分享给大家供大家参考，具体如下： 单例模式 单例模式的核心结构中只包含一个被称为单例的特殊类。通过单例模式可以保证系统中一个类只有一个实例 单例模式最初的定义出现于《设计模式》（艾迪生维斯理, 1994）：“保证一个类仅有一个实例，并提供一个访问它的全局访问点。” 单例模式定义：“一个类有且仅有一个实例，并且自行实例化向整个系统...
本文在介绍如何正确使用uniGUI的HyperServer（负载均衡）功能的基础上，重点探讨了其具体步骤，本文内容紧凑，希望大家可以有所收获。1、HyperServer是uniGUI 1.5版本后新增加的功能，这是一个节点管理的应用程序，主要实现了节点的自动管理，也就是负载均衡的功能，目前还支持远程应用部署。具体原理如下图：2、HyperServer程序获取：HyperServer程序目前是要与uniGUI版本完全对应（不一样可能会有问题，作者这么说的）以后可能会...
本文实例讲述了微信小程序基于本地缓存实现点赞功能的方法。分享给大家供大家参考，具体如下： wxml中的写法 注意： 1. 使用wx:if="{{condition}}" wx:else实现图标的切换效果； 2. 为图片绑定点击事件bindtap="toCollect"，两个image标签都要绑定！ <image wx:if="{{collection}}" src="/images/icon/pic1.png" bindtap="toCollect"></image> <image wx:else src="/images/icon/pic2.png" bindtap="toCollect"></image>js中的写法...
前言 对于jQuery的数据缓存，相信大家都不会陌生，jQuery缓存系统不仅运用于DOM元素，动画、事件等都有用到这个缓存系统。所以在平时实际应用中, 我们经常需要给元素缓存一些数据，并且这些数据往往和DOM元素紧密相关。由于DOM元素(节点)也是对象, 所以我们可以直接扩展DOM元素的属性，但是如果给DOM元素添加自定义的属性和过多的数据可能会引起内存泄漏，所以应该要尽量避免这样做。 因此更好的解决方法是使用一种低耦合的方式让D...
很多同学在项目中都喜欢将数据存储在HTMLElement属性上，如 代码如下:<div data="some data">Test</div> <script> div.getAttribute(data); // some data </script> 给页面中div添加了自定义属性“data”及值“some data”。后续JS代码中使用getAttribute获取。 jQuery从1.2.3开始提供了data/removeData方法用来存储/删除数据。1.6.1代码片段 代码如下:jQuery.extend({ cache: {}, // Please use with caution uuid: 0, ... });...
前言 一般可以使用cookie,localstorage,sessionStorage来实现浏览器端的数据缓存，减少对服务器的请求。 1.cookie数据存放在本地硬盘中，只要在过期时间之前，都是有效的，即使重启浏览器。但是会在每次HTTP请求中添加到请求头中，如果数据过多，会造成性能问题。 2.sessionStorage保存在浏览器内存中，当关闭页面或者浏览器之后，信息丢失。 3.localstorage也是保存在本地硬盘中，除非主动清除，信息是不会消失的。但是实际使用时...
本文实例讲述了微信小程序学习笔记之本地数据缓存功能。分享给大家供大家参考，具体如下： 前面介绍了微信小程序获取位置信息操作。这里再来介绍一下微信小程序的本地数据缓存功能。【将数据存储在本地缓存】wx.setStorage 【读取本地缓存】wx.getStorage 以手机号+密码登录为例，把登录成功返回的token值存储在本地缓存中，然后读取缓存中的token： login.php： <?php header("Content-type:text/html;charset=utf-8");$arr = arr...
本篇文章主要介绍了vue 的keep-alive缓存功能的实现，写的十分的全面细致，具有一定的参考价值，对此有需要的朋友可以参考学习下。如有不足之处，欢迎批评指正。<keep-alive>是Vue的内置组件，能在组件切换过程中将状态保留在内存中，防止重复渲染DOM。 <keep-alive> 包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。和 <transition> 相似，<keep-alive> 是一个抽象组件：它自身不会渲染一个 DOM 元素，也不会出现在父组...