![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js总结
qq_1913284695
这个作者很懒,什么都没留下…
展开
-
vue之vuex的简单使用简化写法
store.jsimport Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)//状态对象const state={ counter:0}//包含多个更新state函数的对象const mutations={ ADD(state){ state.counter++ },JJ(state){ state.counter-- }}//包含多个事件回调函数的对象,actions调用mutationscons原创 2021-11-27 20:57:13 · 589 阅读 · 0 评论 -
vue之vuex的简单实用
最新在学习vue,简单的记录一下先了解vuex有啥用?vuex就是管理各组件的共有数据共享数据,向我们以前学习的data是组件的私有数据,需要通过props或者消息订阅离开完成各组件之间的传参,如果组件很多那么程序会写的很复杂,不好维护,2️⃣vuex则很好地解决了这个问题安装vuex>npm install --save vuex创建store.jsimport Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)//状态对象原创 2021-11-27 20:30:06 · 320 阅读 · 0 评论 -
jplayer实现单曲循环
播放器里有是那种播放形式,单曲循环,随机播放,按顺序播放。随机播放和单曲循环已经实现,接下来就是单曲循环。我来说说我的思路。单用户点击单曲循环列表的时候,获取当前正在播放的音乐数据,并记录该音乐数据。启用计时器比较当前音乐播放时间进度和音乐总的时间,如果播放到总时间的最后12秒,就继续播放刚刚标记的音乐数据。如果用户点击上一条或下一条按钮,就更换记录。具体代码:var play_repeat=null;//需要单曲循环的音乐点击循环播放按钮 $(document).on('click', '.jp原创 2021-03-15 15:52:45 · 548 阅读 · 0 评论 -
touch实现click
有了touch事件,click事件将失效。那么有时候我们需要同一个对象有touch,还要有click,该怎么办?很简单,首先得明白一个问题:click的特性:同一个位置,鼠标停留大约不超过300ms,可认为是click事件。touch有开始,移动,结束三个方法,根据click的特性可以判断那种touch是点击行为。var timeStamp_start=0.原创 2017-01-12 12:35:30 · 919 阅读 · 0 评论 -
js多线程
推荐文章 http://www.cnblogs.com/0banana0/archive/2011/06/01/2067402.html下载js: http://blog.csdn.net/qq_21119773/article/details/54575995--------------------------------------------------原创 2017-01-16 18:13:23 · 3548 阅读 · 0 评论 -
Concurrent.Thread.js
(function(){ if ( !this.Data || (typeof this.Data != 'object' && typeof this.Data != 'function') ) this.Data = new Object(); if ( this.Data.Stack === undefined ) this.Data.Stack = undefined;转载 2017-01-16 17:35:37 · 3525 阅读 · 0 评论 -
滚动条到底部,自动加载数据
$(window).scroll(function(event){ var sm=$(this).scrollTop()+$(window).height(); //$(this).scrollTop():滚动条的滚动高度,不可见的部分 //$(window).height():窗口,可见部分的高度 var dsm=$(document).height(); //$(docum原创 2016-08-10 16:50:49 · 6174 阅读 · 1 评论 -
jquery实现替代iframe的功能
原文连接http://www.cnblogs.com/qiufuwu618/archive/2013/08/14/3256688.html1.使用iframe能很好的嵌入其他的网页或者网站,但是iframe每次加载都会浪费好多的时间,且会阻止其他元素的加载,搜索引擎也不能识别页面ifram框架中被调用的链接、文本、图片等等内容的。2.ios不能很好的支持iframe转载 2017-01-10 09:49:54 · 16264 阅读 · 1 评论 -
面向对象,函数构造方法
面向对象,函数构造方法1 /*(function(){}());将变量方法等搞成不同作用域,即封装某些代码块,后加()是为了可以执行*/ (function(){ var n="局部作用域的变量n"; function people(name,age,sex){//people类的构造函数 this.name=name; this.age=age;原创 2017-02-05 13:49:30 · 266 阅读 · 0 评论 -
正则表达式
正则表达式 var s="hellow wordle gf,i love u!";var ss=/gf/; console.log(ss.test(s));/*字符串匹配,返回值布尔类型,一旦匹配上,不会向后进行匹配*/console.log(ss.exec(s));/*字符串匹配,返回值null或数组类型*//*g全局匹配,i不区分大小写,+以空格原创 2017-02-05 13:47:25 · 246 阅读 · 0 评论 -
h5 真正的线程worker
推荐 http://www.cnblogs.com/feng_013/archive/2011/09/20/2175007.html原创 2017-01-16 18:26:51 · 1869 阅读 · 0 评论 -
socket.io.js
var testVersion = process.env.TEST_VERSION;var http = require('http').Server;var io;if (testVersion === 'compat') { console.log('testing compat version'); io = require('../dist');} else { io转载 2017-01-18 12:08:13 · 1901 阅读 · 0 评论 -
css3弹出框淡入淡出4种动画
div{background: red;width: 100px;height: 100px;display: none;} @keyframes show1{ 0%{transform: rotateY(0deg);opacity: 0;} 50%{ transform: rotateY(180deg);opacity: 0.2;} 100%{ transform: rotateY(3原创 2017-01-19 17:50:36 · 39323 阅读 · 0 评论 -
h5的nosql
Js复制代码 window.indexedDB=window.indexedDB||window.webkitIndexedDB||winodw.mozIndexedDB||window.msIndexedDB; window.IDBTransaction=window.IDBTransaction||window.webkit原创 2017-01-20 17:33:02 · 404 阅读 · 0 评论 -
api地址
http://docs.easemob.com/im/400webimintegration/30singlechat原创 2016-08-17 12:33:07 · 1048 阅读 · 0 评论 -
jq 第二次选中没效果
将$('.checkitem').attr("checked", true);改成$('.checkitem').prop("checked", true);什么时候使用attr(),什么时候使用prop()?1、添加属性名称该属性就会生效应该使用prop();2、是有true,false两个属性使用prop();3、其他则使用attr();原创 2017-07-05 17:25:22 · 376 阅读 · 0 评论 -
表单提交自动拼接逗号
form里面嵌套form导致的原创 2017-07-18 15:15:31 · 1522 阅读 · 0 评论 -
mobileBUGFix.mini.js
/* jpeg_encoder_basic.js for android jpeg压缩质量修复 */function JPEGEncoder(a){function I(a){var c,i,j,k,l,m,n,o,p,b=[16,11,10,16,24,40,51,61,12,12,14,19,26,58,60,55,14,13,16,24,40,57,69,56,14,17,22,29,转载 2017-01-03 18:06:29 · 4535 阅读 · 0 评论 -
layui文件上传跨域回调显示
layui的上传图片有点坑,不能跨域,删掉跨域异常后,图片上传到第三方图片库了,但是居然没有回调我看网上的人说的是回调到某某页面,但是第三方回调结构并不能由我来控制,看来不是一个绝好的方法先看看简易编辑器的源码这个id是上传图片的id,然后来看看upload.js。搞懂layui的上传原理在来修改简易编辑器代码简易编辑原创 2017-07-28 16:53:40 · 8878 阅读 · 0 评论 -
压缩图片
//获取get传值function GetQueryString(name){ var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); var r = window.location.search.substr(1).match(reg); if(r!=null)return unescape(r[2]); r原创 2016-08-31 10:53:31 · 362 阅读 · 0 评论 -
jq在ios下的on事件失效
在ios的浏览器中出现一下情况:绑定document,on时间失效$(document).on('click','#weixin_btn,#close_box',function(){ })解决方法,最后家一行代码,如下$("body").children().click(function(){})-------------------------------原创 2017-01-03 17:49:15 · 2844 阅读 · 0 评论 -
audio获取时长,注意事项,计时器
两种情况:1.页面已开始就已经加载了音频,2.点击的时候为audio动态的更改音频路径,播放不同的音频现象:第一种时长正常,第二种时长audio.duration为nan分析:第一种情况,获取时长时,已经加载了音频,点击时可以获取音频时长;第二种,点击的时候,音频为加载,获取不到时长。解决方法:audio.addEventListener("canplay", function(){原创 2016-08-10 20:05:15 · 22415 阅读 · 0 评论 -
jquery上下滑动注意事项
div: fffff style:.vip_bottom{position: fixed; display: none;//注意,先不显示,点击某个div后从上向下滑动 bottom:0px;//按照正常显示的时候写 width: 100%; box-sizing: border-box; height:80px; }js:$("原创 2016-08-08 17:10:45 · 478 阅读 · 0 评论 -
类似于QQ的右滑删除效果
原理:删除的div在窗口的外面,用户看不到,用户右滑,显示次div <%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";%> ">原创 2016-08-27 20:34:00 · 794 阅读 · 0 评论 -
JQueryAjax使用SpringMVC中MultipartFile进行文件上传的整合
本篇文章主要介绍了"JQueryAjax使用SpringMVC中MultipartFile进行文件上传的整合",对于Javascript教程感兴趣的同学可以参考一下: 对于一个带有文件上传的表单,后台使用springMVC封装的MultipartFile file接收文件,并且需要使用异步提交,并返回相应的提示信息在这种情况下...下载地址:http://malsup.github.com转载 2016-08-03 17:15:55 · 15425 阅读 · 1 评论 -
ncaught SyntaxError: Unexpected token ILLEGAL
问题描述如上图:jquery已经写点点击效果,但是一旦连接数据库后,点击效果没有了,不连接数据库,点击效果又出来了。问题原因和解决方法如下图原创 2016-06-23 09:06:13 · 1011 阅读 · 0 评论 -
encodeURIComponent编码后java后台的解码
解决方法一:JavaScript:window.self.location="searchbytext.action?searchtext="+encodeURIComponent(encodeURIComponent(seartext));Java:searchtext=java.net.URLDecoder.decode(searchtext,"UTF-8");转载 2016-06-21 09:17:31 · 369 阅读 · 0 评论 -
js中class的点击事件没有效果
$(".xx").clcik(function(){····});本来不用js生成类,是有检点效果的一但js里写,就没有点击效果了,如下:做如下修改即可,监听document原创 2016-06-29 19:50:23 · 5050 阅读 · 1 评论 -
ajax返回object Object解决方法
现象:使用ajax发送请求,因为后台php,使用了阿里的短信,后来返回类型object Object,在浏览器上看到是这样的返回格式:{msg:90,ok:ok}[1,#98978]。ajax返回值不好处理。{msg:90,ok:ok}这个是第三方短信返回值,去不掉。[1,#98978]这个才是自己后台要用到的返回值。如果返回类型复杂,并且只是返回一个字段,此时可以用complete接原创 2016-07-12 19:25:09 · 31276 阅读 · 0 评论 -
h5环信保存离线的音频问题
应用场景:需要接受对方发给自己的音频,但是自己现在不在网页,当有时间的时候可以看到这些没有读的消息(多个页面切换跳转,网页版聊天关闭页面就会断掉连接),需要websql暂时存到浏览器中。问题:存的音频url不能直接用audio播放,但是转化成blob(环信自己的方法)的也不能播放。后来发现,环信是将音频下载到本地在播放(此时是blob),但是一旦重新加载js,blob就不能播放了。原创 2016-09-11 13:49:59 · 1529 阅读 · 0 评论 -
js拼接html字符串注意事项
+加好拼接如果不换行,是不会出现执行一段一段执行的情况,但是字符串太长了,换行之后会出现一段一段执行的情况,这样页面生成的div等就不是想要的结果了。换行要这样拼接 var s='<li class="todetail" data-id="'+ one.id+'">'+ one.asetime+'<img src="'+原创 2016-08-11 18:19:07 · 8975 阅读 · 0 评论 -
百度地图定位,也适用于ios和电脑
/* 百度地图定位 * */var positionType=null; function getLocation(){ saveUinfos('city','province','area',0,0);var geolocation = new BMap.Geolocation();geolocation.getCurrentPosition(function(r){原创 2016-12-26 18:56:55 · 482 阅读 · 0 评论 -
滚动条滑倒div的底部,扣扣发消息时
function scollToBottom(){var chatwindow=document.getElementById('chatwindow');chatwindow.scrollTop = chatwindow.scrollHeight;}原创 2016-12-16 16:30:33 · 336 阅读 · 0 评论 -
div的滚动条滑倒某个特定的id位置,扣扣加载历史消息
scollToMiddle(document.getElementById(id).offsetTop-xx)function scollToMiddle(offsetTop){var chatwindow=document.getElementById('chatwindow');chatwindow.scrollTop =offsetTop;}原创 2016-12-16 16:32:23 · 1192 阅读 · 0 评论 -
监听audio是否播放完
var audio=document.getElementById('audio');if(audio){audio.loop = false;audio.addEventListener('ended', function () { $('#playvoice').attr("src",'images/play_voice_off.png'); }, false)转载 2016-11-29 16:15:37 · 23958 阅读 · 0 评论 -
ajax超时
jquery ajax超时设置var ajaxTimeoutTest = $.ajax({ url:'', //请求的URL timeout : 1000, //超时时间设置,单位毫秒 type : 'get', //请求方式,get或post data :{}, //请求所传参数,json格式 dataType:'json',//返回的数据转载 2016-11-09 12:32:17 · 588 阅读 · 0 评论 -
jQuery监听文件上传实现进度条效果
原理:给XMLHttpRequest对象的upload属性绑定onprogress方法监听上传过程var xhr=new XMLHttpRequest(); xhr.upload.onprogress=function(e){}因为jQuery默认使用的XMLHttpRequest对象是内部生成的无法直接给jq的xhr绑定onprogress方法所以只要给jQuery重新生转载 2016-10-12 13:41:02 · 2741 阅读 · 0 评论 -
layer弹出框
var i=0;function btip(content,type,url){ if(type==0){ layer.open({ content: content ,skin: 'msg' ,time: 2 //2秒后自动关闭 }); }else if(type==1){ if(i==0) layer.open({ content:原创 2016-10-09 12:07:31 · 1857 阅读 · 0 评论 -
js监听窗口关闭事件
window.onbeforeunload = function(){ return "exit?"; }转载 2016-08-26 14:12:24 · 8430 阅读 · 0 评论 -
js实现点击图片自动提交action
利用js实现点击一张图片,直接上传到指定的action,方法简单,一看就会了,只需要用户点击图片一次就可以实现图片上传功能。主要用到了onclick, onchange, display属性,代码可以直接copy用。html代码js代码 function F_Open_dialog() { document原创 2016-05-09 16:25:13 · 1128 阅读 · 1 评论