首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    造一个 react-infinite-scroller 轮子

    前言 无限滚动是一个开发时经常遇到的问题,比如 ant-design 的 List 组件里就推荐使用 react-infinite-scroller 配合 List 组件一起使用。...今天就带大家造一个 reac-infinite-scroller 的轮子吧。...最小实现 下面为使用用例,定义 delay 函数用于 mock 延时效果,fetchMore 为获取更多数据的函数。...图示: 不过,这里的 “当前窗口顶部与很长元素顶部的距离” 这一步并不能通过变量来获得,只能用 JS 来获取: // 元素顶部到页面顶部的距离 calculateTopPosition(el:...) 也作为 props 暴露出来 将剩下的 props 透传给滚动元素 在 passProps 里添加 ref,开发者可以通过 ref 获取滚动元素 总结 这篇文章主要带大家过了一遍 react-infinite-scroller

    2.6K30

    002. java.lang.NumberFormatException: Infinite or NaN,怎么破?

    前言 如果你工作超5年,100%遇到过这个异常:java.lang.NumberFormatException: Infinite or NaN Infinite中文释义:极大的、无法衡量的、无穷尽的...or NaN异常并不算常见(毕竟开发中浮点数远远没有整数使用场景多),但也绝不罕见。...无奈再根据关键字Infinite or NaN搜索试试: 太幸运了,有且仅有一处代码里存在。...弱弱问一句:2023年了在实际业务开发中,不会真有人使用Float吧?吧?吧? 灵魂拷问:如果你使用了Float,收益是什么?是否真的值得?...考虑到代码的健壮性,实际场景中是可以对这些异常做预处理的:使用Double.isNaN()、Double.isInfinite()等方法来做分支逻辑 总结 在Java中,浮点数0并非一个准确值,而是一个无限接近

    88341

    (九)使用js实现动画

    使用 JavaScript 实现动画 说明 因为 css 不能实现较为复杂的动画,如数字变化动画,或者 canvas 形变动画等 认识 js 动画 市面上有很多优秀的 js 库 如下面这个 GreenSock...我们需要在合适的地方切入 js 动画,具体参数如下图 这些回调函数需要以当前 组件作为实例调用,方便对接 js 库操作 DOM 实例 enter 和 leave 还接收第二个参数 done 需要手动调用通知...vue 动画执行完成可以正式卸载挂载组件了 function lave(el, done) { done() } 禁用组件自带的 6 个 css 动画 使用 v-bind:css="fasle"...简写 :css="fasle" 使用 web animation Api 来实现动画 web...通过他我们可以监听动画的执行阶段,可以手动暂停,或者播放动画 fadeIn.onfinis = () => { done() } } 可以和 组件自带的 6 个 class 一起混合使用

    5.2K20

    使用JS开发桌面应用

    Javascript在web开发中已经稳稳的占据了重要位置,现在已经开始渗透到桌面开发了 Electron 便是用来创建桌面应用的框架 使用 JavaScript + HTML + CSS 就可以开发跨平台的桌面应用...看下这些知名应用就知道了 GitHub 的文本编辑器 Atom 聊天群组应用独角兽公司 Slack 使用 Electron 搭建了桌面客户端 微软发布的代码编辑器 Visual Studio Code...,使用 Electron 构建 JavaScript 语言发明人 Brendan Eich 的公司使用 Electron 开发了一套全新的网页浏览器 Brave Browser 上手尝试 下面写一个hello...{ "name": "deskjs", "version": "0.1.0", "main": "main.js" } 格式和 Node 的完全一致,main 字段是应用的启动脚本 index.html... Hello World 第一个 JS 桌面应用</

    2.8K60
    领券