首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Ng-Matero v15 正式发布

GitHub: https://github.com/ng-matero/ng-matero 日期时间组件 Datetimepicker 重磅更新 日期时间组件 datetimepicker v12...侧边栏导航焦点管理 侧边栏导航聚焦功能是 14.3.0 中添加,可能很多人没有注意到这个不显眼功能(使用 TAB 键即可快速切换焦点,按 space 或者 enter 键可以展开收起二级菜单...用于自定义焦点管理,总之非常方便。...很多人可能觉得这个功能不重要,但是作为一个交互细节强迫症患者来说,真的无法忍受按 TAB 键时焦点乱飞且不知所踪问题。...题外话,我好奇尝试了大部分高人气 admin 后台(包括其它技术栈 React、Vue),发现 99% 项目都没有处理 TAB 聚焦。

5.5K40

(数据科学学习手札118)Python+Dash快速web应用开发——特殊部件

图1 2 Dash中常用特殊功能部件 2.1 用Store()来存储数据   dash_core_components中有着很多功能特殊部件,Store()就是其中之一,它功能十分简单,就是用来存储数据...图3 2.3 利用ColorPicker()进行交互式色彩设置   接下来我们要介绍这个很有意思部件来自Dash官方依赖dash_daq,它并不是自带,我们需要用pip进行安装。...图4   实际是这样: ?...图5 2.4 利用DashDatetimepicker()进行时间范围选择   接下来我要给大家介绍这个部件DashDatetimepicker()也是来自第三方库,它基于react-datetime...使用pip install dash_datetimepicker完成安装之后,默认部件月份和星期名称显示都是英文,我通过对相关js源码略加修改之后,便可以使用中文了,大家使用时候把本期附件中

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

纯Python轻松开发实时可视化仪表盘

而在Dash生态中还有一系列功能比较特殊但又非常实用部件,今天文章我们就来学习这些常用「特殊部件」。...图1 2 Dash中常用特殊功能部件 2.1 用Store()来存储数据 dash_core_components中有着很多功能特殊部件,Store()就是其中之一,它功能十分简单,就是用来存储数据...~ 图3 2.3 利用ColorPicker()进行交互式色彩设置 接下来我们要介绍这个很有意思部件来自Dash官方依赖dash_daq,它并不是自带,我们需要用pip进行安装。...: 图5 2.4 利用DashDatetimepicker()进行时间范围选择 接下来我要给大家介绍这个部件DashDatetimepicker()也是来自第三方库,它基于react-datetime...使用pip install dash_datetimepicker完成安装之后,默认部件月份和星期名称显示都是英文,我通过对相关js源码略加修改之后,便可以使用中文了,大家使用时候把本期附件中

1K20

【愚公系列】2023年11月 Winform控件专题 DateTimePicker控件详解

《博客内容》:.NET、Java、Python、Go、Node、前端、IOS、Android、鸿蒙、Linux、物联网、网络安全、大数据、人工智能、U3D游戏、程序等相关领域知识。...以下是使用DateTimePicker控件一些常见操作:添加DateTimePicker控件:Visual Studio中,打开Form设计器并从工具箱中选择DateTimePicker控件,将其拖动到窗体即可添加控件...设置DateTimePicker格式:DateTimePicker控件提供了多种日期和时间格式,可以通过设置其CustomFormat属性来自定义格式。...下面是使用ShowUpDown属性示例:在窗体设计器中,拖拽一个DateTimePicker控件到窗体打开属性窗口,将ShowUpDown属性设置为True。...表单拖放一个DateTimePicker控件并设置其属性如下:Name: dateTimePicker1Format: CustomCustomFormat: yyyy-MM-dd hh:mm tt

1.4K11

Web如何适配无障碍?

它补充了 HTML,以便在没有其他机制时可以将应用程序中常用交互和小部件传递给辅助技术。...这是不对,无障碍软件可能无法识别到它是有点击事件,就不会播报出来。建议点击事件尽量只绑定在或这种原生clickable元素,而不是。3....这对视障群体并不友好,因为焦点多、密集,明明是同一块内容,却分散到2个焦点,这不方便他们摸索整个页面。...管理焦点如果需要主动管理焦点(例如页面初始焦点放在大标题上、弹窗打开时切换焦点至弹窗标题、弹窗关闭时恢复之前焦点位置),需要通过element.focus()方法来控制焦点,但只有、<...页面内有弹窗,需要管理焦点,开启弹窗时,focus弹窗标题(也可focus“关闭”)。关闭弹窗时,focus打开弹窗之前焦点

3.6K63

TDesign 更新周报(2022 年 5 月第 1 周)

时样式冲突问题 TS类型TableColumns[0]严格模式下使用问题 Table:renderExpandedRow改为非必填 全局配置:修复animation属性exclude和include...TS中都必填问题 Datepicker:修复weekday英文翻译顺序问题 Others Table:TS 类型全部移入 interface.ts 文件中,并导出 Calendar:对value属性功能进行修正...[0]严格模式下使用问题 Menu:使用t-submenutemplate #icon 无效问题 Menu:修复expandMutex无法动态更新 Input:修复onChange触发两次 Tabs...Toast:更正Loading标志颜色 DateTimePicker:修复defaultValue无法使用问题 详情见:https://github.com/Tencent/tdesign-miniprogram.../Tencent/tdesign-vue-next-starter/releases/tag/0.3.0 程序架微信开发者工具 官方通用程序 demo 和智慧零售模板均已架 微信开发者工具,可以创建项目时选择使用

5.3K50

5000字React-native源码解析

正式开始 环境准备:Node、Watchman、Xcode 和 CocoaPods & XCode ,稳定代理工具(如果没有稳定代理工具,基本可以考虑放弃了) 生成项目 npx react-native...然后用xCode打开build,成功后模拟器就会出现APP,打开即可进入 image.png ⚠️:一定不要升级xCode高版本,跟我版本保持一致最好,因为高版本xCodevoip唤醒激活会出现电话界面...如果你环境是windows或者安卓,请参考官网 正式开始 启动后,发现APP这样 image.png 我们打开主入口index.js文件 /** * @format */ import...'; 打开react-native源码 'use strict'; import typeof Button from '....' instead of 'react-native'. " + 'See https://github.com/react-native-community/datetimepicker

2.5K20

iOS 16:让 iPhone 电池更持久 15 个技巧

请注意,没有很多建议不会禁用 iPhone 关键功能,因此您必须平衡电池消耗与您想要启用功能集,需要更长电池寿命时根据需要关闭和打开。...可以按照以下步骤禁用实时活动: 打开设置应用程序。 前往面容 ID和密码。 输入您密码以解锁“iPhone”。 向下滚动并关闭实时活动。 这将阻止实时活动显示锁定屏幕,但您需要更进一步。...小部件锁定屏幕始终可见,并且许多小部件在后台刷新,这意味着它们正在消耗电池电量。 如果您担心电池寿命,您可能想要创建一个没有小部件锁定屏幕。...有关添加小部件、删除小部件和创建锁定屏幕详细信息,我们有专门 iOS 16 锁定屏幕指南。 ‌Widgets‌ 也可以主屏幕显示,这是 iOS 16 之前一项功能。...Apple iOS 16 中让 Focus 模式更容易设置,但仍然需要一些工作才能让一切正常运行,因此我们有专门 Focus 指南。您可以“设置”应用焦点”部分找到所有“焦点”功能。

3.4K20

Qt Designer中QWidget属性表介绍

tabletEvent() ⑥focusPolicy Qt Designer中可以设置部件焦点策略 ---- 部件焦点策略属性取值范围由枚举类型Qt.FocusPolicy来定义,该枚举类型及其含义如下表所示...提示信息,就是当鼠标放到控件时,会浮动出一个框显示提示信息。...whatsThis帮助信息一般部件获得焦点后,按Shift+F1弹出显示, 如果这个快捷键被别的功能占用,则whatsThis帮助信息可能无法展示。...②font(字体设置) 注意:如果Qt Style Sheets与setFont()同一个部件使用,则如果设置冲突,样式表将优先 Qt Designer中部件Font属性中可以设置对应部件字体属性...,有三个取值 image.png 部件设置布局方向时,它将传播到部件子级, 但不会传播到作为窗口子级, 也不会传播到已显式调用setLayoutDirection()子级。

10.4K20

Python Qt GUI设计:UI界面可视化组件、属性概述(基础篇—3)

如果组件布局管理器中,且布局管理器也设置了最小尺寸,则部件本身最小尺寸以部件mimimumSize为准,布局管理器设置不起作用。...toolTip属性 toolTip属性设置组件toolTip提示信息,toolTip提示信息鼠标放到控件上会浮动出一个框显示提示信息。...statusTip属性 statusTip属性保存statusTip提示信息,statusTip提示信息鼠标放到控件时在窗口状态栏显示提示信息,如果窗口无状态栏则不显示。...whatsThis帮助信息一般组件获得焦点后按Shift+F1弹出显示,如果这个快捷键被别的功能占用,则whatsThis帮助信息可能无法展示。...该属性缺省为空,这个功能在窗口打开文件进行操作时可以使用来标记打开文件。

5.4K50

七夕快到了,教你用python去表白!

__init__(self),括号里是有self self.setGeometry(300, 300, 800,800) # setGeometry()方法完成两个功能--设置窗口屏幕位置和设置窗口本身大小...它前两个参数是窗口屏幕x和y坐标。后两个参数是窗口本身宽和高 #self.resize(1000, 500) # 设置窗体大小,本行可有可无。...父窗口小部件是示例窗口小部件,它是通过QWidget继承 self.buttonOK.setFocusPolicy(QtCore.Qt.NoFocus)#按钮无焦点 # Qt::TabFocus 0x1...父窗口小部件是示例窗口小部件,它是通过QWidget继承 self.buttonE.setFocusPolicy(QtCore.Qt.NoFocus) # 按钮无焦点 # Qt::TabFocus 0x1...父窗口小部件是示例窗口小部件,它是通过QWidget继承 self.buttonNO.setFocusPolicy(QtCore.Qt.NoFocus) # 按钮无焦点 # Qt::TabFocus

1.6K10

50 个让你高效编程前端轮子

原文来自:ZHUIMEN,https://segmentfault.com/a/1190000038589634 总结下今年用到一些有意思《js轮子》(只是大概列出些比较有意思库,每个标题下都是超链接...如有意思 轮子 可以评论列出一起讨论下 ---- color https://www.npmjs.com/package/color ==功能==:JavaScript库,用于不可变颜色转换和对...https://www.npmjs.com/package/react-markdown ==功能==:使用备注ReactMarkdown组件。...==功能==:三个最有用装饰器简洁实现: @bind:this方法内使常量值 @debounce:限制对方法调用 @memoize:根据参数缓存返回值 npm i -S decko p-queue...它核心是借鉴 iscroll 实现,它 API 设计基本兼容 iscroll, iscroll 基础又扩展了一些 feature 以及做了一些性能优化。

8K30

白板随手一画,嗖嗖变成代码

…… 你一边听着同事们七嘴八舌建议,一边就把原型图白板上画了出来:“我们按这个来讨论一下吧,时间不等人,后面还要UI设计、前端开发……” “差不多长这样是吧?”前端开发丁打断了你发言。...电脑,正按照你说样子,运行着一个页面,每一处banner、按钮、跳转都可以点击,所有文字、图片都放在了它应该出现地方,一旁HTML代码简洁清晰,就像产品已经做出来了一样。 ?...视频中,产品经理白板勾勒原型草图。 ? 而屏幕,显示着识别的过程,同时正在生成代码和UI界面预览。 ? 放大细节清晰地展示出了识别的过程。 ?...来自欧洲teleportHQ 这个草稿生成网页视频LinkedIn和Twitter疯传,视频中那个神奇工具到底是什么呢?...· 视觉模型检测图像中出现HTML部件,标记出他们位置。 · 识别所有部件手写文本。 · 布局算法根据各部件边框空间信息生成网格结构。

1.6K60

TDesign 更新周报(2022年7月第2周)

属性透传无效Transfer: 修复穿梭框进行穿梭时报错问题Table: 树形结构支持懒加载Dialog: 修复打开对话框时出现滚动条问题DatePicker: 修复日期格式化问题TimePicker...: 修复 dialog 阻止冒泡导致 popup 无法正常关闭Dialog: 修复打开对话框,出现滚动条Slider: 修复 label 属性不生效 bugSlider: 修复 tooltipProps...为布尔值时丢失响应性问题Select: 多选下 hover 出现换行异常Dialog: 内部样式未使用prefix导致替换前缀方式样式丢失Input: autoWidth 部分场景下失效导致组件样式异常...DropdownMenu: 新增 toggle 方法用于切换菜单Tag: 升级样式以及支持左图标 Bug FixesMessage: 优化用法,支持 v-modelDateTimePicker: 修复DateTimePicker...处理方式,保证 vue 版本 2.7 以下,vue-template-compiler 版本与 vue 一致,升级 vite-plugin-vue2-svg 版本到 0.3.0详情见:https://

2.2K10

10个基于webJavaScript最优秀应用程序库和框架

例如,有时jQuery多个浏览器工作方式并不完全相同。JQuery首先关注这些问题,您可以站点找到有关浏览器支持信息。 最后,与其他库不同,jQuery并不是一个完整解决方案。...jQuery库组一个问题是它们变得非常大。有时候,一个库特性太丰富了。JQuery库大小会使它们较小设备加载速度变慢。...模型-视图-控制器(MVC)方法上下文中,React提供了视图部分。它不假设您正在使用基础技术堆栈来建模或控制数据。所有的React兴趣就是屏幕显示数据。...您为使用MVC速度和能力付出代价是增加了一定程度复杂性。即使是一个组件也需要相当多代码(如React网站上例子所演示)。当你和真正大型项目一起工作时,你获得是灵活性和速度。...然而,编码可能会变得复杂,这个框架可能更适合大企业而不是创业公司。即使是 Angular 站点简单示例也依赖于快速创建复杂性多个文件。

2.1K20

Qt 项目之虚拟键盘 V1.0

最近做了一个虚拟键盘Demo,分享给大家。 一般我在做一个东西之前会上网查找资料,看下有几种实现方式。Qt下开发虚拟键盘总体可分为两种方式——进程内部和进程外部。...进程内部,虚拟键盘可以是一个QWidget小部件,显示键盘按钮,对用户按下按键生成键盘事件,之后让具有焦点可输入部件响应键盘事件。...Qt使用DBus作为IPC通讯方式,虚拟键盘被开发完成则是一个插件,需要放到Qt指定目录下,Qt应用程序使用虚拟键盘前需要注册一下,关于虚拟键盘和插件以后我们有机会会介绍。...今天展示进程内部开发虚拟键盘方式。 我最终想要实现是点击任何可输入部件键盘都可以弹出来,但是开发过程中发现可输入部件没有在被点击后发出信号或事件,最后只好用窗体鼠标事件来替代。...,QWidget中有焦点改变信号,还有事件过滤 器,接下来会从这两方面入手。

2.7K30

【译】W3C WAI-ARIA最佳实践 -- 表单

除了需要注意情况外,通过menubutton打开菜单与从菜单栏打开菜单表现一致。 + 当 menu 打开,或者当 menubar 接收焦点时,键盘焦点设置第一个项目。...- (可选):当焦点在menuitem 中一个 menubar时,打开其子菜单,并将焦点放置子菜单最后一个项目。...(推荐)打开该menuitem 子菜单但不用将焦点移动到子菜单,或者打开该menuitem子菜单,并将焦点放置子菜单第一个项目。...例如,激活对话框中取消按钮将焦点返回到打开对话框按钮。但是,如果对话框是确认删除其来自页面的操作,焦点将会根据逻辑移动到一个新上下文。...数值调节按钮 数值调节按钮是个将值限定在离散数值集合或范围输入组件。例如,一个设置闹钟部件中,一个数值调节按钮允许用户0-59间选择分钟。

8.2K30
领券