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

    不用下载安装,你的机器人可以直接在浏览器跳舞丨Jupyter-ROS

    最近,Jupyter-ROS插件出炉了,可以用Jupyter实现ROS功能。 而且你只需要一个浏览器界面,不用安装设置,直接在云端运行,简直不要太方便。...现在,你的机器人可以在Jupyter跳舞了。 ? 无需安装,开浏览器即用 此前,如果想用ROS,至少你需要会用Linux和Qt框架,下载安装环境搭建……做各种准备工作。...敲几行代码,就可以召唤可视化界面。 ? 能绘图,还能3D可视化 另外,使用Jupyter-ROS,可以借助bqplot绘图。 ? 当然也可以实现3D可视化,一般用的工具是RViz。...现在一些RViz的功能也可以移植到Web浏览器,用代码把RViz可视化和不同数据类型结合,比如激光扫描、机器人轨迹、机器人3D(URDF)模型等。 ?...借助ipywidgetification,你可以让复杂的可视化文件在Web端呈现出来,并且在JupyterLab随意调节这些可视化效果。 ?

    93320

    探究网页资源究竟是如何阻塞浏览器加载的

    图片/视频/字体会阻塞页面加载? CSS 是如何阻塞页面加载的? JS 又是如何阻塞页面加载的? JS 一定会阻塞 DOM 加载? defer 和 async 是什么?又有何特点?...图片会造成阻塞 直接写个示例来看下结果: <!...CSS 会阻塞后面 JS 的执行 CSS 阻塞了后面 DOM 的渲染,那它会阻塞 JS 的执行? <!...试想一下,如果 JS 执行的操作需要获取当前 h1 标签的样式,而由于样式没加载完成,所以就无法得到想要的结果,从而证明了 CSS 需要阻塞定义在其之后 JS 的执行。...动态脚本会造成阻塞 对于如下这段代码,当刷新浏览器的时候会发现页面上马上显示出 我是 h1 标签,而过几秒后才加载完动态插入的脚本,所以可以得出结论:动态插入的脚本不会阻塞页面解析。 <!

    2.1K30

    造一个 copy-to-clipboard 轮子

    前言 用 JS 来复制文本在网页应用十分常见,比如 github 复制 remote 地址的功能: 今天就来带大家一起写一个 JS 复制文本的轮子吧~ 从零开始 关于 JS 做复制功能的文章还挺多的...回到代码,把创建好的 span 放入 document.body ,并选中元素,把 range 加入 selection 中,document.exec 执行复制操作,最后一步把 mark 元素移除...同时,onCopy 传入 e.clipbaordData,调用方可以随意处理复制的数据。...因为在复制的时候系统会设定 format,而 World 正好可以识别这些 format,所以可以直接展示出带样式的复制内容。...(mark) } reselectPrevious() return success } 在刚刚代码基础上,我们可以在 copy 事件判断是否有 format,如果有则直接接管 copy

    87930

    为博客页面添加海报分享功能

    心想就是个摆设还不如不要占位置233 后来呢又看到了很多优秀主题都自带分享功能,主要是做的美观!...这个是重点hhh,然后自己也试了下感觉是挺方便(不管有没有人用,但功能还得有,能极大程度提升用户交互性)当然了就凭上面的那些因素还是不足以构成去做一个功能的需求的感觉,,直到我看到了一个海报生成功能,...页面二维码 以上,生成二维码我也上网搜了下,有现成API可以用(网上可以搜到)缺点是速度慢不能及时响应操作,另外就是这次要使用的 qrcode.js qrcode.js QRCode.js 项目地址:...创建一个 id 为 capture 的元素) html2canvas(document.querySelector("#capture")).then(canvas => { document.body.appendChild...transform 的位置偏移属性,不过配置项是有一个 scrollX/scrollY 的配置项的,我们之间将其加入配置项并设置值为 0 html2canvas(document.querySelector

    10910

    如何用 WebRTC 给自己拍照?

    /main.js"> 再加上点 CSS,让整个 App 好看一点~ main { padding: 24px 24px 16px; display...打开摄像头 打开摄像头这一步,其实是调用了 WebRTC 的一个重要接口 navigator.mediaDevices.getUserMedia,通过这个接口不仅可以完成用户对摄像头的使用授权,还可以从返回值直接拿到视频流...当然可以!这里我只是想再分享另一种思路~ 因为像这种调用 fillRect 来做重置功能的是比较常用的,比较画板的重置就可以这样来清空画布。 下载 下载则比较简单了,也是面试常考的一道技巧题。...先生成一个 标签,然后通过 生成 URL,将这个 URL 放到 href ,用 JS 出发 click 事件,就可模拟下载了: // 下载操作 const downloadPhoto...通过 元素的 srcObject 属性可以直接接上视频流,这在直播、P2P、视频聊天的场景都可以这样使用。

    90920

    纯云开发获取用户微信绑定的手机号码

    今天开始在写带支付版的二手书了,涉及到用户注册信息需要获取手机号,这里有两个办法,第一是购买短信接口,第二是直接小程序开放数据获取手机号。 两者的区别:第一种对小程序没有类型要求,个人的都可以实现。...第二种必须要企业认证小程序才行,但是这种办法一方面可以直接拉取用户绑定微信的手机号,方便操作体验好,还可以使用腾讯自带的短信接口,要省一笔钱。...developers.weixin.qq.com/miniprogram/dev/framework/open-ability/getPhoneNumber.html 通过button设置getPhoneNumber可以直接获取到...参考文章:https://www.jianshu.com/p/9651cc121afe 记录此篇日志 ①做了一个小程序php开发交流圈,感兴趣可以加入我们: 小程序开发讨论圈 ②还在找抖音快手等小视频去水印工具吗...我开发了一款支持全网短视频去水印的小工具,能直接保存到相册的,来看看: ?

    3.5K40

    Wechaty|NodeJS基于iPad协议手撸一个简单的微信机器人助手

    wechaty Wechaty是适用于微信个人的Bot SDK ,可以使用6行 js 创建一个机器人 具有包括linux,Windows,MacOS和 Docker 在内的跨平台支持,基于Node.js...加入群聊自动欢迎 当新的小伙伴加入群聊后自动 @[新的小伙伴] 发一个文字欢迎 OK,先实现这几个简单的功能吧,还是比较有用的,后期再说后期的事 项目结构 功能比较简单,分多个就是为了不让所有代码都在一个文件...因为我们在登录了一个微信号时,群组进入监听是针对微信号中所有群组的 我的需求是要管理我的群组,所以事先跑了下程序,输出了room,然后群发个消息,就拿到了我想管理的群组所有信息,id自然也在里面,然后写到了配置...,拉下代码config.js换下token和一些配置信息就可以,当然我在不停更新,功能会越来越多,所以仓库中代码和文中会有些不一样,使用时简单看下代码,都写了详细注释,也很简单 https://github.com...还可以实现更多好玩的功能(我想到的功能只是针对我个人需求,只是为了和公众号、我的群聊等实现下无缝对接,你当然也可以做其他的,例如做一个定时任务给女友定时发信息啥的),我现在能想到的后期要加的功能如下

    9.1K40

    「拥抱开源」我是个假的前端开发

    软件技术有一个小小的分类叫做前端技术。前端技术有一个主流的分类叫做 React。React 有很多知识点,例如:JSX、元素渲染、组件、Props、State、生命周期等等。...而 JS 文件则选用功能最少的 bootstrap.min.js。另外在引用最新的 JQuery.js 即可。...有的等不了 BUG 更新的同学可以选择 boostrap.css、bootstrap.js,必要的时候进行 BUG 修复。...Custom components 大量的自定义组件集合,可以直接拿来使用。 Bootstrap 的优秀内容还有很多,考虑到篇幅的原因这里不再继续展开。 有兴趣的同学,可以自己进行研究学习。...完整示例代码,见 https://github.com/FoamValue/oPos.git ---- 06 小结 毕竟要快,一个简易的前端制作好之后。

    62730

    前端从入门到转圈圈

    hello,大家好,经过上篇文章,相信大家都已经了解了js的红尘往事,但是往事不可追,回顾当下,我们要学习最新的js,誓做前端街最靓的仔~ 前端三剑客 如果你决定要做个前端仔了,那么请先认识下前端三剑客...、瓦、钢筋就是html的不同标签,当然砖瓦会有各自的适用场景,当然你也可以“一块砖头走天下”,比如我家亲戚的二层小楼就是纯砖头盖的,我爸说虽然看起来也不错,但是不如用用点钢筋结实。...要盖房子了,你当然可以先和泥巴、再烧砖瓦,最后盖房子。或者你也可以直接用别人烧好的砖瓦去盖房子。纯原生js开发就是前者,而用jQuery就是后者。...说到这里,对于前端萌新来说,我觉得可以直接上手Vue或者React,没必要再去中间过渡一个jQuery,也许你会觉得太生硬,但是我确实喜欢赶鸭子上架,不行就硬来呗。...关注公众号"bubucuo",回复”卷王“,加入卷王圈地运动。

    46520

    Vue + Spring Boot 项目实战(二):使用 CLI 搭建 Vue.js 项目

    这点在接下来的内容中我们可以慢慢感受。 关于项目的构建其实类似的文章网上有很多,但我还是重新写了一下,一是为了确保项目能够运行成功,二是对几个细节作了解释,三是加入了使用 IDE 的构建方法。...新版本可以使用图形化界面初始化项目,并加入了项目健康监控的内容,但使用新版本创建的项目依赖与这个教程不太相符,折腾起来比较麻烦。...在程序执行的过程中会有一些提示,可以按照默认的设定一路回车下去,也可以按需修改,比如下图问我项目名称是不是 wj-vue,直接回车确认就行。...另外 IDE ,总是在 UI 上下了很多功夫,我们还可以在 package.json 文件上点击右键,选择 show npm scripts 然后就会出来 npm 命令窗口,想要执行哪个命令直接双击运行就可以了...标签的内容即该组件的脚本,也就是 js 代码,export default 是 ES6 的语法,意思是将这个组件整体导出,之后就可以使用 import 导入组件了。

    1.1K30

    干货|前端同构渲染的思考与实践

    > 如上代码,在 SPA 架构中,服务器端直接给出形如这样的 HTML,浏览器在渲染 body#root 这个节点完成之后,页面的绘制区域其实还是空的,直到 render.js...所以我们需要将 SPA 架构的代码进行改造: 分为两个入口,分为服务端和客户端,只引入通用代码,然后在不同的环境调用各自的渲染函数。...资源控制 得益于 Node.js 输出 HTML 的另一层含义,就是我们可以直接在首次接触就能感知到客户端,也就有了足够的灵活性,再举个栗子: 有个针对安卓平台和 iOS 平台不同的脚本只要加载,如果在...,我们可以在服务端直接拿到 HTTP 请求中的 userAgent 判定平台,根据标识在模板中处理,很显然,这样很稳。...这里额外的关键的指标是 renderToString 的时间,它反应了 Node.js 渲染所使用的时间,如果加入缓存机制,就需要统计命中率等等。

    1.6K40

    adminLTE的介绍

    adminLTE除了可以使用bootstrap3的大多数样式之外,自身也提供了一些非常实用的样式包装,并且在样式演示中已经基本罗列出来了。 adminLTE的js是基于jquery2。...AdminLTE 也同样具备了后台应有模板,像登录模板、注册模板、个人模板、404模板、500模板、空白模板等,这些可以在下载后在 Examples 菜单查看到。...1、引入bootstrap 2、引入字体库,肯定用得到,下载到本地放在plugins下也可以 3、皮肤skin,可以引入_all…,但是如果只需要一个皮肤的话,比如只需要蓝色,直接引入skin-blue...就行,毕竟越简越好 4、兼容IE8的两个js文件 5、fastclick,触摸设备快速点击体验,不想兼容手机可以去掉 6、slimscroll,菜单和页面中的滚动条样式,放上去毕竟好看。...-- AdminLTE App --> 参考:adminLTE 教程 用基于

    2.7K20

    echarts数据可视化

    有pyqt5自带的QtChart可以做,有PyQtGraph可以做,有Plotly可以做,当然还有Pyecharts和Echarts可以做,等等等等。...因为在pyqt5的程序,你可以单单使用Pyecharts来实现数据可视化,也可以单单使用Echarts来实现数据可视化。...Pyecharts和Echarts的底层原理肯定是一样的,但在pyqt5的程序去实现,差别却很大。...最后,通过一位大神的文章《Python数据可视化:PyQt与ECharts的完美结合方案》,发现在pyqt5的程序直接使用echarts,其实也很方便,很好用,而且使用pyinstaller打包,无任何障碍...html的文本编辑,参数传递,就是最原始的字符串操作,这里就不细说了,基本操作,就是繁琐一点,但不复杂。 这里,展示一下我的一个饼图html文本编辑,以供参考。

    1.6K75

    echarts 数据可视化

    有pyqt5自带的QtChart可以做,有PyQtGraph可以做,有Plotly可以做,当然还有Pyecharts和Echarts可以做,等等等等。...因为在pyqt5的程序,你可以单单使用Pyecharts来实现数据可视化,也可以单单使用Echarts来实现数据可视化。...Pyecharts和Echarts的底层原理肯定是一样的,但在pyqt5的程序去实现,差别却很大。...最后,通过一位大神的文章《Python数据可视化:PyQt与ECharts的完美结合方案》,发现在pyqt5的程序直接使用echarts,其实也很方便,很好用,而且使用pyinstaller打包,无任何障碍...html的文本编辑,参数传递,就是最原始的字符串操作,这里就不细说了,基本操作,就是繁琐一点,但不复杂。 这里,展示一下我的一个饼图html文本编辑,以供参考。

    2.9K30
    领券