
js
个人看法
求人不如靠自己!
低调谦逊!远离杠精!!!
展开
-
js数组常用方法
str = "{'2/8':'1,2,3,157,158,159,160,161,162,163'},{'2/9':'4,5,6'}"str =eval('([' + str + '])')原创 2021-03-31 10:46:16 · 179 阅读 · 0 评论 -
前端笔记
js相关1、表达式有值,语句没有值console.log(1)//这里的console是表达式有值,浏览器控制台会打印1、undefindsetTimeout(() => { console.log(1); }, 0);//这里的console是语句2、var let count区别var可以先赋值后声明,没有严格模式let count 是块级作用域,count不能重复赋值let age = 6;if(true){age = 10}console.log(age)//1原创 2020-12-02 15:17:04 · 413 阅读 · 0 评论 -
js常用方法
1、手机号隐藏中间4位exportfunctionphoneSeparated(tel){if(tel){tel=tel.substring(0,3)+''+tel.substring(3,7)+''+tel.substring(7,11);}returntel;}2、金额千位符展示,保留2位小数exportfunctiongoldFormat(val){//金额转换分->元保留2位小数...原创 2020-06-08 14:05:22 · 208 阅读 · 0 评论 -
js昵称隐藏中间内容,显示首位字符
nickName(name){if(name.length<3){returnname[0]+'*';}if(name.length>2){letarr=newArray(name.length-2).fill("*")arr[0]=name[0];arr[a...原创 2020-03-26 14:35:06 · 1445 阅读 · 0 评论 -
js转换某个时间点上午、下午toLocaleTimeString()
var d = new Date(); var x = document.getElementById("demo"); x.innerHTML=d.toLocaleTimeString();原创 2020-03-05 17:06:09 · 1883 阅读 · 0 评论 -
比较两个数组,相同月份数据放一起
resultList = {time:'2019-11',records:[{name:'香蕉'},{name:'苹果'}]},{time:'2019-10',records:[{name:'香蕉'},{name:'苹果'}]}data = [{time:'2019-11',records:[{name:'香蕉'},{name:'苹果'}]}]resultList.forEach((ite...原创 2019-11-26 10:31:17 · 504 阅读 · 0 评论 -
小程序上传又拍云
官方文档参考https://help.upyun.com/knowledge-base/small_program/小程序上传图片到又拍云不同于h5上传可以用inputaction="http://v0.api.upyun.com/miandan"方法小程序注意要素1、注意小程序配置安全域名2、注意以下参数的配置,一定要正确constupyun=newUpyun({...原创 2019-11-08 11:33:49 · 995 阅读 · 0 评论 -
记录工作中处理折线图数据,兼容xAxis值显示问题
需求:xAxis时间是从数据中返回来显示的,因为数据有24小时、30天、180天、365天,当返回180天以上的时候数据太多,进行按月份处理返回数据类型为[{"price":"334.24","time":"2019-10-05"},{"price":"334.24","time":"2019-10-04"},{"price":"334.24","time":"2019-10-03"}]需...原创 2019-11-01 17:49:14 · 402 阅读 · 0 评论 -
js闭包转载jb.51
一、变量的作用域要理解闭包,首先必须理解Javascript特殊的变量作用域。变量的作用域无非就是两种:全局变量和局部变量。Javascript语言的特殊之处,就在于函数内部可以直接读取全局变量。Js代码 var n=999; function f1(){ alert(n); } f1(); // 999另一转载 2017-04-12 19:14:55 · 242 阅读 · 0 评论 -
小程序canvas画海报
注意画用户头像 参数 注意ctx.draw()绘图 // circleImg(ctx, img, x, y, r) { //切圆方法 // ctx.save(); // var d = 2 * r; // var cx = x + r; // var cy = y + r; // ctx.arc(cx, cy, r, 0, 2 * Math....原创 2018-05-12 11:32:16 · 1827 阅读 · 0 评论 -
图片模板合成
1、将图片坐标宽高算出来2、因为模板有多变形,图片又无法裁剪多边形,要操作图片又要在模板上边,解决方案用1,2,1模式,图片->模板->图片,真正操作的是最上边一层图片,透明度为opacity0,最上层图片改变的transform属性赋值给最底层,即实现了多边形用模板3、图片放大缩小,移动运用alloyfinger插件,移动用点击事件,点击交换两个数组位置,替换两个图片的src<...原创 2018-05-15 15:57:04 · 885 阅读 · 0 评论 -
图片合成 网页保存图片,文件配合domtoimage 和 FileSaver.js使用
FileSaver.js原创 2018-06-08 10:00:28 · 1864 阅读 · 1 评论 -
vue动态获取属性
1.需求场景,产品详情参数为动态数据,包括标题和选项2.包含两种选择放式,下拉选项picker和手动输入input假如现在有8组属性,要匹配到对应下标和input回写变量3.思路,data声明一个数组listindex,用于存储picker下标和input默认值,获取8组详情参数,往数组listindex添加8组数据的key和value,页面循环的时候pinker[listindex[...原创 2018-08-28 19:58:34 · 7230 阅读 · 0 评论 -
ES7
1.新增includeslet arr = [1,2,3,4,5]arr.includes('3') => true2.求幂运算**5**12 === Math.pow(5,12) =>true3.字符填充函数padStart 和 padEndpadStart()在开始部位填充,返回一个给出长度的字符串,填充物给定字符串,把字符串填充到期望的长度c...原创 2018-09-06 16:01:12 · 289 阅读 · 0 评论 -
js跑马灯实现上下左右滚动 translateY translateYX
<!-- 测试上下滚动 --> <div class="h90 hlc"> <img class="w50 h35 mlr30" src="http://192.168.1.240:8080/ypStatic/img/index/notice.png" /> <div class="h4原创 2018-11-08 13:42:53 · 2628 阅读 · 0 评论 -
vue 语法糖使用
首先语法糖是可很优秀的东西,只是之前对其理解不深入 本质上语法糖可以自定义用于任何你需要的场景 常用的有input radio checkbox select等 用法例如用于input v-model 注意子组件要通过$emit向父组件抛事件,不可直接在子组件改变value值。要抛向父组件,通过父组件改变value值 <input @input="$event" :...原创 2019-07-11 18:45:49 · 1763 阅读 · 0 评论 -
html js截图 html2canvas dom-to-image
项目需求,一个模板。用户上传照片到模板中,可以旋转、放大缩小、用AlloyFinger插件实现了旋转,放大缩小;移动调换位置(此逻辑与我的移动调换位置 和放大缩小有所冲突)还没实现,1、dom-to-image有的图片绘制不上(应该是图片保存下来的时候修改了后缀,图片损坏。ios不能用,安卓可以正常显示截图)、2、经实践html2canvas,不适合此项目,有隐藏的元素,截图还会显示,应该与使用的...原创 2018-04-21 11:19:31 · 1422 阅读 · 0 评论 -
聊天列表,上拉加载下拉刷新
1、先返回最新的15条数据(这样保证当前消息是最新的)2、下拉刷新,请求15条数据3、上拉加载,请求15条数据原创 2018-04-04 10:47:03 · 1162 阅读 · 0 评论 -
小程序背景音乐
onLaunch: function () {console.log(this)this.AppMusic = wx.createInnerAudioContext();this.AppMusic.autoplay = true;this.AppMusic.loop = true;this.AppMusic.onPlay(() => {console.log('开始原创 2018-01-23 19:41:58 · 6796 阅读 · 1 评论 -
js页面跳转传参
a href="a.html?param=value¶m1=value1¶m2=value2">超链接a>html lang="en">head> meta charset="UTF-8"> title>title> script type="text/javascript">转载 2017-07-27 19:39:13 · 1319 阅读 · 0 评论 -
highcharts图表 去掉highcharts的logo 改变y轴的刻度 改变背景颜色 去掉图例
1.去掉highcharts的logocredits: { enabled: false //不显示LOGO },原创 2017-04-11 17:44:27 · 2411 阅读 · 0 评论 -
js点击显示隐藏内容
.see_more .more_btn{color: rgb(124, 181, 236);padding: 10px 0; background: #ddd;}.more_btn span{width: 20px;height: 20px;display: inline-block;}.more_btn{display: block;原创 2017-04-12 16:10:03 · 2594 阅读 · 0 评论 -
js判断客户端
js判断客户端进行app下载转载 2017-03-26 16:26:19 · 482 阅读 · 0 评论 -
js学习笔记 js添加元素,之前之后 流程控制语句
//typeof 操作符 document.getElementById("demo").innerHTML=typeof "zhuruiheng"+""+typeof 22+""+typeof false+""+typeof {name:'heng',age:22};var person=null; document.getElementById(原创 2017-04-06 10:52:13 · 471 阅读 · 0 评论 -
居中
js居中问题翻译 2017-03-26 18:52:21 · 370 阅读 · 2 评论 -
对象数组排序
function compare(property) {return function (a, b) {var value1 = a[property];var value2 = b[property];return value1 - value2;}}console.log(list.sort(compare('count')))console.log(lis原创 2018-01-23 21:51:31 · 363 阅读 · 0 评论 -
js for循环满足条件跳出break
对象赋值if (answer[i].text == 0) {var obj = {text: text,index:index};answer[i] = obj;console.log(i);break;}数组赋值if (answer[i]==0){answer[i] = text;break;}原创 2018-02-01 11:08:19 · 9658 阅读 · 0 评论 -
promise封装wx请求
api.jsfunction http(url, data = {}, method='get') { return new Promise(function (resolve, reject) { wx.request({ url: url, data: data, method: method?method:...原创 2018-03-28 17:37:22 · 833 阅读 · 0 评论 -
小程序引入外部字体要转位base64位
https://zhuanlan.zhihu.com/p/24697235参考转换地址https://transfonter.org/转载 2018-02-27 15:29:16 · 685 阅读 · 0 评论 -
js 数组深浅拷贝 indexOf处理一个数组在;另一个数组中的索引
script>var some = ['是','时','了','我','的','题','库','紫','赋','传','了','我'];var text = ['我','是','题','库','了'];var text1 =JSON.parse(JSON.stringify(text));var some1 =JSON.parse(JSON.stringify(some转载 2018-02-02 15:39:36 · 703 阅读 · 0 评论 -
深浅拷贝
var newArr2=JSON.parse(JSON.stringify(arr));console.log(arr[0])//{a:1,b:2}newArr2[0].a=123console.log(arr[0])//{a:1,b:2}转载 2017-12-16 13:07:40 · 371 阅读 · 0 评论 -
js基本类型与引用类型,函数传参
在js中,将一个值赋值给变量时,解析器必须确定这个值是基本类型还是引用类型1.基本类型是,固定的大小undefined, null, boolean, number, string保存在栈内存,通过值来访问,即访问值的类型,判断其值是undefined, null, boolean, number, string哪种类型基本类型不能对值进行添加属性var box="" //原创 2017-04-08 21:52:19 · 757 阅读 · 0 评论 -
对象转数组
var arr = [];for(i in obj){ arr.push(i);}原创 2018-01-08 18:21:08 · 934 阅读 · 0 评论 -
移动端滑动事件
移动端滑动事件原创 2017-03-30 10:13:07 · 830 阅读 · 0 评论