Article Detail

js判断一个值是否为数字

js有个函数 isNaN(val) //如果是数字则返回 false 使用 if(!isNaN(val)){ alert("是数字"); }else{ aler...

HTML 阅读 29.8万 1 分钟阅读 2016-04-06 16:29

js有个函数 isNaN(val) //如果是数字则返回 false

使用

if(!isNaN(val)){
   alert("是数字");
}else{
   alert("不是数字");
}

js判断是否为数字

Comments 评论区

广西南宁市 2023-01-13 17:13

JavaScript 判断是否为数字
jquery中$.isNumeric的源码

!isNaN(parseFloat(value)) && isFinite(value);

#⁰

广西南宁市 2023-01-13 17:14

css3 实现瀑布流

    .wrap {
      margin-top: 50px;
      width: 100%;
      padding: 0 20px;
      /* 瀑布流容器内元素的间隔 */
      column-gap:10px;
      /* 瀑布容器内排列的列数 */
      column-count: 2;
    }
    .item {
      padding: 10px;
      border: 1px solid #000;
      margin-bottom: 10px;
      height: 50px;
      /* avoid避免在主体框中插入任何中断（页面，列或区域） */
  		break-inside: avoid;
    }

广西南宁市2023-01-13 21:05:22

css3瀑布流顶部不对齐，列断裂
问题展现

找了半天，发现是 item 的 margin-bottom 导致的：第一列的最后一个item的margin-bottom跑到第二列第一个item上面了，改成padding-bottom即可，
因为padding属于内容，只要不折断，就不会跑到另一列

#⁰

广西南宁市 2023-01-13 17:15

微信小程序页面自动滚动到指定位置

1.使用wx.createSelectorQuery().select().boundingClientRect()查询到需要滚动到的元素位置
2.使用wx.pageScrollTo()将页面滚动到对应位置

scrollTo() {
	// 1.使用wx.createSelectorQuery()查询到需要滚动到的元素位置
	wx.createSelectorQuery().select('.bb4').boundingClientRect(res => {
	  // 到这里，我们可以从res中读到class为bb4的top，即离顶部的距离（px）
	  // 2使用wx.pageScrollTo()将页面滚动到对应位置
	  wx.pageScrollTo({
	    scrollTop: res.top, // 滚动到的位置（距离顶部 px）
	    duration: 0 //滚动所需时间 如果不需要滚动过渡动画，设为0（ms）
	  })
	}).exec()
}

scrollTo() {
	// 1.使用wx.createSelectorQuery()查询到需要滚动到的元素位置
	wx.createSelectorQuery().select('.bb4').boundingClientRect(res => {
         // 2.使用wx.getSysTemInfo()获取设备及页面高度windowHeight（px）
            wx.getSystemInfo({
                success(ress) {
                  wx.pageScrollTo({
                  	// 3. 滚动的距离根据设备的页面高度进行微调（px）
                    scrollTop: res.top - ress.windowHeight/2 + 50,
                    duration: 200
                  })
                }
          })
        }).exec()
}

#⁰

Comment Form 留下评论

正在回复 #0

粘贴图片、拖拽文件，或点上面的按钮上传 图片会自动插入 [img] 标签，其他附件会自动插入 [attach] 标签。

正在上传...

提交前会先拉起旧项目同款第三方人机验证。

不再要求填写昵称；reply 会生成一条带楼层回链的新评论，quote 会附带完整引用块，并保持评论锚点跳转。