随笔分类 -  js

下滑没有滚动条插件
摘要:第一个:https://blog.csdn.net/libin_1/article/details/51443775 第二个:http://www.freejs.net/article_fenye_559.html 注释:这两个都是没有滚动条的插件 ; 详解第一个: 下载demo:http://do 阅读全文
posted @ 2018-05-22 17:49 刘世涛6192 阅读(422) 评论(0) 推荐(0)
ThreeJS中的点击与交互——Raycaster的用法
摘要:基础概念 坐标系 我们的手机屏幕是二维的,但是我们展示物体的世界是三维的,当我们在构建一个物体的时候我们是以一个三维世界既是世界坐标来构建,而转化为屏幕坐标展示在我们眼前,则需要经历多道矩阵变化,中间webGL替我们操作了许多事情。 世界坐标系:在webGL中,世界坐标系是以屏幕中心为原点(0, 0 阅读全文
posted @ 2018-05-22 11:38 刘世涛6192 阅读(23267) 评论(0) 推荐(0)
谷歌开发的draco格式文件将obj文件压缩成drc文件后将大大减小文件大小(threejs加载有mtl文件的drc文件)
摘要:问题描述:当前threejs是92版本 但是当前版本还没有能够直接加载带贴图文件的drc格式的loader; 解决办法:先加载mtl文件将obj文件分解(按照mtl文件内材质贴图信息进行分解)再将分解的obj文件转成drc全部加载一遍就能解决贴图的办法 ; 代码: 描述:目前我们是这么解决的; 阅读全文
posted @ 2018-05-18 17:55 刘世涛6192 阅读(5821) 评论(2) 推荐(2)
在threejs中添加两个场景和相机是需要注意render的参数设置
摘要:问题:我刚开始设置了两个场景和相机 但是第二个一直将第一个场景给覆盖了一直找不到原因 解决: 问题出在 renderer.autoClear = false;上 设置render的参数如下: 描述:第一个场景加载的是柜子 第二个场景加载的是小球 当场景一的相机转动时 小球是不动的问题解决; 注释: 阅读全文
posted @ 2018-05-18 17:45 刘世涛6192 阅读(2498) 评论(1) 推荐(0)
移动端input 无法获取焦点的问题
摘要:下午遇到一个问题,移动端的input都不能输入了,后来发现是 -webkit-user-select :none ; 在移动端开发中,我们有时有针对性的写一些特殊的重置,比如: 其中,-webkit-user-select :none ;会产生一些问题。这是webkit内核浏览器下的一个bug,具体 阅读全文
posted @ 2018-04-26 10:13 刘世涛6192 阅读(3528) 评论(0) 推荐(0)
获取url路径中的参数
摘要:简介 运用js的时候,我们有时可能会有这样的需求,就是想要获取浏览器地址栏指定的一项参数,形如:https://i.cnblogs.com/EditPosts.aspx?postid=8628413&update=1, 你想要获取postid的内容8628413,或者update的内容1,那么下面就 阅读全文
posted @ 2018-04-25 16:57 刘世涛6192 阅读(6135) 评论(0) 推荐(0)
es6语法
摘要:es6又称为es2015,为javascript的一个重要标准,至今并没有被所有浏览器兼容 阅读全文
posted @ 2018-04-25 16:30 刘世涛6192 阅读(178) 评论(0) 推荐(0)
js-移动端android浏览器中input框被软键盘遮住的问题解决方案
摘要:我遇到的问题:在一个页面里有一个弹出层之前我给我的最外层加了固定定位 用了下面的方法也不好使;没有办法我将之改为绝对定位层级变高在加上一个顶部标签通过js计算顶部高度来实现满屏遮挡; 前提: 关于input框被浏览器软键盘遮挡住的问题,主要是安卓浏览器,下面出一个解决方案: 解决方案原理: 安卓浏览 阅读全文
posted @ 2018-04-25 09:06 刘世涛6192 阅读(1934) 评论(0) 推荐(0)
移动端图片点击放大缩小(例如商品详情时)插件
摘要:使用: 代码: 阅读全文
posted @ 2018-04-20 08:51 刘世涛6192 阅读(1259) 评论(0) 推荐(0)
移动端居中根据内容自适应提示标签
摘要://新建提示 function createTips(text,fn){ var tips = $(""); var box = $(""); box.css({"position": "absolute","top": "50%","left":"50%","-webkit-transform": "translate3d(-50%,-50%,0)","transfor... 阅读全文
posted @ 2018-04-20 08:37 刘世涛6192 阅读(205) 评论(0) 推荐(0)
DOMNodeInserted监听div内容改变
摘要:JavaScript事件 DOMNodeInserted DOMNodeRemoved JavaScript与HTML之间的交互是通过事件实现的。事件,就是文档或浏览器窗口中发生的一些特定交互的瞬间。可以使用侦听器(或处理程序)来预订事件,以便事件发生时执行相应的代码。 13.1 事件流 事件流描述 阅读全文
posted @ 2018-04-18 11:40 刘世涛6192 阅读(18335) 评论(1) 推荐(1)
js取float型小数点后两位数的方法
摘要:以下我们将为大家介绍 JavaScript 保留两位小数的实现方法:四舍五入以下处理结果会四舍五入: 不四舍五入以下处理结果不会四舍五入:第一种,先把小数边整数: 第二种,当作字符串,使用正则匹配: 注意:如果是负数,请先转换为正数再计算,最后转回负数 javascript保留两位小数的实例: 用J 阅读全文
posted @ 2018-04-14 15:35 刘世涛6192 阅读(412) 评论(0) 推荐(0)
移动端滑动函数 (防止滑动时将隐藏部分显示)
摘要:--> ... 阅读全文
posted @ 2018-04-11 10:14 刘世涛6192 阅读(388) 评论(0) 推荐(0)
动态加载的元素绑定事件
摘要:动态填见进去的元素 绑定的事件 有时绑定不上 1 先解绑 在从新绑定 $(".className").unbind('click').bind('click',function(){ }) 2也可以绑定document 也可以 $(document).on('click','.className', 阅读全文
posted @ 2018-04-08 14:47 刘世涛6192 阅读(131) 评论(0) 推荐(0)
JavaScript 中的 NaN 和 isNaN
摘要:1、NaN NaN 即 Not a Number , 不是一个数字。那么 NaN 到底是什么呢? 在 JavaScript 中,整数和浮点数都统称为 Number 类型 。除此之外,Number 类型还有一个很特殊的值,即 NaN 。它是 Number 对象上的一个静态属性,可以通过 Number. 阅读全文
posted @ 2018-04-04 15:10 刘世涛6192 阅读(430) 评论(0) 推荐(0)
验证输入字数有最大值限制并且有提示还能输入多少
摘要:js部分: 阅读全文
posted @ 2018-03-30 15:37 刘世涛6192 阅读(887) 评论(0) 推荐(0)
js验证开头不为零的正整数
摘要:WST.zhengZhengShuIn = function (className){ var rex = /^[1-9]{1}[0-9]*$/;//正整数 $("."+className).keyup(function(event){ var event = event || window.event; var value = $(this).v... 阅读全文
posted @ 2018-03-30 15:33 刘世涛6192 阅读(6491) 评论(0) 推荐(0)
验证 价格小数点后保留两位
摘要:WST.onlyPriceNum = function (obj) { var priceRegex = /^\d+\.?\d{0,2}$/; obj.blur(function(event) { var event = event || window.event; var val = $(this).val(); var newV... 阅读全文
posted @ 2018-03-30 15:33 刘世涛6192 阅读(584) 评论(0) 推荐(0)
js代码判断浏览器种类IE、FF、Opera、Safari、chrome及版本
摘要:第一种,只区分浏览器,不考虑版本 第二种,区分浏览器,并考虑IE5.5 6 7 8 阅读全文
posted @ 2018-03-28 20:37 刘世涛6192 阅读(228) 评论(0) 推荐(0)
实现图片预加载
摘要:$(window).load(function(){ loadImg(); }); function loadImg(){ $(".m_shopContents").find("img").each(function(){ var src = $(this).attr("data-src"); if ... 阅读全文
posted @ 2018-03-23 10:47 刘世涛6192 阅读(128) 评论(0) 推荐(0)