展开

关键词

微信小程序示例 -

"> 消息内容 </toast> 属性 duration - 消息显示的时间,单位毫秒,默认值 1500 bindchange - duration 时间到期后触发的事 进度条 progress action-sheet-cancel> </action-sheet> 中包含多个子选项 ,还有一个取消按钮 属性 bindchange - 点击背景或 action-sheet-cancel 按钮时触发 change 事 - 是否隐藏 cancel 按钮 confirm-text - confirm 按钮文字 cancel-text - cancel-text bindconfirm - 点击 confirm 触发的事 bindcancel - 点击 cancel 以及蒙层触发的事 导航 navigator 代码结构 <navigator url="navigate? 跳转到新页面 </navigator> 属性 url - 跳转链接 redirect - true/false,是否关闭当前页面 hover-class - 指定点击时的样式 源码下载 微信小程序视图<em>组</em><em>件</em>

89480

(ipywidgets)“盘活”Jupyter Notebook(下)

编译 | sunlei 发布 | ATYUN订阅号 昨天我们讲到了处理小部和控制部的输出,今天我们讲剩下的部分。 传送门:用(ipywidgets)“盘活”Jupyter Notebook(上) 4、链接小部输出 继续前面的例子,假设我们也希望按目的过滤。 我们将首先水平排列输入小部。 Tab 最后,我们将使用VBox将输入小部和选项卡堆叠在一起。 End 文章推荐 ◆使用(ipywidgets)“盘活”Jupyter Notebook(上) ◆机器人也能走独木桥了!

1.3K30
  • 广告
    关闭

    腾讯云+社区系列公开课上线啦!

    Vite学习指南,基于腾讯云Webify部署项目。

  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    使用(ipywidgets)“盘活”Jupyter Notebook(上)

    这就是ipywidgets发挥作用的地方:它们可以嵌入到笔记本中,并提供一个用户友好的界面来收集用户输入并查看更改对数据/结果的影响,而不必与代码;你的笔记本可以从静态文档转换为动态仪表盘——非常适合显示你的数据故事 范围:ipywidgets上的资源有限,很少有教程是不完整的,或者只关注功能/装饰器。这是一个完整的教程,介绍如何完全控制小部来创建强大的仪表盘。 但让我们快速定义一下: 小部是GUI元素,如按钮、下拉菜单或文本框,它驻留在浏览器中,允许我们通过响应事和调用指定的处理程序来控制代码和数据。 可以装和定制这些GUI元素来创建复杂的仪表盘。 演示:链接 小部列表 有关小部的完整列表,你可以查看文档,或运行以下命令: 1print(dir(widgets)) 处理小部 小部可以响应事,这些事在用户与它们时引发。 让我们看看这是怎么工作的… 根据其特定的特性,每个小部公开不同的事。每次触发事时都将执行事处理程序。 事处理程序是响应事的回调函数,它异步操作并处理接收到的输入。

    4.7K50

    微信小程序开发实战(16):

    动作表单(ActionSheet) iOS程序员一定对ActionSheet非常熟悉,这是Cocoa Touch很常用的UI。 使用ActionSheet会从当前窗口底部往上弹出一个窗口,可以在该窗口放置任何,例如,如图1所示的一排按钮。 ? 在小程序中使用ActionSheet要使用<action-sheet>标签,该标签中可以包含任意的,因此,可以在ActionSheet上放置任何小程序支持的UI元素。 图2 点击“取消”按钮输出的日志信息 在<action-sheet>标签中可以放置任何,例如,下面的布局代码除了前面的5个按钮外,还放置了一个<image>标签。 与Android、iOS不同的是,这些对话框需要实现摆放在布局文中,默认是隐藏状态。例如,下面的布局代码放置了两个<modal>标签,并通过点击相应的按钮显示其中一个对话框。

    17520

    ipywidgets系列(01):花式加载数据

    这是因为一开始我们的导入语句是 import ipywidgets as wg ,这是我们定义的别名 @wg.interact_manual() ,是手动的意思,这情况下,他会根据目标函数的各个参数的默认值类型 ,判断分别应该使用哪种控 比如,我们的函数的2个参数都是字符串类型,因此他会自动生成2个文本框 在所有的下方,会生成一个按钮 此时,我们往2个文本框输入相应的信息,点击最后的按钮即可加载数据: ---- 选择一个文 刚刚说过,ipywidgets 的装饰器能自动根据参数默认值的类型生成适合的,这次,我们读取当前目录下的所有 excel 文路径的列表,看看会有啥效果: 行1,2:使用 pathlib2 得到当前目录的所有 xlsx 后缀的文列表 行5:把上一步得到的文列表,直接赋值给函数的参数 file 的默认值 现在看到,第一个最右边有一个小下标,很明显,这是一个下拉选择框 点击后,可以选择文 ---- 还有更多 那么,是不是连工作表名字也可以根据选择的文名字,转为下拉选择框?

    25230

    5分钟掌握8个常用,轻松进阶原型设计

    随意拖出一个,这里我们以Mockplus中的按钮为例。 ? 2.拖出弹出菜单,将按钮右上角的链接点与菜单相连。 ? 3.双击弹出菜单以编辑菜单位置及内容。 ? 二、弹窗 弹窗与弹出面板的操作步骤基本一致,区别在于弹出菜单的四个菜单项都可再设置动作,而弹窗仅有“是”、“否”两个选项可供设置动作。 ? 五、面板 面板其实就是一个可供放置的容器。 将能容面板拖至需要的地方,调整大小,双击进入编辑模式,拖入需要的即可。注意,超出面板边界的地方不会显示。 你会发现:因为是容器,面板是有边界的,子超过边界的部分会被“切掉” 。 ? 六、弹出面板 弹出面板是最为灵活的。 拖入一个弹出面板,双击打开,你会发现它里面什么也没有,但是利用它,我们完全可以自己制作出需要的弹窗、消息框、提示框等许多。 ? 七、内容面板 内容面板主要用来实现内容的快速切换。

    494100

    Vue父子

    本文标识 : V00013 本文编辑 : Jack 风 编程工具 : Vscode 阅读时长 : 3分钟 父向子传值 1. 使用`v-bind`或简化指令,将数据传递到子中:

    向父传值 原理: 父将方法的引用 ,传递到子内部,子在内部调用父传递过来的方法,同时把要发送给父的数据,在调用方法的时候当作参数传递进去; 父解析 父将方法的引用传递给子,其中,getMsg是父中methods 中定义的方法名称,func是子调用传递过来方法时候的方法名称<son @func="getMsg"></son> 子解析 子内部通过this. $emit('方法名', 要传递的数据)方式,来调用父中的方法,同时把数据传递给父使用

    基于 HTML5 Canvas 的可旋钮

    Demo 链接:https://hightopo.com/demo/comp-knob/ 整体思路 参数 绘制旋钮 绘制刻度 绘制指针 绘制标尺 绘制文本 效果 1.参数 ? 到这就完成了基本的旋钮,下面继续做一些细节上的优化。 例如加一些阴影效果,颜色渐变,配色调整等。 7.效果 以上就是绘制好了一张静态图,最后就只要再加上一些效果就可以了。 这里我采用的是 HT for Web 的矢量来实现。可参考 → 戳这 监听 onUp 和 onDraw 事。 ', true); dm.a('rectSelectable', true); ht.Default.setCompType('knob',func); //注册

    33320

    工程 预览、、部署习题

    A)在用例视图下可以创建类图 B)在逻辑视图下可以创建图 C)在逻辑视图下可以创建包 D)在构建试图下可以创建构 4、在图中,(   D   )用于显示构之间的关联关系。 A、模块                    B、函数          C、用例                    D、构 16、图用于对系统的静态实现视图建模,这种视图主要支持系统部的配置管理 A.图     B.状态图     C.顺序图     D.部署图 18、(  C )的基本元素有节点、构、对象、连接、依赖等。 A.图     B.状态图     C.部署图     D.顺序图 19、下面关于部署图的说法中,错误的是( A ) A  部署图描述系统运行时的软和硬的物理结构,用于对系统的物理方面建模。 24、图用于对系统的静态实现视图建模,这种视图主要支持系统构的配置管理,通常可以分为四种方式来完成,下面哪种不是其中之一( B )。

    70110

    JavaScript测试教程–part 4:模拟 API 调用和模拟 React

    JavaScript测试教程–part 4:模拟 API 调用和模拟 React 今天,我们进一步测试 React 。它涉及模拟和模拟 API 调用。你将学到两种方法,开始吧! 我们把 ToDoList 修改为智能。 shallow( <ToDoList/> ); expect(fetchSpy).toBeCalled(); }); }); }); 模拟 React 在之前的文章中,我们提到了阅读的状态或属性,但这是在实际与之时。 JavaScript测试教程–part 4:模拟 API 调用和模拟 React 原文:https://wanago.io/2018/09/17/javascript-testing-tutorial-part-four-mocking-api-calls-and-simulation-react-components-interactions

    43710

    Vue 间的

    更改 子的 状态 ;子 更改 父的 状态 一开始使用的是 JS 的引用类型进行子父进行,比如: 示例1: let str = { name:"张三" } console.log (str); str.name = "李四"; console.log(str); 示例2: 父与子通(使用 JS 引用类型,修改同一块内存地址,子父同时变化) <template> ,name显示的值均为 “李四” ,巧妙的使用 JS 引用类型, 为什么要贴出这两个较简单的代码,是想说明他的引用内存地址是同一块地址, 有时候就可以不使用vuex 进行使用,所以换在Vue中简单版本可以进行 下面介绍Vue的: 大纲介绍: 父传值给子 props 父调用子的方法:(通过 ref 进行操作) 子调用父(emit、on配合使用) ---- 1、父传值给子 (props 2、父调用子的方法:(通过 ref 进行操作) 父代码: <template> <!

    7620

    JavaScript 测试系列实战(三):使用 Mock 模拟模块并处理

    在之前的两篇教程中,我们学会了如何去测试最简单的 React 。在实际开发中,我们的经常需要从外部 API 获取数据,并且逻辑也往往更复杂。 在这篇教程中,我们将学习如何测试更复杂的,包括用 Mock 去编写涉及外部 API 的测试,以及通过 Enzyme 来轻松模拟 初次尝试 Jest Mock 我们的应用程序通常需要从外部的 改写 TodoList 首先让我们改造,使其能够通过 API 获取数据。 <button onClick={[Function]} > Add a task </button>

    `; 在测试中模拟 React 除此之外,我们还在整个 React 中模拟了事。我们检查了它是否产生了预期的结果,例如的请求或状态变化。为此,我们了解了 spy 的概念。

    58120

    IOS小(7):小点击

    点击方式 点击Widget窗口唤起APP进行指定跳转支持两种方式: widgetURL:点击区域是Widget的所有区域,适合元素、逻辑简单的小部 Link:通过Link修饰,允许让界面上不同元素产生点击响应 中号点击1 VStack { Link(destination: URL(string: "medium/link_text1")!) 中号点击2 VStack { Link(destination: URL(string: "medium/link_text1")!) 中号点击3 Link(destination: URL(string: "medium/widgeturl_root")!) 结语   本文介绍了小点击的两种方式,widgetURL和Link,通过测试代码了解了具体的使用和合情况。至此,小整个流程上的技术点都讲解完了。

    34530

    Angular开发实践(四):之间的

    在Angular应用开发中,可以说是随处可见的。本篇文章将介绍几种常见的通讯场景,也就是让两个或多个之间的方法。 根据数据的传递方向,分为父向子传递、子向父传递及通过服务传递三种方法。 通过ngOnChanges()来截听输入属性值的变化 通过 setter 截听输入属性值的变化的方法只能对单个属性值变化进行监视,如果需要监视多个、式输入属性的时候,这种方法就显得力不从心了。 父与子通过本地变量(模板变量)动 父不能使用数据绑定来读取子的属性或调用子的方法。 CallService的info'; } } 上面的代码中,我们定义了一个CallService服务,在其内定义了info属性,后面将分别在父子通过修改这个属性的值达到父子相传递数据的目的

    82280

    Flutter手势+自定义绘板v0.01

    终于把基本的扯完了,真的是多如牛毛。现在让我们来看一下控如何实现 最后会实现一个简单的有点笔触效果的画布,来说明如何使用手势。 ? ---- 1.从RaisedButton看事 Flutter的中有很多是有点击事的,比如按钮,这里简单翻一下源码。 , onTap: () { print("OnTap in InkWell"); }, ); ---- 3.手绘板 v0.01 3.0:前置准备 需要的知识点:Flutter中的手势 ,主要是移动相关 1.一条线是点的集合,绘板需要画n条线,所以是点的集合的集合 _lines 2.为有状态,_lines为状态量,在移动时将点加入当前所画的线 3.当抬起时说明一条线完毕 这样就可以了,这里还有很多待完善的地方,不过作为手势的应用的例子还是不错的 ?

    41510

    three.js 事

    点击查看效果 在three.js中,展示的一切内容都是在canvas中绘制的,所以点击事点击到物体上是无法获取点击对象的,要获取点击的对象,要使用RayCaster,是用于在三维空间中进行鼠标拾取

    2.5K90

    three.js 事

    在three.js中,展示的一切内容都是在canvas中绘制的,所以点击事点击到物体上是无法获取点击对象的,要获取点击的对象要使用RayCaster,用于在三维空间中进行鼠标拾取,原理是:相机与鼠标所在的设备坐标之间的连线经过哪些物体

    46430

    Vue注册,间数据,调试工具及插槽介绍及使用

    vue (Component)是 Vue.js 最强大的功能之一。 可以扩展 HTML 元素,封装可重用的代码。 系统让我们可以用独立可复用的小来构建大型应用,几乎任意类型的应用的界面都可以抽象为一个树: ? 目标 /* 知道化开发思想 知道的注册方式 说出间的数据方式 说出插槽的用法 说出Vue调试工具的用法 基于的方式实现业务功能 */ 化开发思想 /* vuejs/vue-devtools.git cd vue-devtools yarn install && yarn build 谷歌浏览器打开开发者模式,加载打包后的shell-chrome目录 间数据向子传值 1.

    13650

    谈谈软设计

    谈谈软设计 设计的由来 设计(Interaction Design)这一概念,最初是由IDEO创始人之一Bill.Moggridge(莫格里奇)1984年在一次会议上提出。 《设计》一书中,对设计是这么描述的: 设计是定义、设计人造系统的行为的设计领域。它定义了两个或多个动的个体之间流的内容和结构,使之相配合,共同达成某种目的。 设计努力去创造和建立的是人与产品及服务之间有意义的关系。 行为所需的五个基本要素:人、动作、目的、媒介、场景,被领域广泛认可和推崇。 软用户界面 UI其实是一个广义的概念,《现代汉语词典》将“界面”定义为:物体与物体之间的接触面,泛指人和物(人造物、工具、机器)动过程中的界面(接口)。 通过以下三个层面来理解UI的概念。 首先,UI是指人与信息的媒介,它是信息产品的功能载体和典型特征。UI作为系统的可用形式而存在,比如以视觉为主体的界面,强调的是视觉元素的织和呈现。

    8510

    小游戏能相直跳,开源一个叉营销

    细心的同学应该能发现现在小游戏能直接跳转小游戏了,那意味着我们可以像以前玩个人网站那样换链接,于是周末封装了个叉营销,开源一下。 欢迎使用 jocross.js jocross.js 是微信小游戏上的一个叉营销,找作者收录小游戏后,接入代码即可展示相关游戏入口(其他游戏能展示自己游戏入口),目前展示逻辑为随机展示三个入口,未来会根据贡献调整展现几率 ,请提供以下资料 小游戏名字 小游戏logo 小游戏简介,9字以内 小游戏appid 小游戏的小程序码或者带小程序的海报图片(用以没法直接跳转时展示) 第2步,检出本github,并把jocross文夹放在微信小游戏项目的根目录 ,在相关的js文中页头引入jocross.js import jocross from "jocross/jocross.js" 第3步,在需要展示的位置初始化代码 var myCross = new

    29310

    相关产品

    • 大数据可视交互系统

      大数据可视交互系统

      腾讯云大数据实时可视交互系统 [RayData],基于数据实时渲染技术,利用各种技术从大规模数据通过本系统,实现云数据实时图形可视化、场景化以及实时交互,让使用者更加方便地进行数据的个性化管理与使用。

    相关资讯

    热门标签

    扫码关注云+社区

    领取腾讯云代金券