js
CrazBarry
这个作者很懒,什么都没留下…
展开
-
es6新方法替换for循环迭代需求
转自:https://segmentfault.com/a/1190000009870199仅做笔记记录,详情请看原文..转载 2017-06-22 10:40:55 · 1507 阅读 · 0 评论 -
JS优化,减少重复请求
1.前言无聊点点公司的网页, 发现公司网站的一搜索请求是实时请求的,点开控制栏发现每输一个字符都会请求一次,虽然请求大小不大,但是这样不友好,为了减少请求次数,我给项目加了两个方法,分别是节流和防抖函数。节流函数一般用于,类似按钮请求这些,防止你一秒点击多次按钮产生重复请求防抖函数一般用于,类似实时监听input的请求,防止请求过多2.代码<!DOCTYPE ht...原创 2019-08-02 15:46:13 · 1304 阅读 · 0 评论 -
JS实现富文本粘贴图片
1.实现原理利用html中contenteditable属性+JS判断2.代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, in...转载 2019-07-29 18:27:35 · 2161 阅读 · 0 评论 -
JS实现input自动切换焦点
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <form> <input type="t...转载 2019-07-29 16:25:02 · 2515 阅读 · 0 评论 -
拷贝对象方法
1.浅拷贝var obj = {a:1,b:2} var newObj = Object.assign({}, obj); obj.c = 3;2.对象展开var obj = {a:1,b:2} var newObj ={...obj}obj.c = 3;console.log(obj,newObj);转载 2019-07-05 14:57:03 · 199 阅读 · 0 评论 -
数组处理,矩阵转置
想取出数组中第I个值重新组合成数组<script> var deepArr=[ [1,2,3,4], [1,2,3,4], [1,2,3,4], ]; // var deepArr=[ // [1,1,1], // [2,2,2], // [3,3,3],...原创 2019-07-10 16:09:59 · 333 阅读 · 0 评论 -
移动端html2canvas总结
前言公司项目需要动态生成一个公益证书,需要对html转成图片供用户保存转发,一开始就想到用canvas,后来百度找到有html2canvas这个插件,就用起来了。问题一开始我的html背景图是用background-image,导致图片不清晰,找了好久才知道要用image标签才清晰,改用image后发现手机端不清晰,改来改去,找来找去,终于搞到高清的合成图了,直接上代码:代码...转载 2019-05-09 19:00:00 · 2904 阅读 · 0 评论 -
Vue实现价格实时计算
Vue实现价格实时计算需求分析使用属性后台返回数据格式思路参考需求分析商品有附加选购,需对多个附加选项价格进行实时勾选计算使用属性vue的computed 属性,computed 相较watch属性性能更优,watch属性多用于监听路由,况且computed 属性有名字给你叫‘计算’属性,当然是用来计算的。后台返回数据格式多选列表数据checkBoxList:[ { produc...原创 2019-03-18 18:50:10 · 4594 阅读 · 0 评论 -
filter过滤数组空值
let arr = ['','a','b',null]arr.filter((item)=>{ return item&&item.trim();})转载 2019-03-21 10:58:48 · 4691 阅读 · 0 评论 -
下拉显示更多(XXX)的文字内容获取
更多选项原创 2017-08-07 17:04:06 · 1187 阅读 · 0 评论 -
简单的记忆回退功能
if (sessionStorage.pageY) { setTimeout(function () { $("body").scrollTop(sessionStorage.pageY); }, 300); } else { console.log("第一次访问没有滚动条位置"); }原创 2017-07-03 18:01:49 · 448 阅读 · 0 评论 -
数字转汉字,含十百千
var chnNumChar = ["零","一","二","三","四","五","六","七","八","九"];var chnUnitSection = ["","万","亿","万亿","亿亿"];var chnUnitChar = ["","十","百","千"];function SectionToChinese(section){ var strIns = '',转载 2017-07-11 18:40:54 · 722 阅读 · 0 评论 -
ES5,ES6互相转换
http://lebab.io/try-it原创 2017-06-22 11:38:24 · 1149 阅读 · 0 评论 -
数组内对象去重
1.代码reduce去重let data = [ { id: 1, name: '张三', age: 15, }, { id: 2, name: 'John', age: 18, }, { id: 3, name: '李四', age: 18, }, { id: 1, name: '张三', age: 15, }, { id: 4, name: 'Ja...转载 2019-09-04 17:18:15 · 204 阅读 · 0 评论