常见问题分类
uniapp/js
-
489
/
/
jQuery实现图片懒加载
当访问一个页面的时候,先把img元素或是其他元素的背景图片路径替换成一张大小为1*1px图片的路径(这样就只需请求一次),当图片出现在浏览器的可视区域内时,才设置图片真正的路径,让图片显示出来。这就是图片懒加载。
通俗一点:
1、就是创建一个自定义属性data-src存放真正需要显示的图片路径,而img自带的src放一张大小为1 * 1px的图片路径。
2、当页面滚动直至此图片出现在可视区域时,用js取到该图片的data-src的值赋给src。 ps:自定义属性可以取任何名字HTML代码如下:
<img data-src="真正要加载的图片地址" src="这个是占位图,如等待加载图" >jq代码:
<script> start() $__(window).on('scroll', function(){ start() }) function start(){ $('.pics_content img').not('[data-isLoaded]').each(function(){ var $node = $(this) if( isShow($node) ){ loadImg($node) } }) } //判断一个元素是不是出现在窗口(视野) function isShow($node){ return $node.offset().top <= $(window).height() + $(window).scrollTop() } //加载图片 function loadImg($img){ $img.attr('src', $img.attr('data-src')) //把data-src的值 赋值给src $img.attr('data-isLoaded', 1)//已加载的图片做标记 } </script> -
386
/
/
js 获取url的多种方式
window.location.href:这个属性返回当前窗口(当前页面、iframe)的完整 URL。 window.parent.location.href 是上一层页面跳转url window.top.location.href 是最外层的页面跳转url document.URL:这个属性也可以用来获取当前窗口的完整 URL window.location.toString():使用该方法同样可以获得当前页面的完整 URL。 window.location.protocol + '//' + window.location.host + window.location.pathname -
415
/
/
JS调试输出
使用 window.alert() 弹出警告框。 使用 document.write() 方法将内容写到 HTML 文档中。 使用 innerHTML 写入到 HTML 元素。 使用 console.log() 写入到浏览器的控制台。 -
352
/
/
JS修改数组对象中的属性值
var content = [{"type":"add","state":false},{"type":"update","state":false},] for(var i=0;i if(content[i].type == "add"){ content[i].state=true; } } -
327
/
/
uniapp动态设置标题titleNView
let pages = getCurrentPages() let page = pages[pages.length - 1]; let currentWebview = page.$getAppWebview(); let titleNView = currentWebview.getStyle().titleNView currentWebview.setStyle({ titleNView:{subtitleText:UserInfoData.phone} }) //打印结果 let titleNView = currentWebview.getStyle().titleNView console.log(titleNView) //设置延时 titleNView.autoBackButton = true currentWebview.setStyle({ titleNView: titleNView }) uni.setNavigationBarColor({ frontColor: "#ffffff", //文字颜色 backgroundColor: "#000000" ,//底部背景色 }) uni.setNavigationBarTitle({ title: title//想要显示的顶部标题 }); -
305
/
/
JS时间戳转时间日期函数
resolvingDate(date){ if(!date){ return; } //date是传入的时间 var d = new Date(parseInt(date + '000')); let month = (d.getMonth() + 1) < 10 ? '0'+(d.getMonth() + 1) : (d.getMonth() + 1); let day = d.getDate()<10 ? '0'+d.getDate() : d.getDate(); let hours = d.getHours()<10 ? '0'+d.getHours() : d.getHours(); let min = d.getMinutes()<10 ? '0' -
388
/
/
JQ判断是否按下回车键
$(document).ready(function(){ $('#abc').bind("enterKey",function(e){ alert("您已按下Enter键!"); }); $('#abc').keyup(function(e){ if(e.keyCode == 13){ $(this).trigger("enterKey"); } }); }); -
373
/
/
layer弹出层
layer.alert( '我是弹窗显示的内容!!', { skin: 'layui-layer-molv', //样式类名 自定义样式,一般不会写这个东西 closeBtn: 1, // 是否显示关闭按钮 anim: 1, //动画类型 btn: ['按钮1','按钮2'], //按钮,默认只显示一个确定按钮 icon: 6, // icon yes:function(){ layer.msg('按钮1') }, btn2:function(){ layer.msg('按钮2') } } ); -
386
/
/
JS链接跳转
window.location.href="" -
376
/
/
JS确定取消对话框
if(window.confirm('你确定要执行删除操作吗?')){ alert("您点击了确定"); }else{ alert("您点击了取消"); return false; }
如您有其它疑问,还可以通过右侧方式咨询:
E-mail:
821266862@qq.com