javascript
文章平均质量分 64
好大的月亮
一只奔跑的菜鸡
展开
-
html访问图片资源403问题(http referrer)
现象之前碰到一个问题,就是html中通过img标签引入一个图片地址,报403。但是这个图片地址直接复制出来在地址栏打开,却是看得到的。先说下解决方法: 在HTML代码的head中添加一句 <meta name="referrer" content="no-referrer" /> 即可,后面再说下原理。上面403的情况还有另一种解决方法就是,请求的图片地址换成http协议,自己的地址使用http协议,这样降级请求也不会带上referrerhttp请求中的referrerhtt转载 2021-03-05 17:43:16 · 741 阅读 · 1 评论 -
根据经纬度在layui弹出层中显示百度地图
先上效果图实现js代码首选要引入layui,这个大家可以到layui官网看看怎么引入layer附上layui官网urlhttps://www.layui.com/doc/注意:这里要提示一点content中内容里的div一定要给一个宽高,不然地图是加载不出来的return layer.open({ type: 1, title: false, closeBtn: false, area: '500px',原创 2020-12-22 11:54:13 · 1151 阅读 · 1 评论 -
js筛选数组中的元素;js将元素插入第一个位置;js数组寻找下标findIndex;js的splice方法用于添加或删除数组中的元素
js筛选数组中的元素demo中就是将不等于1的元素筛选出来,返回一个新的数组//将数组中为1的数据删除生成新数组let simpleArr = list.filter((item, i) => { return item != 1;})js将元素插入第一个位置,类似进栈/出栈你不仅可以 shift(移出)数组中的第一个元素,你也可以 unshift(移入)一个元素到数组的头部。.unshift() 函数用起来就像 .push() 函数一样, 但不是在数组的末尾添加元素,而是在数组的头原创 2020-12-17 11:49:16 · 2114 阅读 · 0 评论 -
js阻止冒泡;阻止JS事件穿透
js阻止冒泡;阻止JS事件穿透js阻止冒泡<html><title></title><head> <meta charset="utf-8"> <style type="text/css"> .divone{width:100px;height:100px;background:black;position: relative;cursor: pointer} .divchild{原创 2020-12-15 01:00:12 · 1032 阅读 · 3 评论 -
html之flex伸缩盒子
flex伸缩盒子利用flex伸缩盒子可以把父级下的div的换行去掉,排列在一行中demo来自微信小程序先将父级div定义成伸缩盒子,然后子级每份占据1份父类空间原创 2020-12-15 01:00:49 · 356 阅读 · 0 评论 -
js判断对象是否有该属性;js从数组中的对象取出特定字段并生成新的数组;js获取table表格中的数据,js让table中的单元格变色,阻止JS事件穿透
hasOwnProperty判断对象是否有该属性类似java中List.contain(‘xxx’)var obj = { xxx: xxx}if(obj.hasOwnProperty('xxx')){ //返回true/false console.log('有这个属性')}js从数组中的对象取出特定字段并生成新的数组var arr = [ { 'id': '1', 'name': 'img1', 'imgUrl': './img1.jpg', },原创 2020-11-27 17:24:40 · 463 阅读 · 0 评论 -
jquery利用动态创建form表单下载文件,以及利用ajax先在后台生成文件之后回调自动触发a标签点击事件下载文件,导出excel
提交表单下载excel$('#exportExcel .layui-btn').on('click', function(){ var form = $('<form>'); form.attr('style','display:none'); form.attr('target',''); form.attr('method','post'); form.attr('action','/layui/downExcel') var inputC原创 2020-09-24 00:24:31 · 1702 阅读 · 0 评论 -
ajax请求成功但是还是进了error的回调方法的原因分析
当后端返回成功但是这里还是进error回调情况ajax请求例子$.ajax({ type:"POST", dataType:"json", contentType:"application/json", url: "/layui/testArray", data: JSON.stringify([11,22,33,44,55,66]), success: function (res) {原创 2020-07-31 00:13:57 · 1694 阅读 · 0 评论 -
websocket简介,nodejs做服务端的websocket,用nodejs实现websocket和socket_io整合的server端与client端
websocket传统的http请求只能是前端发起,后端响应但是websocket则是前端和后端都可以主动发送消息给另一方其本质是tcp连接,并且链接建立之后如果前后端都不去断开则可以一直存在http://www.websocket.org/前端使用js实现一个websocket小demows://echo.websocket.org/是官方的一个地址,你发送什么就返回什么<...原创 2020-05-13 16:38:26 · 3924 阅读 · 1 评论 -
js使用parseInt和toString进行进制转换;js向对象里添加属性
String类型的其他进制转换成十进制语法parseInt(string, radix)参数 描述string 必需。要被解析的字符串。radix 可选。表示要解析的数字的基数。该值介于 2 ~ 36 之间。如果省略该参数或其值为 0,则数字将以 10 为基础来解析。如果它以 “0x” 或 “0X” 开头,将以 16 为基数。如果该参数小于 2 或者大于 36,则 parseInt() 将返回 NaN。例:把二进制 1010101010转换为十进制。var num = 10101010;原创 2020-05-08 20:49:04 · 587 阅读 · 0 评论 -
在js中获取当前打开的窗口的ip地址
window.location.host原创 2020-04-28 17:39:57 · 1796 阅读 · 0 评论 -
js正则表达式略解,正则判断汉字、正数、英文的格式
https://regexper.com/#这个网站可以形象的把正则表达式以图形的形式展现出来先来一波正则简介平时我们在sql语句中的 * 其实就是正则表达式还有linux中查找文件 find ./ -name *.txt 也是正则表达式简单的以数字开头/d后面可以跟 * , + , ? , . 分别是任意次数,一次或多次,0或1次,任意字符转义字符和...原创 2020-04-18 18:50:19 · 1792 阅读 · 0 评论