Web
hangGe0111
这个作者很懒,什么都没留下…
展开
-
HTTP错误状态码
一、常见状态码200:正确的请求返回正确的结果,如果不想细分正确的请求结果都可以直接返回200。 201:表示资源被正确的创建。比如说,我们 POST 用户名、密码正确创建了一个用户就可以返回 201。 202:请求是正确的,但是结果正在处理中,这时候客户端可以通过轮询等机制继续请求。 203:请求的代理服务器修改了源服务器返回的 200 中的内容,我们通过代理服务器向服务器 A 请求用户信息,服务器 A 正常响应,但代理服务器命中了缓存并返回了自己的缓存内容,这时候它返回 203 告诉我们这部分转载 2021-04-28 21:38:39 · 1190 阅读 · 0 评论 -
elementUI键盘回车键触发搜索,el-form阻止页面刷新
键盘enter提交输入内容<el-form :model="test" size="mini" label-width=“70px” @submit.native.prevent><el-input v-model="account" placeholder="请输入搜索内容" @keyup.enter.native="search()"></el-input></el-form>须给el-form添加@submit.native.prevent原创 2021-03-10 21:54:34 · 555 阅读 · 0 评论 -
[Intervention] Unable to preventDefault inside passive event listener due to target being treated as
1.滑动时候警告[Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive2.现象:3.解决方案解决办法1:在touch的事件监听方法上绑定第三个参数{ passive: false },通过传递 passive 为 false 来明确告诉浏览器:事件处理程序调用 preventDefault 来阻止默认滑动行为。ele转载 2020-11-11 14:57:47 · 6207 阅读 · 0 评论 -
移动端适配
1.https://blog.csdn.net/chi1130/article/details/828444892.https://www.cnblogs.com/liangxuru/p/6970629.html3.https://blog.csdn.net/im_dogg/article/details/84369286转载 2020-11-05 17:10:14 · 123 阅读 · 0 评论 -
js判断当前浏览器是否被浏览 document[hiddenProperty]
1.背景: 做房产咨询时,在B客服端如果收到客户发过来消息,浏览器不在当前浏览窗口,在标题栏提示B端客服收到新消息消息,方便B端客服及时回复新消息。2.实现思路: 判断B端是否浏览当前页,改变浏览器title值,通过计时器改变title,做出来的效果有点像动画的赶脚。(此处的else部分应该写在收到信息时执行,收到消息判断不在当前页,则改变title)3.代码实现<html> <head> <meta charset="UTF-8">...原创 2020-08-11 13:35:10 · 678 阅读 · 0 评论 -
HTML5 桌面通知 new Notification
1.背景:房产咨询,用户和房博士聊天,当发送聊天消息时,需要做收到消息通知,最后查到HTML5新增的 Notification API的通知功能。即使将浏览器窗口最小化,依然会收到消息通知。2.通知权限: 2.1 首先需要 看浏览器是否支持 Notification ,支持才有下文,否则就此止步; 2.2 通过 Notification.permission 检测用户是否允许通知:// Notification.permission === 'granted' 用户允许// ...原创 2020-08-11 10:40:22 · 2342 阅读 · 0 评论 -
swiper.js制作酷炫轮播图
1.html<html lang="en"> <head> <meta charset="utf-8"> <title>swiper制作酷炫轮播图</title> <link rel="stylesheet" href="http://www.jq22.com/demo/swiperlbt20181023004...原创 2020-04-10 14:00:09 · 1432 阅读 · 0 评论 -
js判断时间是否为当天(今天是今天)
场景:在某些时候,某些项目需要做发送默认消息,默认消息一天只发送一次,当天时间为当天零点到当天的二十三时五十九分五十九秒,然后当时间切换到第二天时,只要用户是第二天第一打开就发送默认消息,如果之后再次打开,就不发送了。思路:获取当前进入该窗口的时间转换为当时的时间存于缓存中,以后每次进入该页面,获取进入的时间和缓存时间进行对比,如果相同则不发送默认消息,如果不同则把缓存中的时间更新为当前进入的...原创 2019-12-24 15:38:03 · 11838 阅读 · 1 评论 -
滑块验证码,图片滑块验证码(兼容pc和H5)
背景:登录部分以前用的是那种需要手动输入的验证码方式,现在好多同行都改成了滑块,或者图片滑块验证码的方式(咱们也需要与时俱进,不能落后与竞争对手哈)。对于触屏(也就是H5页面)的网站,可以在pc端打开,然后再在控制台切换为手机模式,所以这个效果需要兼容pc和触屏两端。原理比较简单,pc无非通过鼠标的mouse事件,触屏通过手指的touch事件,然后就是随机截取图片的一个小块,通过拖拽,对比拖拽小块...原创 2019-12-03 17:22:41 · 4822 阅读 · 1 评论 -
js 模拟今日头条导航栏(触屏)
1.jq 方式1.1 代码<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=...转载 2019-04-04 15:49:43 · 1408 阅读 · 0 评论 -
js 弹幕 实现
1.https://blog.csdn.net/natural_live/article/details/765715972.http://www.cnblogs.com/wenruo/p/9566612.html3.https://github.com/K-walker/dm4.https://blog.csdn.net/qq_32849999/article/detai...原创 2019-03-28 16:10:49 · 453 阅读 · 0 评论 -
一些常见HTTP请求错误码
HTTP状态码:400\500错误代码一些常见的状态码为:200 - 服务器成功返回网页404 - 请求的网页不存在503 - 服务不可用详细分解:1xx(临时响应)表示临时响应并需要请求者继续执行操作的状态代码。代码说明100(继续) 请求者应当继续提出请求。 服务器返回此代码表示已收到请求的第一部分,正在等待其余部分。101(切换协议) 请求者已要求...转载 2019-03-28 16:09:47 · 2521 阅读 · 0 评论 -
js上拉加载更多
jq方法方法一:var page = 1, //分页码 off_on = false, //分页开关(滚动加载方法 1 中用的) timers = null; //定时器(滚动加载方法 2 中用的)//加载数据var LoadingDataFn = function() { var dom = ''; for (var i = 0; i < 2...转载 2019-03-28 16:09:29 · 294 阅读 · 0 评论 -
原生 js 实现点击按钮复制文本
最近遇到一个需求,需要点击按钮,复制 <p> 标签中的文本到剪切板之前做过复制输入框的内容,原以为差不多,结果发现根本行不通尝试了各种办法,最后使了个障眼法,实现了下面的效果一、原理分析浏览器提供了 copy 命令 ,可以复制选中的内容document.execCommand("copy")如果是输入框,可以通过select()方法,选中输入框的文本,...转载 2019-05-27 16:46:04 · 572 阅读 · 0 评论 -
HTTP
转载地址:https://www.cnblogs.com/ranyonsue/p/5984001.htmlHTTP简介HTTP协议是Hyper Text Transfer Protocol(超文本传输协议)的缩写,是用于从万维网(WWW:World Wide Web )服务器传输超文本到本地浏览器的传送协议。HTTP是一个基于TCP/IP通信协议来传递数据(HTML 文件, 图片文件,...转载 2019-02-28 13:58:13 · 328 阅读 · 0 评论 -
js跳出循环的方法区别(break,continue,return)
跟许多多态语言一样,js也有break,continue,return面向对象编程语法中我们会碰到break ,continue, return这三个常用的关键字,那么关于这三个关键字的使用具体的操作是什么呢?我们在使用这三关键字的时候需要注意和需要理解的规则是什么呢?让我们开始介绍吧:js编程语法之break语句:break语句会使运行的程序立刻退出包含在最内层的循环或者退出一个s...转载 2019-04-30 16:26:55 · 748 阅读 · 0 评论 -
图片加载完执行函数,图片加载进度
1.代码<!DOCTYPE html><html> <head lang="en"> <meta charset="UTF-8"> <!-- 强制让文档的宽度与设备的宽度保持1:1,并且文档最大的宽度比例是1.0,且不允许用户点击屏幕放大浏览 --> <meta name="viewport" content=...原创 2019-05-07 16:51:18 · 113 阅读 · 0 评论 -
js事件监听:addEventListener() 与 移除事件:removeEventListener()
说事件绑定得先说事件流事件流冒泡型事件流:事件的传播是从最特定的事件目标到最不特定的事件目标。即从DOM树的叶子到根。【推荐】捕获型事件流:事件的传播是从最不特定的事件目标到最特定的事件目标。即从DOM树的根到叶子。DOM标准采用捕获+冒泡。两种事件流都会触发DOM的所有对象,从document对象开始,也在document对象结束。来个例子看一下吧!<!DOCTYP...转载 2019-05-22 17:39:34 · 3873 阅读 · 0 评论 -
js触屏端拖拽实现
1.整理1.1代码<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> var design_width = 750; if(/A...转载 2019-05-22 17:39:20 · 389 阅读 · 0 评论 -
自定义alert弹框,title不显示域名
问题: 系统默认的alert弹框的title会默认显示网页域名解决办法:(修改弹框样式)(function() {window.alert = function(name) {$(".tip").css("display", "block")$(".tip .content").html(name)}})()调用:alert(name)在页面中添加弹框元素,自定义其...转载 2019-05-27 16:46:40 · 11544 阅读 · 2 评论 -
安卓部分手机reload()失效问题
1.在移动wap中,经常会使用window.location.reload()去刷新页面,这个方法在绝大多数浏览器中都不会存在问题,但早上测试的同学提出了一个bug:在安卓某个测试手机(OPPO)的微信自带浏览器中,这个是失效的,并没有跳转;原来的代码:window.location.reload();然后我测试了一下给URL加时间戳window.location.reload...转载 2019-06-13 17:13:20 · 2366 阅读 · 0 评论 -
正则(输入框 input 限制,整数,表情,保留两位小数,type=number时maxlength不起作用,身份证和姓名加密),小程序替换<br>为可换行
1.输入纯数字var detail = e.detail.value;var detail1 = '';if (detail) { detail1 = detail.replace(/[^\d]/g, '');}2.输入正整数var detail = e.detail.value;var detail1 = '';if (detail) { detail1 = det...转载 2019-07-18 18:23:26 · 912 阅读 · 0 评论 -
js页面跳转,刷新,后退小记
1.跳转 (1)window.location.href='http://www.baidu.com' ①就是普通的页面跳转,可以省略window前缀; ②和a链接跳转一样; (2)window.location.replace('http://www.baidu.com') 该方法不会在 History 对象中生成一个...原创 2018-06-27 15:58:52 · 301 阅读 · 0 评论 -
css伪类和伪元素的区别
转载:https://www.jianshu.com/p/996d021bced3伪类和伪元素,对于绝大多数同学来说,都是耳熟能详的名字,但确实又有很多人搞不清楚它们之间的区别,以致于混淆概念。而当概念都混淆的时候,也往往意味着你不会经常使用它,怕出错,怕用不好。而这也会大大影响你的效率,本来几行代码就可以完成的工作,却要写上一大堆......所以,花点时间理清楚每一个看似微小的概念,会让我们...转载 2019-02-28 13:57:57 · 500 阅读 · 0 评论 -
雪碧图/精灵图使用教程(CSS Sprites)
1.对于网页中的一些小的icon,我们可以通过字体图标来展示,但有些特殊的小图标是自己公司的设计小姐姐制作的,我们就需要使用这些小图标,但如果每个小图标都当做一个图片,就会每次都请求一遍,一去一回(向发送请求和接收到请求)每张图片都需要这个时间,如果将一些小的图标组装成一个图片,则只需要向服务器发送一次请求,只会消耗一次的时长,减小链接时长的消耗;2.例如(这样的小图标)3.当然了,这...原创 2019-02-28 13:57:44 · 1037 阅读 · 0 评论 -
textarea,input的input,propertychange事件兼容
1.html<!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html" charset="utf-8"> <title>input的input事件兼容</title>原创 2019-01-25 16:23:53 · 1356 阅读 · 0 评论 -
localStorage、sessionStorage、Cookie用法小记
1.webStorage(本地存储,客户端(浏览器存储)) (1) localStorage:生命周期永久(除非自己清除),大小为5M; (2) sessionStorage:仅当前会话有效(浏览器关闭或网页关闭就自动清除),大小为5M; (3) 兼容 ①桌面浏览器 ② 移动端(4)用法 localStorage、sessionStorage有相同的API调用 ...原创 2018-06-28 14:17:50 · 219 阅读 · 0 评论 -
下拉选择 select-option ; select-optgroup-option的使用
<!--1.普通的select框--> <select class="form-control" v-model="selectVal"> <option value="0">请选择</option> <option value="一级菜单A">一级菜原创 2018-06-28 13:06:22 · 3382 阅读 · 0 评论 -
input的type=[checkbox]全选取消全选,新生成元素点击事件
1.HTML<table class="table"> <tr class="tr"> <td colspan="2"> <span> <input type="checkbox" class="check_total"/>全选 </span原创 2018-06-27 17:05:47 · 802 阅读 · 0 评论 -
js获取页面跳转带过来的路径参数
1.获取函数封装//获取参数封装function GetPar(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); var r = window.location.search.substr(1).match(reg); if(r != null) return decodeURICo...原创 2018-06-27 16:06:44 · 4748 阅读 · 0 评论 -
js中window.parent和window.top
1.在使用iframe时,parent是父集窗口,top是顶级窗口;2.当自己是顶级窗口: (1)则top返回的是自身; (2)则parent: ①当顶级窗口外没有框架时,是自身; ②当顶级窗口外还有框架,则还有父集。...原创 2018-06-27 15:19:34 · 1918 阅读 · 0 评论 -
jq获取验证码倒计时60s
1.html部分<input type="button" id="zh_get" value="获取验证码" />2.js部分(需要引入jq)var countdown=60;$("#zh_get").on("click",function(){ settime($(this));});//计时器函数function settime(obj) { if(原创 2018-06-27 14:26:02 · 556 阅读 · 0 评论 -
HTML里的a链接download 属性浏览器js点击下载图片
1.<a>download下载图片具有兼容性所以需做兼容处理,使其兼容IE,就比较完美了。2.最近有这方面的需求,从网上看了一些资料,拿过来不能直接使用,把他们整合了一下,作为笔记,方便自己以后使用,现在IE,Firefox,Chrome都可以用了。3.代码如下:(1)HTML部分<div id="down"> <a id="downLoad">Click M...原创 2018-06-19 17:50:40 · 6777 阅读 · 0 评论 -
js时间格式化,时间戳转为需要时间格式
1.js(简化版)function fmttime(value) { var date = new Date(parseInt(value * 1000)); var tt = [date.getFullYear(), ((date.getMonth()+1)<10?'0'+(date.getMonth()+1):date.getMonth()+1), (date.getDate...原创 2018-06-22 11:29:26 · 244 阅读 · 0 评论 -
js正则密码种类(数字,大写字母,小写字母任意一种或两种组合)及长度检测
//检测密码 function checkPass(pass){ if(pass.length < 8){ return 0; } var ls = 0; if(pass.match(/([a-z])+/)){ ls++; } if(pass.match(/([0-9])+/)){ ls++; } if(pass.match(/([A-Z])+/)){ l...原创 2018-06-22 11:23:38 · 1487 阅读 · 0 评论 -
input的onchange,onpropertychange,oninput事件 区别 及兼容各个浏览器使用方法
HTML部分 <input type="text" id="keyword"/>1.onchange事件 (1)使用方法: $("#keyword").on("change",function(){ console.log($("#keyword").val()) }); (2)注意: ①输入完成后必须失去焦点才会触发,不失焦则不会触原创 2018-06-28 16:18:33 · 1967 阅读 · 0 评论 -
登录,退出
1.登录①调用登录接口传入用户名和密码;②服务器验证返回code成功则将sessionkey存入缓存,将用户名也存入缓存中。(如果有需要登录那时刻的时间,也可将那个时刻的时间存入缓存中);③如果有忘记密码,找回密码操作,最好给接口中添加sessionkey验证(前台肯定做在一个页面中,通过控制显示隐藏实现,接口请求添加sessionkey会比不添加会安全点);④当登录成功先存缓存再跳转,...原创 2019-01-21 15:15:29 · 129 阅读 · 0 评论 -
img的onerror事件
1.在图片不存在或者网络状态不好的情况下,会存在图片加载不过来,用户体验很差:2.解决方法: (1)统一设置一个背景图img{ display: block; width: 100px; height:100px; background: url('images/Wechat.png') no-repeat 0 0; background-size: 100% ...原创 2018-06-29 10:08:40 · 6334 阅读 · 2 评论 -
JQ查看大图插件viewer.js
1.简单使用<!DOCTYPE html><html> <head> <head> <meta http-equiv="Content-Type" content="text/html" charset="utf-8"> <title>大图</ti原创 2019-01-25 16:24:11 · 1201 阅读 · 0 评论 -
用画布画图,再长按保存图片
1.代码/**网页不会成为图片保存**//**长按保存图片,只有img引入的src才有长按手机出现保存图片或者扫描二维码**//**(例如在手机的扫码图片不能为background-image引入资源而必须为img通过src引入)**//**所以对于网页不能保存图片,但是canvas可以通过canvas。toDataURL("image/jepg",0.8)转为base64,**...原创 2018-08-23 16:23:07 · 132 阅读 · 0 评论