随笔分类 -  JavaScript

细嚼JS闭包知识点及案例分析
摘要:闭包是js开发惯用的技巧,什么是闭包? 闭包指的是:能够访问另一个函数作用域的变量的函数。清晰的讲:闭包就是一个函数,这个函数能够访问其他函数的作用域中的变量。默认闭包的this指向windows。 1 function outer() { 2 var a = '变量1' 3 var inner = 阅读全文

posted @ 2020-09-30 10:57 码上wonderful 阅读(140) 评论(0) 推荐(0)

关于解决Chrome新版本中cookie跨域携带和samesite的问题处理 ——Ngnix篇
摘要:前言 闲的蛋疼瞎折腾。。通过Nginx保证全站HTTPS时小饼干的安全性 0.0 在 nginx 的 location 中配置 1 # 只支持 proxy 模式下设置,SameSite 不需要可删除,如果想更安全可以把 SameSite 设置为 Strict 2 proxy_cookie_path 阅读全文

posted @ 2020-09-25 10:58 码上wonderful 阅读(2809) 评论(0) 推荐(0)

websocket(一)封装使用
摘要:介绍 WebSocket用于在Web浏览器和服务器之间进行任意的双向数据传输的一种技术。WebSocket协议基于TCP协议实现,包含初始的握手过程,以及后续的多次数据帧双向传输过程。其目的是在WebSocket应用和WebSocket服务器进行频繁双向通信时,可以使服务器避免打开多个HTTP连接进 阅读全文

posted @ 2020-09-21 15:36 码上wonderful 阅读(1303) 评论(0) 推荐(0)

JS和jQuery将类数组对象转化成数组对象的几种方法
摘要:1. Array.prototype.slice.call(arrayLike) 数组的slice()方法可以从已有数组中返回一个新数组,它接受两个参数arr.slice(start,end),第一个参数规定从何处开始选取,第二个参数表示从何处选取结束(不包括),如果不传参将返回原数组的一个副本,但 阅读全文

posted @ 2020-09-21 15:17 码上wonderful 阅读(4104) 评论(0) 推荐(0)

JS判断值是否是数字
摘要:原文:https://blog.csdn.net/u012580998/article/details/70859770 1.使用isNaN()函数 isNaN()的缺点就在于 null、空格以及空串会被按照0来处理 NaN: Not a Number /** *判断是否是数字 * **/ func 阅读全文

posted @ 2020-08-20 14:29 码上wonderful 阅读(1155) 评论(0) 推荐(0)

Chrome 80及以上版本 中 Iframe 跨域 Cookie 的 Samesite 问题
摘要:新项目要嵌入之前的一个项目,而且该被嵌入项目之前提供给第三方使用,他们也是用的iframe。以前都是好的,但是现在发现要是iframe的地址和父级的地址不同源,项目登录时无法设置cookie。 一开始以为后端出问题了,后来换火狐、ie edge 都是可以的,并且其他人的Chrome也有可以用的。 并 阅读全文

posted @ 2020-08-18 09:25 码上wonderful 阅读(8009) 评论(0) 推荐(0)

前端实现图片上传预览并转换base64
摘要:前端实现文件的上传,就必须用到input标签,type属性为file。 在vue项目中通ref操作dom。input有一个属性accept,是必须要搭配type=file使用。 multiple可以上传多张,accept限制上传文件的类型,属性值有 audio(音频) video(视频) image 阅读全文

posted @ 2020-08-18 08:56 码上wonderful 阅读(2702) 评论(0) 推荐(0)