随笔分类 -  js

各种高度
摘要:网页可见区域宽: document.body.clientWidth; 网页可见区域高: document.body.clientHeight; 网页可见区域宽: document.body.offsetWidth (包括边线的宽); 网页可见区域高: document.body.offsetHei 阅读全文
posted @ 2018-03-21 21:45 刘世涛6192 阅读(144) 评论(0) 推荐(0)
js验证input输入正整数 和 输入的金额小数点后保留两位(PC端键盘输入)
摘要:// 验证开头不为零的正整数 WST.zhengZhengShuIn = function (className){ var rex = /^[1-9]{1}[0-9]*$/;//正整数 $("."+className).keyup(function(event){ var event = event || window.event; var va... 阅读全文
posted @ 2018-03-21 17:32 刘世涛6192 阅读(419) 评论(0) 推荐(0)
时间时间戳的转换
摘要:1. 将时间戳转换成日期格式 例子 ? // 比如需要这样的格式 yyyy-MM-dd hh:mm:ss var date = new Date(1398250549490); Y = date.getFullYear() + '-'; M = (date.getMonth()+1 < 10 ? ' 阅读全文
posted @ 2018-03-21 17:10 刘世涛6192 阅读(224) 评论(0) 推荐(0)
js中几种实用的跨域方法原理详解
摘要:这里说的js跨域是指通过js在不同的域之间进行数据传输或通信,比如用ajax向一个不同的域请求数据,或者通过js获取页面中不同域的框架中(iframe)的数据。只要协议、域名、端口有任何一个不同,都被当作是不同的域。 下表给出了相对http://store.company.com/dir/page. 阅读全文
posted @ 2018-03-16 13:38 刘世涛6192 阅读(143) 评论(0) 推荐(0)
jq给动态生成的标签绑定事件的几种方法
摘要:经常遇到给动态生成的标签绑定事件不好用,自己简单测试总结了下,结论如下了: 点击按钮,就会在d2中添加一个li标签,这个可以。 但是,如果这样在初始化时,用bind方法给将来要动态生成的li标签绑定方法是无效的,点击生成的li标签,没有任何反应。 因为bind方法只能给在执行它时已经存在的静态标签j 阅读全文
posted @ 2018-03-16 11:47 刘世涛6192 阅读(773) 评论(0) 推荐(0)
移动端input验证只允许有数字 在safari浏览器一直不成功解决
摘要:或者 或者 阅读全文
posted @ 2018-03-15 10:08 刘世涛6192 阅读(1329) 评论(0) 推荐(0)
HTTP协议详解
摘要:转自:http://blog.csdn.net/gueter/archive/2007/03/08/1524447.aspx Author :Jeffrey 引言 HTTP是一个属于应用层的面向对象的协议,由于其简捷、快速的方式,适用于分布式超媒体信息系统。它于1990年提出,经过几年的使用与发展, 阅读全文
posted @ 2018-03-09 14:23 刘世涛6192 阅读(120) 评论(0) 推荐(0)
移动端中的陀螺仪
摘要:横竖屏 window下的orientation属性来表示移动端的横竖屏状态,chrome模拟器不支持该属性,只能在真机上测试 按照上右下左的顺序,该属性的结果分别是0、90、180、-90 [注意]手机头朝下的切换没有实现 window下的orientationchange事件来监测移动端的横竖屏状 阅读全文
posted @ 2018-03-06 16:57 刘世涛6192 阅读(674) 评论(0) 推荐(0)
如何定义一个高逼格的原生JS插件
摘要:插件的需求 我们写代码,并不是所有的业务或者逻辑代码都要抽出来复用。首先,我们得看一下是否需要将一部分经常重复的代码抽象出来,写到一个单独的文件中为以后再次使用。再看一下我们的业务逻辑是否可以为团队服务。 插件不是随手就写成的,而是根据自己业务逻辑进行抽象。没有放之四海而皆准的插件,只有对插件,之所 阅读全文
posted @ 2018-03-05 15:09 刘世涛6192 阅读(1774) 评论(0) 推荐(0)
web前端js 实现打印操作
摘要:转载来源:https://www.cnblogs.com/potatog/p/7412905.html 一.打印当前页面指定元素中的内容 方式一:直接使用window.print(); (1)首先获得元素的html内容(这里建议如果有样式最好是用内联样式的方式) var newstr = docum 阅读全文
posted @ 2018-02-06 09:53 刘世涛6192 阅读(14356) 评论(1) 推荐(0)
手机端图片预览和缩放js
摘要:转至:http://blog.sina.com.cn/s/blog_c342e3090102vcxu.html 1.手机端的图片选择和预览 《input type="file" id="preview"/》《img id="theImg"/》 var oBtn = document.getEleme 阅读全文
posted @ 2018-02-05 16:23 刘世涛6192 阅读(5010) 评论(0) 推荐(0)
前端的冒泡和事件默认事件如何处理
摘要:1.event.stopPropagation()方法 这是阻止事件的冒泡方法,不让事件向documen上蔓延,但是默认事件任然会执行,当你掉用这个方法的时候,如果点击一个连接,这个连接仍然会被打开, 2.event.preventDefault()方法 这是阻止默认事件的方法,调用此方法是,连接不 阅读全文
posted @ 2018-01-29 15:14 刘世涛6192 阅读(467) 评论(0) 推荐(0)
使用threejs点云秀出酷炫的图片效果(一)
摘要:来源:http://blog.csdn.net/srk19960903/article/details/70214556 使用了点云拼凑出了照片轮播十分有趣,于是用threejs实现这个效果。 首先这件事情分为两步:1.根据图片数据创建对应大小、颜色的点云。2.给点云加上着色器,给渲染管线传递点云变 阅读全文
posted @ 2018-01-29 10:53 刘世涛6192 阅读(6628) 评论(0) 推荐(1)
hreeJS加载Obj资源后如何实现内存释放?
摘要:问题: 我利用ThreeJS做了一个在同一个场景下动态加载Obj的页面,具体功能是:点击按钮A:加载A模型,点击按钮B:加载B模型...现在的问题是,前面已经加载过的模型,无法实现释放,内存一直在累加,除非浏览器关闭此页面 解决: 阅读全文
posted @ 2018-01-29 10:50 刘世涛6192 阅读(875) 评论(1) 推荐(0)
cookies,sessionStorage 和 localStorage 的区别
摘要:请描述一下 cookies,sessionStorage 和 localStorage 的区别? 请描述一下 cookies,sessionStorage 和 localStorage 的区别? sessionStorage 和 localStorage 是HTML5 Web Storage API 阅读全文
posted @ 2018-01-29 10:48 刘世涛6192 阅读(157) 评论(0) 推荐(0)
移动端计算滑动的距离
摘要:代码来源:http://www.lanrenzhijia.com/js/css3/3206.html <html lang="en"><head> <meta charset="UTF-8"> <meta content="width=device-width, initial-scale=1,ma 阅读全文
posted @ 2018-01-26 15:20 刘世涛6192 阅读(966) 评论(0) 推荐(0)
设置滚动位置
摘要://返回顶部$('.leftTop').click(function(){ $('body,html').animate({scrollTop:0},500); });到指定位置html: <!-- left 导航--><div class="nav-left"> <ul class="floatC 阅读全文
posted @ 2018-01-24 16:25 刘世涛6192 阅读(176) 评论(0) 推荐(0)
找到当前字符串中最后一个/并获取之后的字符串
摘要:var imgSrc = $(this).parent().children('img').attr('src');var index = imgSrc.lastIndexOf("\/");var name = imgSrc.substring(index + 1,imgSrc.length); 阅读全文
posted @ 2018-01-18 10:17 刘世涛6192 阅读(1302) 评论(0) 推荐(0)
apply()与call()的区别
摘要:一直都没太明白apply()与call()的具体使用原理,今日闲来无事,决定好好研究一番。 JavaScript中的每一个Function对象都有一个apply()方法和一个call()方法,它们的语法分别为: 它们各自的定义: apply:应用某一对象的一个方法,用另一个对象替换当前对象。例如:B 阅读全文
posted @ 2018-01-11 15:15 刘世涛6192 阅读(149) 评论(0) 推荐(0)
js 判断字符串是否包含某字符串,String对象中查找子字符,indexOf
摘要:var Cts = "bblText"; if(Cts.indexOf("Text") > 0 ) { alert('Cts中包含Text字符串'); } var Cts = "bblText"; if(Cts.indexOf("Text") > 0 ) { alert('Cts中包含Text字符串 阅读全文
posted @ 2018-01-09 17:29 刘世涛6192 阅读(5005) 评论(0) 推荐(0)