![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
一闪一闪亮晶晶,漫天都是小星星
这个作者很懒,什么都没留下…
展开
-
js几种循环遍历比较
1.最原始的写法就是。翻译 2022-09-29 15:56:25 · 132 阅读 · 0 评论 -
Iterator遍历器
在上面的例子中,arr是一个数组,原生就有Itarator遍历器接口。部署在arr的Symbol.Iterator属性上面,所以调用这个属性就能得到遍历器对象。一种数据结构只要部署了Iterator接口,我们就称这种数据结构是可遍历的。只要某个数据结构部署了 Iterator 接口,就可以对它使用扩展运算符,将其转为数组。就是当前数据结构默认的遍历器生成函数。执行这个函数,就会返回一个遍历器。后面跟的是一个可遍历的结构,它会调用该结构的遍历器接口。属性,就可以认为是“可遍历的”(iterable)。翻译 2022-09-29 15:51:04 · 148 阅读 · 0 评论 -
时间戳显示为多少分钟前,多少天前的JS处理
方法名为dateDiff,支持一个参数timestamp,必须参数,本方法会自动补全为和JS侧支持的13位数值(因为后端返回时间戳可能只精确到秒)。翻译 2022-05-12 15:08:17 · 176 阅读 · 0 评论 -
时间戳转换成格式化日期JS
时间戳转换成格式化日期JS转载 2022-05-12 15:06:34 · 166 阅读 · 0 评论 -
消息滚动js实现
消息滚动转载 2021-12-16 11:27:00 · 307 阅读 · 0 评论 -
uniapp官方demo上的时间格式方法
function formatTime(time) { if (typeof time !== 'number' || time < 0) { return time } var hour = parseInt(time / 3600) time = time % 3600 var minute = parseInt(time / 60) time = time % 60 var second = time return ([hour, minute, second]).ma.原创 2021-09-24 10:14:12 · 249 阅读 · 0 评论 -
获取链接上的参数
getParams(url){ let str=url.split('?')[1]//?号后面的就是我们需要的name=quan&age=21&sex=1 let arr=str.split('&')//["name=quan", "age=21", "sex=1"] let obj={} for(let i=0;i<arr.length;i++){ let key=arr[i].split('=')//["name", "qu.原创 2021-09-13 15:51:41 · 80 阅读 · 0 评论 -
2021-07-14
json.parse解析内容含有转义字符解决方案json =》字符串 : const userInfoStr = escape(JSON.stringify(userInfo))字符串 =》json :JSON.parse(unescape(userInfoStr))原创 2021-07-14 15:12:17 · 48 阅读 · 0 评论 -
cookie
cookiecookie是在服务端返回数据的时候,通过Set-Cookie这个header设置到浏览器中保存。浏览器在保存这个cookie之后,那么下一次在同域的请求中,它就会带上这个cookie。通过这个我们就可以实现用户在这个会话的当中,我们就可以通过cookie来保证我们返回的数据是这个用户的特点:1、通过Set-Cookie设置2、下次请求会自动带上3、建值对,可以设置多个cookie属性:max-age 和 expires 设置过期时间,如果没有设置过期时.原创 2021-03-30 16:31:01 · 82 阅读 · 0 评论 -
事件委托
当元素是这样的ul>li>div>div>label 等等 li里面包含了很多元素需要在css中设置 li下的元素穿透即可原创 2020-08-04 17:33:02 · 90 阅读 · 0 评论 -
js计算精度解决方案
/** * 乘法运算 * @param num1 * @param num2 * @return arg1乘以arg2的精确结果 */ accMulti(num1,num2){ var m=0,s1=num1.toString(),s2=num2.toString(); try{m+=s1.sp...转载 2020-03-22 13:24:46 · 384 阅读 · 0 评论 -
web-storage-cache
参考地址:https://www.npmjs.com/package/web-storage-cacheWebStorageCache对HTML5localStorage和sessionStorage进行了扩展,添加了超时时间,序列化方法。可以直接存储json对象,同时可以非常简单的进行超时时间的设置。优化:WebStorageCache自动清除访问的过期数据,避免了过期数据的累积。另...原创 2020-03-02 22:28:06 · 1080 阅读 · 0 评论 -
var const let
var: var声明的变量可以在包含它的作用域之外访问let: 用let声明的变量,它的作用域在声明它的词法作用域或块作用域const 是let的一个增强,他能阻止对一个变量再次赋值。...原创 2020-02-20 14:31:14 · 86 阅读 · 0 评论 -
JS-SDK 七牛文件上传
通过javascript方式上传:1.后端人员会写一个接口返回给客户端所需的token、domain等信息2. 上传:上传数据为base64编码格式的数据。PS:注意!!这个地方有空格!!!上传的url!!!整体:上传返回的数据很简单,其中key与domain想组合就是图片上传之后的地址链接domian/key具体代码: ...原创 2019-10-15 16:38:43 · 416 阅读 · 0 评论 -
浏览器存储
浏览器存储 Cookie上面这张图,是cookie实际业务上最常用的一种业务场景。这种应用场景呢,就是用cookie给服务端传递相关信息,让服务端来分别当前进行请求的是哪个客户端。为什么要使用cookie来做这件事呢??实际上,cookie是1993年诞生的,它诞生的目的呢,就是通过cookie,我们来区分http请求它的客户端的情况。因为对于http请求来说,它本身是无...原创 2019-02-11 10:19:35 · 387 阅读 · 0 评论 -
图片优化
图片素材优化1.1 Png8、png24、png32的区别图片文件大小对比:Png8<png24<png32图片颜色丰富度:Png8<png24<png32在线压缩网站:https://tinypng.com/智图:https://zhitu.isux.us/1.2 不同格式图片的区别:...原创 2019-02-11 10:20:17 · 265 阅读 · 0 评论 -
30分钟倒计时效果
直接上代码://倒计时countDown(TIME){ let timeHander = setInterval(()=>{ TIME--; // 计算分钟数 let minute:any = Math.floor(this.utils.accDiv(TIME,60)); minute = minute < 10 ? '0' + minute...原创 2019-02-18 14:10:18 · 1532 阅读 · 0 评论 -
手机淘宝——flexible.js 移动端自适应方案
一,flexible.js 的使用方式:github地址:https://github.com/amfe/lib-flexible官方文档地址:https://github.com/amfe/article/issues/17本文中有部分内容引至上面这个文档。(一),引用方式1,引用cdn地址<script src="http://g.tbcdn.cn/mtb/lib-...转载 2019-02-28 14:50:20 · 22261 阅读 · 0 评论 -
javascript 中设置href跳转无效问题解决办法
参考文档:https://www.jb51.net/article/105082.htm问题情况JS中设置window.location.href跳转无效代码如下:<script type="text/javascript"> function checkUser() { if(2!=1){ window.location.href="lo...转载 2019-02-13 17:45:43 · 4179 阅读 · 1 评论 -
本地H5页面保存不了cookie问题
转载 2019-02-14 14:20:44 · 1652 阅读 · 0 评论 -
cookie存取和删除
存:function setCookie(name,value ,Days=1){//Days默认为一天,可自行var exp = new Date();exp.setTime(exp.getTime() + Days*24*60*60*1000);document.cookie = name + "="+ escape (value) + ";expires=" + ex...原创 2019-02-14 14:26:49 · 165 阅读 · 0 评论 -
HTTP 协议
HTTP协议:1、HTTP协议的主要特点:2、HTTP报文的组成部分3、HTTP方法4、POST和GET的区别5、HTTP状态吗6、什么事持久连接7、什么事管线化1、HTTP协议的主要特点:简单快速、灵活、无连接、无状态简单快速: 想访问哪个资源,输入uri的路径即可灵活:每个http协议都有一个header,header里有很多key/value...原创 2019-03-04 21:48:12 · 170 阅读 · 0 评论 -
DOM事件
DOM需知晓的几个点:1.DOM事件的基本概念:DOM事件的级别2.DOM事件模型:指的就是捕获和冒泡3.DOM事件流4.DOM事件捕获的具体流程5.Event对象的常见应用6.自定义事件1.事件级别:DOM标准定义的级别:DOM0: DOM0 跟事件相关的一个标准就是: js写法: element.onclick = function...原创 2019-03-04 21:04:26 · 2655 阅读 · 0 评论 -
es5 和 es6 的部分语法区别
1.变量1.1es5 定义变量可以重复定义var count = 1;var count = 0; 酱紫1.2es6的不可以重复定义变量,会报错。let: 防止重复声明,它是个变量,const :防止重复声明,它是个常量,不能修改let count = 1;let count = 0;报错:变量count已经被定义了2 块级作用域2....原创 2019-03-18 11:34:56 · 416 阅读 · 0 评论 -
instanceof
每个函数都有一个prototype的属性其中,函数中自带的prototype属性中包含 constructor方法 和 _proto_ 属性由图可知: 声明了一个ccc的函数 然后new了一个叫bo的函数 bo函数中的constructor方法 =》(指向)ccc函数本身 bo 函数中的 _proto_ 属性 =》(指向)ccc函数的protot...原创 2019-04-18 14:08:30 · 106 阅读 · 0 评论 -
对象创建
创建对象的几种方式1.通过字面量方式创建:(1)、var o1 = {name:"john"};(2)、var o2 = new Object({name:"john"});2.通过构造函数创建function M(name){ this.name = name;}var o3 = new M("jane");3. 通过Object.create...原创 2019-04-18 15:36:25 · 111 阅读 · 0 评论 -
pc端跳转返回上一个页面
如图:首页为 域名+/index.html如果点击跳转进入了下一个页面如:登录页在跳转的时候,后面加上一个redirect的参数。redirect这个参数指向上一个页面的路径这时,进入了登录页,登录页的url:后面的redirect 就是上一个页面的url(localhost:2000/index.html)点击登录页跳转到上一个页面,就是用下面...原创 2019-05-07 11:33:39 · 2073 阅读 · 0 评论 -
将具有父子关系的数组转化为三级树形结构的数组
//导航数据整理成三级架构 navsDataRecombine(data){ var navList = {}; if(_util.isArray(data)){ // 一级 navList.parent = data.filter(item=>item.levelcode=="1"); ...原创 2019-05-16 15:43:02 · 610 阅读 · 0 评论 -
分页插件——simplepagination
转载地址:https://www.cnblogs.com/maomaoroc/p/3507910.html一、下载地址https://github.com/flaviusmatis/simplePagination.js二、使用方法 2.1:导入Jquery和Jquery.simplePagination <script type="text/javascr...转载 2019-05-27 11:42:00 · 1034 阅读 · 0 评论 -
缓存
缓存: 要建立一种自动化的,基于客户端和浏览器端协商的的这么一种缓存机制。这种缓存机制呢就是以 http header来进行一个传输的。 通过http header 上的一些属性呢,能够去配置这样的一个缓存策略。这也是我们客户端和浏览器端通讯的一种方式。用过http header来传递信息。 控制缓存策略的http header:一、Cache-con...原创 2019-02-11 10:18:45 · 141 阅读 · 0 评论