推荐下载
-
2020-05-12 浏览：740
-
2020-05-06 浏览：521
-
2020-05-08 浏览：510
-
2020-04-04 浏览：504
-
2020-05-12 浏览：502
前端开发常见问题精选（三）
发布时间:2020-11-11众所周知，微信浏览器默认是可以上拉和下拉的，就像下面这样：
然而，有时候我们需要禁止它，那该怎么做呢？
1. 禁止页面的touchmove事件 document.addEventListener('touchmove',function(e){ e.preventDefault(); });该方法简洁明了，但是问题来了，浏览器默认下拉是禁掉了，可页面却不能滑动了。因此，该方法只适用于在单屏内能够显示全内容的页面。
2. 使用iScroll.js插件该方法才是真正要提到的，既可以禁止浏览器默认下拉，也能同时让页面局部可滚动。
使用iScroll.js插件时需要注意一下几点：
① 调用该插件的对象元素只能存在一个子元素，也就是说如果在滚动区域中存在多个子元素，需要使用一个元素来包裹它们。
② 调用该插件的对象元素样式中最好不要设置外边距，否则可能出现宽高计算不准确的情况。
③ 使用该插件的默认状态下，滚动区域内的按钮、链接等一切可点击元素均失效，如需恢复正常点击，可以配置options.click为true。
iScroll.js插件的具体用法可以参考：。
二、Less中写border-radius时用到 “/” 时该如何处理？不知道大家现在写CSS是怎么写呢？是直接写原生的CSS，还是使用像Sass或Less这样的预编译语言呢？
如果你是习惯使用Less，那么遇到border-radius中的 “/” 该如何处理呢？
大家可能都知道border-radius有很多种写法，不知道的话可以看《你不知道的CSS3圆角》这篇文章，其中有比较详细的介绍。然而，如果是在Less中直接写 “/” 可不行，因为它会被认为是个除号而直接参与运算了。这时的解决方法就是使用 e(“/”) 来替代，比如像下面这样：
//Less代码 .box{ border-radius: 5px e("/") 10px;} //编译后的CSS代码 .box{ border-radius: 5px / 10px;} 三、Less中如何写循环？Less中的循环其实就像是其他编程语言中通常意义上的递归调用，用法如下：
.loop(@n, @i:1) when (@i <= @n){ // 此处仅为函数定义 .loop(@n,@i+1); } .loop(4); // 此处为函数调用，代表循环4次其中loop是方法名，可以由自己喜好定义，i 是循环因子，n 是循环次数。比如想要给列表元素有规律地依次设置不同大小，可以这样写：
//Less代码 .loop(@n, @i:1) when (@i <= @n){ // 此处仅为函数定义 li:nth-child(@{i}){ // 注意此处需用 {} 将 i 括起 width: @i*100px; height: @i*100px; } .loop(@n,@i+1); } .loop(4); //HTML代码
- 上一篇：微信小程序上传头像
- 下一篇：微信小程序wxml数据绑定总结
