JavaScript
Lan_Lan99
远方虽然很远,但是一步步走就会到达的。
展开
-
vue使用sort实现json数据中字母排序
vue使用sort实现json数据中字母排序原创 2021-06-29 16:07:10 · 1677 阅读 · 0 评论 -
使用 diff-match-patch 写对比组件
使用 diff-match-patch 写对比组件,没有知识详情,只有代码。原创 2021-05-06 15:40:52 · 4277 阅读 · 5 评论 -
diff-match-patch对比使用
写一个代码比对工具,想跟git提交代码时一样,可以进行每一行的对比,比如单独行的增加、删除,以及每一行中有些单词的不同,使用的插件是 diff-match-patch原创 2021-05-06 15:30:26 · 4831 阅读 · 0 评论 -
微信小程序中传值方式的集合
微信小程序中传值的方式集合,自己根据自己的需求,选择传值方式。原创 2021-01-20 15:24:01 · 607 阅读 · 0 评论 -
js将全数字对象转换成数组
将全部是数字的对象转换成数组,例如:{3:7,8:10},转成["3",7],["8",7]代码如下(挺好用的):Object.entries({3:7,8:10})//0: (2) ["3", 7]//1: (2) ["8", 10]原创 2020-12-28 16:49:20 · 2516 阅读 · 0 评论 -
js实现:数组找到同一个数组中一个元素出现的下标以及连续的次数
例子描述:原数组[1,1,1,-1,0,0,0,1,1,1,1],想要的结果是:输入1,返回{0:3,7:4}(从第0个开始,出现了3个1;从第7个开始,出现了4个1);原创 2020-12-28 16:41:44 · 1700 阅读 · 0 评论 -
原生ajax跨域
第三方接口,https的,ajax访问不到;后来发现是因为少了cors,但是response竟然给我显示OK,还是200状态 ,访问成功。cors跨域请求需要下面的代码,需要在ajax中添加xhrFields: { withCredentials: true }, crossDomain: true,...原创 2020-11-06 10:41:58 · 194 阅读 · 0 评论 -
Window.localStorage
最近开发时候,使用到Window.localStorage,就顺便写一下使用方法:原理:localStorage存储的数据将存放在浏览器的会话中,存在localStorage的数据可以长期保留;与sessionStorage不同,sessionStorage当页面会话结束(当页面被关闭时),存储在sessionStorage的数据会被清除。注意:localStorage中的键值对总是以字符串的形式存储的,故需要存储键值对格式时需要进行转换:转成字符串JSON.stringify;转成对象JSON..原创 2020-11-04 09:55:32 · 633 阅读 · 0 评论 -
H5关闭微信内置浏览器和谷歌浏览器
H5中需要关闭浏览器,其中浏览器包括微信内置浏览器、谷歌、火狐、IE、苹果内置safari等。原创 2020-08-26 15:20:26 · 1340 阅读 · 0 评论 -
读取textarea里面的代码片段成为文本格式
界面上有个form表单,需要在texterea里面输入代码,提交之后在界面上展示相应的结果原创 2020-03-13 11:12:06 · 322 阅读 · 0 评论 -
vue中使用数据,却不修改原始数据(浅拷贝和深拷贝)
当你需要第一个对象的数据,并且想要合理修改和使用但是不想修改第一个对象的数据时,需要进行深拷贝原创 2020-03-13 10:38:10 · 1494 阅读 · 1 评论 -
js将1,2,3转换成周一、周二、周三(对象日期转换成字符串)
当后台返回的数据是数组格式的["1","3","5"],但是前台需要展示成周一、周三、周五的时候,可以直接使用。原创 2020-03-10 12:27:26 · 3011 阅读 · 2 评论 -
vue 中根据条件判断属性的添加和去除
vue 中根据条件判断属性的添加和去除原创 2019-06-27 10:51:44 · 8493 阅读 · 0 评论 -
网页下载文件时,设置content-type
网页下载文件时,设置content-type转载 2019-06-26 20:08:18 · 11029 阅读 · 0 评论 -
解决首次加载echarts折线图(柱状图)时,图不能正常展示问题
使用echarts的过程中出现了一个问题:首次加载出echarts时,折线图(柱状图)不能正常按照标准的宽进行展示,如下图所示:产生这个问题的原因是echarts在获取浏览器宽度时获取不准确造成的的问题,echarts没有准确获得浏览器的宽度,导致柱状图展示不正确、被压缩 ,其实主要是因为eacharts中将100%转换成成了100px,所以变成了100px,出现了上图的效果。想要解决上面...原创 2019-05-09 20:26:24 · 10086 阅读 · 6 评论 -
JQuery的父、子、兄弟节点查找
jQuery.parent(expr) //找父元素jQuery.parents(expr) //找到所有祖先元素,不限于父元素jQuery.children(expr) //查找所有子元素,只会找到直接的孩子节点,不会返回所有子孙jQuery.contents() //查找下面的所有内容,包括节点和文本。j...转载 2018-10-13 16:19:04 · 104 阅读 · 0 评论 -
根据数据占比使用canvas画圆弧
做项目的过程中,除了要显示正常的百分比,有的时候还会要求,按照这种比例进行展示,下面是效果图,接着上代码。 <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>动态半圆组成圆环</title> </head&原创 2018-10-13 16:18:16 · 512 阅读 · 0 评论 -
模板handelbars的使用(for、if、注册事件)
函数的引入、handelbars中if、for等各种方法的使用。 在处理数据时,自己使用原生JS或者是JQ都不是很好的方法,因为多少会影响数据的加载,如果数据较多时,还会直接影响到用户的体验,导致用户体验不佳。所以可以使用handelbars进行数据渲染,它底层对于数据已经做了处理,相对于我们自己使用原生JS或者JQ来说比较快一点,这里不说handelbars的底层,只是说当前的最常见用法,...原创 2018-04-10 23:01:25 · 748 阅读 · 0 评论 -
使用javascript怎么判断当前使用的浏览器的类型?
在开发过程中,各个浏览器有不同的兼容性,所以我们要进行浏览器的区分。使用过的,今天总结一下: 1、使用JS怎么判断当前使用的浏览器的类型?var isOpera = userAgent.indexOf("Opera") > -1; //判断是否Opera浏览器 var isFirefox = userAgent.indexOf("Firefox") > -1;//判断是否Fir...原创 2018-04-10 22:28:39 · 890 阅读 · 0 评论 -
使用jquery进行事件绑定,点击一次,发送两个请求,并且以后次数翻倍
出现的问题:使用jquery进行事件绑定,点击一次,执行两次点击事件,并且在不刷新页面的时候,点击第三次的时候会执行四次,并且以后次数会进行翻倍。问题的原因:用jquery绑定一个click事件,jquery中并不是替换原因的function,而是接着添加。解决此问题的方法:可以在添加点击事件之前,需要解除原有的click事件,然后再重新绑定:$("#btn").empty().unbind()。...原创 2018-02-23 23:48:31 · 3416 阅读 · 2 评论 -
关于JS中返回上一级
返回上一级,有两种情况,第一:刷新上一个页面;第二:不刷新上一个页面。首先是,刷新上一个页面,不保留上一个页面的任何操作;(1)<a href="JavaScript:history.go(-1)">返回上一级</a>;(2)使用require进行操作。代码如下:// returnLeve.js是返回上一级的js,// returnLeve是使用require进行封装的一个...原创 2018-02-23 23:19:27 · 12659 阅读 · 1 评论 -
jquery中的on事件的精髓,用八个字来总结
jquery中的on事件的精髓:事件冒泡和事件捕获。原创 2018-03-12 10:25:04 · 430 阅读 · 0 评论 -
css旋转、透明度兼容IE(书写水印,并且兼容Ie9 操作)
现在使用css3会比较方便实现一些功能,比如实现旋转、透明,但是这些个东西兼容IE是一件比较麻烦的事情。这次我通过filter实现了数据的旋转和半透明。顺便封装了一个兼容ie的水印,使用起来也会比较方便。下面是相应的代码和使用方法(有疑问欢迎随时提问):(1)JS代码define( ,function(){ /* * resultDiv 最外面的容器 ...原创 2018-05-03 23:00:20 · 2382 阅读 · 2 评论 -
使用JS中的Date()和单选框实现快速选择时间(当月、近三个月或其他)
在多个页面中都要实现快速选择时间时,比如:点击单选按钮“当月”,“近三个月”,"近半年","近一年"时,需要将时间进行更改,只需点击当前的单选框,就可以将时间框的时间变为需要的时间。如果只有页面使用的话,是可以直接写的,但是当多页面都需要时,封装成一个模块,无疑是比较方便快捷的。不需要在自己在每个函数中,这样会方便很多。1、封装的代码如下:(依赖于JQuery) define([],functio...原创 2018-04-22 09:18:06 · 2823 阅读 · 0 评论 -
原生JS创建div并添加属性和文本
直接上代码,下面是直接在和在html中写的(欢迎提出疑问):<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> </bo原创 2018-05-05 14:05:03 · 17616 阅读 · 0 评论 -
postMessage解决跨域、解决iframe跨窗口消息发送
1、子页面向主页面发送消息// str是一个对象,JSON.stringify是JS将一个数组或者是对象转换成一个JSON字符串;// 后面的*是传递给所有的窗口 window.parent.postMessage(JSON.stringify(str),"*"); // 上层父级页面接收消息window.addEventListener('message'...原创 2018-05-13 19:03:15 · 1062 阅读 · 0 评论 -
使用canvas画同心圆,并且设置颜色渐变
使用canvas画同心圆,并且设置颜色渐变。原创 2018-09-13 14:41:47 · 8816 阅读 · 1 评论 -
关于IE兼容性
这些个兼容性问题都是在工作中用到的,都是不断整理的。没有什么很大的逻辑。 1、两个inline-block标签不在同一行上显示问题描述:同一个页面中两个的inline-block标签不能在同一行上面显示,如下图:解决方法:给后面的标签添加vertical-align: middle;margin-top: 8px\9;效果图如下:;(1)其中vertical-align属性设置内容在元素框中...原创 2017-03-16 10:45:39 · 178 阅读 · 0 评论