随笔分类 -  js基础

摘要:var containerLength = $(target).width(); 当前容器的宽度var textLength = target.scrollWidth; 当前文字(包括省略部分)的宽度 阅读全文
posted @ 2018-08-21 16:45 极客小乌龟 阅读(12856) 评论(0) 推荐(0)
摘要:let、 var、 setTimeout,一点思考。 结果是很显而易见的,10次都是10,在面试前端的闭包知识时候很常见。 用上let之后, 结果是: 0、1、2、3、4、5、6、7、8、9 为什么var和let声明的i,得到不同的结果? var声明的i,作用域不仅仅在for循环内,还在for循环的 阅读全文
posted @ 2018-08-17 10:47 极客小乌龟 阅读(1707) 评论(0) 推荐(0)
摘要:JavaScript是单线程语言,但是它可以通过设置超时值和间歇时间值来指定代码在特定的时刻执行。超时值是指在指定时间之后执行代码,间歇时间值是指每隔指定的时间就执行一次代码。 超时调用 超时调用使用window对象的setTimeout()方法,它接受两个参数:要执行的代码和以毫秒表示的时间(代码 阅读全文
posted @ 2018-08-16 10:57 极客小乌龟 阅读(247) 评论(0) 推荐(0)
摘要:工作中,如果公司要求你兼容ie6、7,那么你可以辞职了,开个玩笑; 关于json,本文不作介绍,介绍一下json字符串和对象的相互转换; 在各大主浏览器及ie8+,我们可以使用内置方法JSON.stringify([obj])和JSON.parse([str]),但是如果在ie6、7下使用,则会报以 阅读全文
posted @ 2018-08-13 09:21 极客小乌龟 阅读(278) 评论(0) 推荐(0)
摘要:我们在web页面开发中经常需要让单选框、复选框进行选中或者不选中的操作, 我们可以在元素中添加checked属性 或者添加checked="checked" 都可以让某个选项默认选中,单选框的如果有多个checked 会以最后一个为准。 来看一下我们刚开始初始化的时候。这里说明一下我们使用jquer 阅读全文
posted @ 2018-08-11 15:58 极客小乌龟 阅读(37845) 评论(1) 推荐(3)
摘要:1.丢弃小数部分,保留整数部分parseInt(5/2)2.向上取整,有小数就整数部分加1 Math.ceil(5/2)3,四舍五入.Math.round(5/2)4,向下取整 Math.floor(5/2) 阅读全文
posted @ 2018-08-11 15:49 极客小乌龟 阅读(623) 评论(0) 推荐(0)
摘要:最近在读js编程艺术,发现几个不错的函数,总结如下: 1、页面初始化加载函数onload 操作DOM的函数应该在页面元素初始化结束之后再立即执行,否则页面元素还没有初始化完成,DOM操作就会搁浅了;网页加载完毕时会触发一个onload事件,应该写在onload函数里面执行,现封装一个将多个操作绑定的 阅读全文
posted @ 2018-08-06 15:22 极客小乌龟 阅读(1009) 评论(1) 推荐(0)
摘要:同时更换图片、放大图片、平移、旋转,然后延时清除动画 使用 阅读全文
posted @ 2018-08-06 10:45 极客小乌龟 阅读(294) 评论(0) 推荐(0)
摘要:a.style.outline="1px solid #"+(~~(Math.random()*(1<<24))).toString(16) 阅读全文
posted @ 2018-08-01 14:47 极客小乌龟 阅读(222) 评论(0) 推荐(0)
摘要://判断是否是微信浏览器的函数 function isWeiXin(){ //window.navigator.userAgent属性包含了浏览器类型、版本、操作系统类型、浏览器引擎类型等信息,这个属性可以用来判断浏览器类型 var ua = window.navigator.userAgent.toLowerCase(); //通过正则表达式匹配ua中是否含有MicroMessenger字符串... 阅读全文
posted @ 2018-08-01 14:28 极客小乌龟 阅读(357) 评论(0) 推荐(0)
摘要:前言 刷网页的时候,有时会遇到这样一个情景,当某个dom元素滚到可见区域时,或者图片的懒加载效果,它就会展现显示动画,十分有趣。那么这是如何实现的呢? 实现原理 想要实现这个功能,就要知道具体的实现原理。下面直入主题。 我们通过浏览器在浏览一个网页时候是这个样子的,如图所示 页面的长宽,以及各dom 阅读全文
posted @ 2018-07-24 22:08 极客小乌龟 阅读(4366) 评论(0) 推荐(0)
摘要:调用如下:goNextInput('.code-num'); 阅读全文
posted @ 2018-07-23 23:44 极客小乌龟 阅读(2343) 评论(0) 推荐(0)
摘要:innerWidth()在元素隐藏的时候是取不到值的,但是取到的是元素的内部尺寸,包括padding和content值,,如果元素隐藏了之后他的content就为空,值为0,所以只有等到元素显示之后再取值计算,才会显示正常 $("#input_txt").css("width", $(".toolbars").width() - $("#favour").innerWidth() - $("... 阅读全文
posted @ 2018-07-20 16:22 极客小乌龟 阅读(601) 评论(0) 推荐(0)
摘要:先介绍几个属性:(暂时只测了IE和firefox,实际上我工作中用到的最多的是chrome) 网页被卷起来的高度/宽度(即浏览器滚动条滚动后隐藏的页面内容高度) (javascript) document.documentElement.scrollTop //firefox (javascript 阅读全文
posted @ 2018-07-19 21:40 极客小乌龟 阅读(3348) 评论(0) 推荐(0)
摘要:一、手指触屏,利用touchstart和touchend计算前后滑动距离,判断是上拉还是下滑。 二、js中距离:pageY、clientY、offsetY的区别: offsetY:相对于父节点的偏移距离。 clientY:相对于浏览器,滚轮距离不算在内。 pageY:相对于浏览器,滚轮滚动的距离算在 阅读全文
posted @ 2018-07-19 21:38 极客小乌龟 阅读(897) 评论(0) 推荐(0)
摘要:最近在搞弹幕效果所以就写一个关于弹幕的吧,刚开始寻思去网上找插件的,但找的插件和我的需求都不太相符,其实做弹幕我知道的有两种方法: 1:一种是用canvas和对象来完成弹幕想过,用canvas来完成弹幕动画,每一条弹幕就是一个对象,但是由于canvas定位到视频框上面,会覆盖掉直播框,这样就会让我的 阅读全文
posted @ 2018-07-19 21:33 极客小乌龟 阅读(723) 评论(0) 推荐(0)
摘要:原理:1:当开始一个touchstart事件的时候,获取此刻手指的横坐标startX和staerY; 2:当触发touchmove事件的时候,再获取此时手指的横坐标moveEndX和纵坐标moveEndY;最后,通过两次获取的坐标差值来判断手指在手机屏幕上的滑动方向。 代码: $("body").o 阅读全文
posted @ 2018-07-19 21:31 极客小乌龟 阅读(5814) 评论(0) 推荐(0)
摘要:获取当前的日期时间 格式“yyyy-MM-dd HH:MM:SS” 阅读全文
posted @ 2018-07-18 15:22 极客小乌龟 阅读(1334) 评论(0) 推荐(0)
摘要:前端开发获取设备信息的代码if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) { window.location.href ="https://itunes.apple.com/cn/app/1hao-yao-dian/id7275780 阅读全文
posted @ 2018-07-12 18:16 极客小乌龟 阅读(370) 评论(0) 推荐(0)
摘要:1.传参页面JavaScript代码: 2.接收参数页面: 备注:此处代码有结合jq使用,使用时需引用jq文件。 原文出处:http://www.cnblogs.com/xiaodongaini/p/5031166.html 阅读全文
posted @ 2018-07-10 18:33 极客小乌龟 阅读(1116) 评论(0) 推荐(0)