![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
mingjuna2010
做一个寡言,却心有一片海的人。
展开
-
将图片url转换为base64与file对象
通常,在做图片上传的时候,一般以file对象的形式传递。后端将图片上传服务器之后,当前端再次请求数据,拿到的图片为http开头的url。通过此url一般能满足页面展示的需求,如果需要再将此图片传送给后端,也能满足。但在图片在编辑更换后再次传送,且后端需要file对象接收时,单纯的url将不能满足需求,则需要将url地址转换为file对象。html部分<div style="width:400px;height:400px;background: #ccc;margin: 0 auto;margin转载 2021-01-25 17:51:39 · 1789 阅读 · 0 评论 -
去重的几个方法以及随机数的运用
去重的几个方法: var arr = [2, 3, 4, 4, 5, 2, 3, 9]; var arr2 = arr.filter(function (element, index, self) { return self.indexOf(element) === index; });var arr = [2,3,4,4,5,2,3,6];var arr2 = [];for(var i = 0;i< arr.length;i++){ if(arr2.indexOf原创 2021-01-22 10:09:22 · 108 阅读 · 0 评论 -
javascript的call、callee、caller的理解解析
function test1 () { return 1;}function test2 (arg) { console.log(arg); return arg;}类型不同call属于方法call的使用是为了改变函数内部的环境变量的值,也就是this的指向,使用方式是functionName.call(env,arg…)注意和bind的差别,参数必须逐个列出,不能以数组的形式传入callee和caller都是属于值callee和caller返回的都是值的类型,只不过值都是Fu转载 2020-11-16 18:51:40 · 372 阅读 · 0 评论 -
javascript中apply、call和bind的区别
在JS中,这三者都是用来改变函数的this对象的指向的,他们有什么样的区别呢。在说区别之前还是先总结一下三者的相似之处:1、都是用来改变函数的this对象的指向的。2、第一个参数都是this要指向的对象。3、都可以利用后续参数传参。那么他们的区别在哪里的,先看一个例子。 var xw = { name : "小王", gender : "男", age :转载 2020-11-16 18:33:40 · 150 阅读 · 0 评论 -
新闻公告文字横向滚动
主要思路:居中实现方式:获取span文字所占的宽度后,然后将span文字设置margin-left的值,margin-left使用(所在容器的宽度 - span文字的宽度)/ 2 ;margin-left的值 + span文字的宽度 <= 0时表明这个公告已经滚出这个所在容器了;下面图片帮助理解:下面是组件代码:<template> <div style="text-align: center!important;width: 100%;border-radiu原创 2020-11-15 14:59:00 · 370 阅读 · 0 评论 -
javascript相关知识点梳理
对象的分类:原型prototype理解构造函数理解及执行流程垃圾回收理解对象的两个方法call()和apply理解函数作用域理解this理解原创 2020-11-15 14:17:13 · 178 阅读 · 0 评论 -
JS数据结构-Set集合,创建Set,常用Set方法
Set ES6 提供了新的数据结构 Set。它类似于数组,但是成员的值都是唯一的,没有重复的值。 很多时候我们把Set叫做 集合,但是,Set可以是集合,集合不一定是Set。 特性:唯一性=>不重复=>能够对数据进行去重操作。 注:集合去重,是全等匹配,===。创建Set Set 本身是一个构造函数,调用构造函数用来生成 Set 数据结构。 关键词 标识符 = new Set(); 例 let i = new Set(); Set 函数可以接受一个数组转载 2020-06-24 13:48:58 · 8500 阅读 · 0 评论 -
微信小程序未来七天日期处理(日期+星期)
// 处理未来七天的函数 dealTime: function (num) { // num:未来天数 var time = new Date() // 获取当前时间日期 var date = new Date(time.setDate(time.getDate() + num)).getDate() //这里先获取日期,在按需求设置日期,最后获取需要的...原创 2020-01-13 15:40:12 · 2478 阅读 · 0 评论 -
微信小程序授权问题
// 查看是否授权 getUserInfo() { let _this = this wx.getSetting({ success: (res) => { if (res.authSetting['scope.userInfo']) { wx.getUserInfo({ success: func...原创 2020-01-13 15:38:06 · 254 阅读 · 0 评论 -
小程序图片滤镜效果
① css样式添加该样式,使图片加上灰色“滤镜”效果:filter: grayscale(1) !important;② 你所谓的阴影效果:filter: drop-shadow(2px 2px 3px #999);③ setData数组的某一个下标的值“let exe = `executionTimes[4].executionTime` this....原创 2020-01-13 15:35:11 · 1298 阅读 · 0 评论 -
微信小程序页面总高度和设备高度比较
getHeight(){ this.setData({ detailsInfoHeight:null, allHeight:null, overHeight:true, },()=>{ if(this.data.detailsInfoHeight == null && this.data.allHeight == null &...原创 2020-01-13 15:26:45 · 1953 阅读 · 0 评论 -
js对象和jquery对象相互转换
js对象转化为jquery对象方法:只需要用$()把DOM对象包起来,就能获取一个jquery对象示例:var dom=document.getElementById('dom');//js对象var dom=$(dom);//jquery对象转换后就可以使用jquery的方法了jquery对象转为js对象(两种方法:[index]和get(index))法一:jquery对象是一...原创 2018-11-17 14:31:35 · 131 阅读 · 0 评论 -
JavaScript的跨域问题
三种方法实现js跨域访问javascript跨域访问是web开发者经常遇到的问题,什么是跨域,一个域上加载的脚本获取或操作另一个域上的文档属性,下面将列出三种实现javascript跨域方法:1.基于iframe实现跨域基于iframe实现的跨域要求两个域具有aa.xx.com,bb.xx.com这种特点,也就是两个页面必须属于一个基础域(例如都是xxx.com,或是xxx.com.cn),...原创 2018-11-17 13:44:34 · 135 阅读 · 0 评论 -
javascript遍历json对象数据的方法
JSON中,有两种结构:对象和数组,对象是没有length这个属性,而数组结构是有的,下面分别说下这两种结构之间的区别和遍历方式。1.对象一个对象以“{”开始,“}”结束。每个“key”后跟一“:”,“‘key/value’ 对”之间运用 “,”分隔。packJson = {"name":"phpernote", "password":"111"}原生Js遍历json对象的方法myJs...原创 2018-11-17 10:56:57 · 1138 阅读 · 0 评论 -
JavaScript几种事件绑定的方式
事件绑定的几种方式在Javascript中,事件绑定一共有3种方式:① 行内绑定② 动态绑定③ 事件监听1、行内绑定基本语法:<标签 属性列表 事件=”事件的处理程序” />例:示例代码:以上代码就是最典型的行内绑定,虽然可以完成我们需要的功能,但是其把结构+样式+行为都绑定在同一个标签中,不利于后期维护。2、动态绑定基本语法:dom对象.事件 = 事件的处...原创 2018-11-17 10:09:23 · 1064 阅读 · 0 评论 -
高性能动画设计的一些优化思路总结
原文:https://blog.csdn.net/liangklfang/article/details/51730556问题1:关注JS的垃圾回收对动画性能的影响Javascript没有显式的内存管理,这就意味着你创建了对象但是你没有释放他们,久而久之,浏览器就会去清理这些对象。这时候动画执行就会停止,浏览器会识别那些内存依然在使用,然后释放其它的内存空间。而且这种多余的垃圾都是逐渐被创建,...转载 2018-11-22 09:42:46 · 224 阅读 · 0 评论