- 博客(23)
- 收藏
- 关注
原创 this的指向
作为构造器调用时 构造器里的this指向返回的这个函数对象 如果显式的返回一个object类型的对象,那么此次运算结果最终返回这个对象,而不是我们之前期待的this。Function.prototype.call 和 Function.prototype.apply调用时可以动态的改变传入函数的this。作为普通函数调用时this指向全局对象,在浏览器的javescript里,这个全局对象是window对象。call 传入的参数不固定,第一个参数指向this,从第二个开始往后,每个参数被依次传入函数。
2024-07-02 22:27:54 251
原创 EventLoop基础说明
微任务: 当宏任务执行完,在下一个宏任务开始之前需要执行的任务。当一个宏任务执行完后,事件触发线程会查看微任务队列,并执行其中的所有微任务。异步任务:又叫耗时任务,异步任务有JaveScript 委托给宿主环境进行执行,当异步任务执行完成后,会通知JaveScript 主线程执行异步任务的回调。任务队列: 异步任务将进入到任务队列中等待同步任务执行完毕后依次执行。任务队列中包含宏任务和微任务。同步任务:非耗时任务, 指的是在主线程排队执行的任务,只有前一个任务执行完毕,才能执行下一个任务。
2024-06-30 21:59:08 132
原创 slice、splice和split 之间的区别
slice (片段) :可从已有的数组中返回选定的元素。splice (剪接):插入、删除或替换数组的元素split(分裂): 字符串分割成字符串数组
2018-10-22 14:04:59 366
原创 js 计算精度值问题
JavaScript 浮点数运算时经常遇到会无限循环小数这样奇怪的结果,如:7.77 / 100 //0.07769999999999999解决办法1) 将小数换成整数然后再进行计算 如:7.77 * 100 / 10000 // 0.07772)用函数表达式即getInteger(f, digit){ var m = Math.pow(10, digit); ...
2018-09-03 11:05:56 497
原创 canvas 合并图片并将canvas转换成图片
function canvasToImage(canvas,idName) { console.log(canvas) var image = new Image(); image.src = canvas.toDataURL("image/png"); $("#" + idName).attr('src',image.src) return image;...
2018-05-03 15:13:22 1674
原创 better-scroll x轴滚动事件
首先获取 需要滚动的数组数据 建一个关于滑动内容的template 类;设置 template 类中的对应div的ref(最外层实例化better-scroll,最里面的宽度之和叠加成 中间div宽度);设置div样式;实例化对象(ps:本地数据可以直接在created中实例化;异步加载数据需要在获取数据渲染完毕再去实例化)各步骤代码如下(ps:该代码纯属复制他人代码,如有侵权请联系)<!D...
2018-05-02 16:28:32 2227
原创 better-scroll 使用
首先按照官方文档写出html结构样式,如下: 下拉刷新 {{num}} {{person.name}} 加载更多 其中的提示信息
2018-02-01 15:31:55 544
转载 javascript 时间与时间戳的转换
一:时间转时间戳:javascript获得时间戳的方法有五种,都是通过实例化时间对象 new Date() 来进一步获取当前的时间戳1.var timestamp1 = Date.parse(new Date()); // 结果:1477808630000 不推荐这种办法,毫秒级别的数值被转化为000 console.log(timestamp1);2.var times
2017-12-29 09:29:32 2788 1
原创 vue 使用过滤器数据值和显示值不同原因
vue 检测input输入框值发生改变的事件中不会触发数据更新; vue 检测input输入框值发生改变的事件中不会触发数据更新; vue 检测input输入框值发生改变的事件中不会触发数据更新; 重要的事情说三次;不会触发数据更新的原因是 由于js的限制,不能动态的检测对象/数组的删除或增加、变动. so如非必要,可以选择blur ,键盘事件去触发过滤。如果一
2017-12-19 18:06:27 2157
原创 刷新局部iframe
document.getElementById('FrameID').contentWindow.location.reload(true); 如果没有使用ID则先获取到当前 iframe 并找到其对象刷新 例var iframe = document.getElementsByTagName('iframe')[i];var ifr_document = iframe.conte
2017-12-14 15:04:40 299
转载 汇总一些知名的 JavaScript 开发开源项目
转自:CTOLib ,www.ctolib.com/topics-107352.html ggraph - 图形可视化的凌乱数据这是一个建立在D3之上的库,目的是改进我们如何处理大型和凌乱的图形。 它扩展了节点和链路与节点组的概念。 它非常适用于当多个节点事实上是同一事物或属于同一组时。medium-editor - Medium.com
2017-11-29 16:37:05 263
原创 swiper隐藏后再显示不会触发自动播放解决办法
隐藏的时候执行一下swiper.stopAutoplay();显示的时候执行swiper.startAutoplay();就可以自动播放了
2017-10-13 16:55:48 7556 1
转载 npm的常用命令
npm -v #显示版本,检查npm 是否正确安装。 npm install express #安装express模块 npm install -g express #全局安装express模块 npm list #列出已安装模块 npm show express #
2017-10-10 17:42:37 384
原创 移动端 隐藏滚动条
给body,html添加height :100%,隐藏滚动条部分添加height:100%;overfkow:hidden;在div内隐藏滚动条效果相同,给要隐藏滚动条内容添加height:100%;overflow:hidden;它的父级添加overflow:hiddden
2017-09-25 10:11:18 311
转载 点击回退按钮刷新页面
浏览器用户返回上一步,自动刷新window.onunload=function(){} 这个最简单粗暴方式一、<input type="hidden" id="refreshed" value="no"><script type="text/javascript">onload=function(){var e=document.getElementById(&
2017-09-20 10:19:14 3614
原创 inpuy testrea获得焦点内容变色
最近在开发的过程当中碰到过在pc端正常,但是在移动端就会出现蓝色边框及灰色背景解决办法:css添加个边框属性
2017-07-26 14:56:18 432
转载 根据数组中对象的某一个属性值进行排序
ort方法接收一个函数作为参数,这里嵌套一层函数用来接收对象属性名,其他部分代码与正常使用sort方法相同var arr = [ {name:'zopp',likeSum:6}, {name:'gpp',likeSum:6}, {name:'yjj',likeSum:6}];function compare(property){ return function
2017-06-29 16:53:53 842
转载 ajax中解析json数据的方式
eval(); //此方法不推荐JSON.parse(); //推荐方法一、两种方法的区别我们先初始化一个json格式的对象: var jsonDate = '{ "name":"周星驰","age":23 }' var jsonObj = eval( '(' + jsonDate + ')' ); // eval();方法 va
2017-05-06 22:20:41 344
原创 input只能输入数字
$(".class").bind('input propertychange', function() { var str = $(this).val().replace(/\D/g,''); $(this).val(str);});
2017-04-27 17:56:31 309
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人