![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
yournevermore
这个作者很懒,什么都没留下…
展开
-
如何捕获新建websocket 的异常
今天看了一眼之前写的前端代码,发现一个明显的问题 try { socket = new WebSocket(host); } catch (e) { reconnect(); }websocket 发生异常, 是catch不到的,因为新建websocket连接是异步的,异常抛出是同步的...原创 2020-03-04 17:56:26 · 3786 阅读 · 0 评论 -
event.stopPropagation()、event.preventDefault()与return false的区别
做小demo时经常用到returnfalse来取消默认事件,但一直不是很懂它和preventDefault()等的区别,今天查了查文档和大神们的博客,在这里对相关知识点做一个总结首先开门见山,总结一下这三者的区别:event.stopPropagation():阻止事件冒泡,对默认事件无影响event.preventDefault():阻止默认事件,和事件冒泡无关returnf...转载 2019-12-20 10:00:05 · 182 阅读 · 0 评论 -
前端对websocket心跳重连的处理
$(function() { var lockReconnect = false;//避免重复连接 var ws = null; //WebSocket的引用 var wsUrl = "xxxxxx"; //这个要与后端提供的相同 //创建WebSocket连接,如果不确定浏览器是否支持,可以使用socket.js做连接 function createWe...转载 2019-11-06 15:32:44 · 1749 阅读 · 0 评论 -
http请求头解析及常见的返回状态码(转)
转自:https://www.cnblogs.com/printN/p/6534529.htmlRequestHeaders:下图是我访问一个URL:http://www.hzau.edu.cn的一个header,根据具体实例来分析一下各部分的功能及其作用。Accept作用:浏览器端可以接受的媒体类型,例如:Accept:text/html代表浏览器可...转载 2019-04-11 14:22:22 · 801 阅读 · 0 评论 -
margin ,padding的参数的含义
margin:4px; /*上下左右分别具有4像素*/margin:2px 4px; /*上下为二像素,左右为4像素*/margin:10px 20px 30px /*上:10px 左、右:20px 下:30px */ margin:1px 2px 3px 4px /*上:1px 右:2px 下:3px 左:4...原创 2019-03-26 17:51:54 · 1010 阅读 · 0 评论 -
js 获取父标签的第二个td子标签的第一个div子标签
$(this).parent().children("td").eq(1).children('div').first().html();原创 2019-03-22 18:58:43 · 9623 阅读 · 5 评论 -
html 单选框选中状态判断
标签中加 checked , 默认选中.<input type="radio" name="reset" id='reset' value="1" /><input type="radio" name="reset" id='unreset' value="0" checked/>$('#reset').prop('checked') //返回true(选...原创 2019-03-25 11:12:54 · 8483 阅读 · 0 评论 -
layer关闭弹出层
转自:https://blog.csdn.net/a314753967/article/details/80801584 首先,弹出某个层时需要给层取名(赋值),如:var mylay = layer.open({ type: 2, content: 'layer.html', ti...转载 2019-03-25 10:03:19 · 180 阅读 · 0 评论 -
jquery点击图片放大,再点缩小(转)
使用jquery,实现点击图片在弹出层显示大图,再次点击关闭,加入图片高宽和窗口高宽的大小判断。效果图片:1.点击前的效果:2.点击后的效果:html代码:<td width="350"> <img height="100" width="100" src="http://or7y3wqnj.bkt.clouddn.com/${fhF...转载 2019-03-15 20:22:20 · 27591 阅读 · 7 评论 -
ajax请求二进制流图片并渲染到html中img标签(转)
版权声明:本文为博主原创文章,未经博主允许不得转载(2395491531@qq.com)。 https://blog.csdn.net/qq_29287973/article/details/78355558 &lt;/div&gt; &lt;...转载 2019-03-11 15:57:26 · 3898 阅读 · 0 评论 -
javascript 多线程(转)
转自:https://www.cnblogs.com/zhwl/p/4667470.htmlJavascript执行机制在HTML5之前,浏览器中JavaScript的运行都是以单线程的方式工作的,虽然有多种方式实现了对多线程的模拟(例如:Javascript 中的 setinterval 方法,setTimeout 方法等),但是在本质上程序的运行仍然是由 JavaScript...转载 2019-04-02 20:35:15 · 163 阅读 · 0 评论 -
合并引用图片的css,提高网站打开速度(转)
转自:https://blog.csdn.net/qqq778899123/article/details/38494219 作为一个开发人员,前后台一并开发是常有的事。多数服务端开发人员不太擅长网页前端开发,所以开发出来的网页说好听点就是简单,说不好听就是不好看。今天我为大家介绍一个...转载 2019-06-11 23:06:06 · 176 阅读 · 0 评论 -
利用浏览器本地存储做跨页面传值(转)
转自:https://blog.csdn.net/taylorzun/article/details/81112392 changeTheme () { dispatch({ type: 'app/switchTheme' }) }, changeOpenKeys (openKeys) { window.localStorage.setItem(`${prefix...转载 2019-07-08 17:15:22 · 982 阅读 · 0 评论 -
mui跨页面传值(转)
转自:http://ask.dcloud.net.cn/article/63在App开发中,页面间传值是很常见的开发需求,mui框架根据业务场景不同,提供了两种传值模式。1、页面初始化时,通过扩展参数传值;mui在初始化页面时,提供了extras配置参数,通过该参数可以设置页面参数,从而实现页面间传值;mui框架在如下几种场景下,会执行页面初始化操作:通过mui.openWindow(...转载 2019-07-05 16:10:48 · 304 阅读 · 0 评论 -
mui多个选项卡,上拉到底之后,另外一个选项卡无法上拉
mui('#pullrefresh').pullRefresh().endPullupToRefresh(true)//由于调了此行所导致解决办法:mui('#pullrefresh').pullRefresh().refresh(true);// 重新初始化#pullrefresh状态...原创 2019-07-24 14:32:04 · 209 阅读 · 0 评论 -
获取当前位置(省,市,区,街道)js
var getLocation = function (successFunc, errorFunc) { //successFunc获取定位成功回调函数,errorFunc获取定位失败回调 //首先设置默认城市 var defCity = { id: '000001', name: '北京市', date: new Date()...转载 2019-07-30 17:02:52 · 5806 阅读 · 0 评论 -
获取日期(阴历,阳历,星期)js
var lunar;var solar;today=new Date();function initArray(){ this.length=initArray.arguments.length for(var i=0;i<this.length;i++) this[i+1]=initArray.arguments[i] } var d=new initArr...转载 2019-07-30 17:05:13 · 767 阅读 · 0 评论 -
mui js 返回刷新页面方法(转)
转自:https://blog.csdn.net/dogel/article/details/79384088 mui ...转载 2019-07-23 13:04:43 · 1301 阅读 · 0 评论 -
h5+MUI移动APP和普通H5之间的区别(转)
通过 HTML5 开发移动 App 时,会发现 HTML5 很多能力不具备。为弥补 HTML5 能力 的不足,在 W3C 中国的指导下成立了www.HTML5Plus.org组织,推出 HTML5+规范。HTML5+扩展了JavaScript对象 plus,使得 js 可以调用各种浏览器无法实现或实现不佳的系统能力,设备能力如摄像头、陀螺仪、文件系统等,业务能力如上传下载、二维码、地图、...转载 2019-08-13 17:39:42 · 1118 阅读 · 0 评论 -
image.naturalWidth 和 image.naturalHeigth 当图片分辨率大于屏幕分辨率时
最近在做前端的工作,今天做一个手机h5很简单的图片上传功能,发现用iphone7拍照后获取的图片非常大(有2M。。),于是用js打印了image.naturalWidth 和 image.naturalHeigth,发现分别为3000和4000,查了一下这两个东西到底是啥:图片对象的image.naturalWidth 和 image.naturalHeigth即是图片的分辨率宽高,而他俩的乘...原创 2019-09-09 17:21:47 · 947 阅读 · 0 评论 -
$('#id')[0] 的含义
$('#id')为 jquery 对象,$('#id')[0]为 js 原生对象$('#id')[0] =document.getElementById("id") ;原创 2019-03-08 16:46:40 · 4263 阅读 · 0 评论 -
js setInterval()启停 demo
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>test</title> <script src="/static/js/jquery-2.1.1.min.js&q原创 2019-03-01 20:28:24 · 1126 阅读 · 0 评论 -
layui 复选框绑定行选中
form.on('checkbox()', function(data){ {#console.log(data.elem); //得到checkbox原始DOM对象#} console.log(data.elem.checked); //是否被选中,true或者false var check=$(this);//选中的复选框 var trs = ...原创 2019-01-17 15:56:00 · 1262 阅读 · 0 评论 -
layui 带参数重载表格
//重载var $ = layui.$, active = { reload: function(){ //执行重载 table.reload('demo', { page: { curr: 1 //重新从第 1 页开始 } ,where: { key: { 'start_date':...原创 2019-01-03 17:35:18 · 3879 阅读 · 1 评论 -
js 鼠标标框 , 并拖动
$(function(e){ // e = e || window.event; // startX, startY 为鼠标点击时初始坐标 // diffX, diffY 为鼠标初始坐标与 box 左上角坐标之差,用于拖动 var startX, startY, diffX, diffY; var key; // 是否拖动,初始为 false var dragging...原创 2018-12-28 15:48:41 · 620 阅读 · 0 评论 -
html 标签点击 变颜色
<head>$("#cap_list li").click(function(){ $.each($("#cap_list li"),function(i ,o){ $(o).removeClass("li_active"); }); $(this).addClass("li_active");}<...原创 2018-12-14 18:36:19 · 8593 阅读 · 0 评论 -
用fileReader ,ajax 上传图片并实时显示
function uploadimg(source){ var file = source.files[0]; if (file) { var reader = new FileReader(); reader.onload= function ( event ) { avatar = event.target.result...原创 2018-11-25 12:19:18 · 1179 阅读 · 0 评论 -
修改file="type"按钮样式的方法
转自 :https://blog.csdn.net/qq_32623363/article/details/80878408 1、重写一个新的样式 2、将默认样式设置display:none;,即设为不可见 3、在js里调用:当点击新样式的时候,调用这个input的点击事件这就完啦!!!何必还要多此一举将两个东西设为完全重合呢,写新样式就完全可以放飞自我啦下面附上简单的代码吧,我的...转载 2018-11-25 12:06:37 · 514 阅读 · 0 评论 -
js对table的动态操作
转自:https://www.cnblogs.com/snow1314/p/3618274.html一、js动态生成、删除tr在页面的操作中,我们往往会对table进行操作,例如增加一行,删除一行。查过好多资料,有好多方法。在具体实践中,我所涉及的需求是:通过对js方法add()传参数,然后把参数按照顺序分别具体的自动添加在所tr上,然后点击tr的“删除”button来出发moveTr...转载 2018-11-21 20:04:09 · 730 阅读 · 0 评论 -
js获取浏览器地址栏ip
//获取服务器ip地址var reg = /\d{1,3}\.\d{1,3}\.\d{1,3}\.\d{1,3}/;var ip = reg.exec(window.location.href)[0];console.log('服务器ip',ip);原创 2018-10-26 14:31:10 · 6930 阅读 · 0 评论 -
keydown / keyup / keypress 的区别(转)
虽然从字面理解, KeyDown是按下一个键的意思, 但实际上二者的根本区别是, 系统由KeyDown返回键盘的代码, 然后由TranslateMessage函数翻译成成字符, 由KeyPress返回字符值. 因此在KeyDown中返回的是键盘的代码, 而KeyPress返回的是ASCII字符. 所以根据你的目的, 如果只想读取字符, 用KeyPress, 如果想读各键的状态, 用KeyDown...转载 2019-01-23 18:50:47 · 992 阅读 · 0 评论 -
js执行顺序详解(转)
转自:http://www.admin10000.com/document/3752.htmlJavaScript是一种描述型脚本语言,它不同于java或C#等编译性语言,它不需要进行编译成中间语言,而是由浏览器进行动态地解析与执行。如果你不能理解javaScript语言的运行机制,或者简单地说,你不能掌握javascript的执行顺序,那你就犹如伯乐驾驭不了千里马,让千里马脱缰而出,四处乱窜...转载 2019-01-13 20:41:58 · 5056 阅读 · 0 评论 -
js遍历字典
for(var key in data){ html += '<option value="'+key+'">'+data[key]+'</option>';}原创 2019-01-09 16:09:14 · 22021 阅读 · 0 评论 -
html5 canvas视频放大
<div id='video_cap'> <canvas id="video-canvas01" style="width:70%;height:90%;" width="640" height="480"></canvas></div>视频流为640*480 , 控制canvas在浏览器内的大小 通过原创 2019-02-28 16:34:59 · 780 阅读 · 0 评论 -
h5 播放摄像头视频(转)
转自:https://blog.csdn.net/u011365831/article/details/781331651、页面HTML代码:<canvas id="video-canvas" style="width: 100%; height: 387px;"></canvas><script type="text/javascript" src="&am转载 2019-02-28 14:52:08 · 1465 阅读 · 0 评论 -
jQuery检查某个元素在页面上是否存在
转自:https://www.cnblogs.com/ww03/p/6004234.html 用jQuery检查某个元素在网页上是否存在时,应该根据获取元素的长度来判断,代码如下:if($("#tt").length > 0) { //元素存在时执行的代码} 具体原因如下: 在JavaScript中,我们在使用传统的getElementBy...转载 2019-02-12 20:10:32 · 1784 阅读 · 0 评论 -
js 让滚动条不跟着联动
document.onkeydown = function(e) { e = e || event; if (e.keyCode == 37) { return false; } if (e.keyCode == 38) { return false; } if (e.keyCode == 39) {...原创 2019-01-28 15:58:23 · 401 阅读 · 0 评论 -
layui 下拉框默认选中
$("#selectList").find("option[value="+camera_id+"]").prop("selected",true);form.render();原创 2019-01-28 15:55:49 · 20146 阅读 · 6 评论 -
layer loading...提示(转)
1、页面引用<link rel="stylesheet" href="../Js/layer/skin/layer.css" /><script type="text/javascript" src="../Js/layer/layer.js"></script>2、ajax请求中应用<script type=&quo转载 2019-02-01 17:29:15 · 8580 阅读 · 1 评论 -
layui和layer冲突问题(转)
之前在项目中只有用layer,但是后来有用到了layui,结果发现同时引入这两个东东 会出现冲突的问题导致代码运行不正常后来网上找到了解决办法:学习源头:http://fly.layui.com/jie/10143/官方文档:http://fuxiao.io/practice/docs/#/layui/layer/quickstart?id=layui-%e6%a8%a1%e5%9...转载 2019-01-21 13:57:22 · 2735 阅读 · 1 评论