文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    【to B管理端】消息反馈设计盘点

    to B管理端的组件设计专辑开讲啦，以下是专辑目录： 1、to B管理端-消息反馈设计 2、to B管理端-表格设计 3、to B管理端-表单设计 ...陆续增加 本文章目录： 为什么需要消息反馈 消息反馈的类型...，主动消息是用户主动操作后，系统提示的消息，比如toolTip、toast、dialog。...6、Loading 加载 常用于数据加载中提示、操作中提示，Loading的文案可按照具体场景定义 7、Message 消息提示 常用于用户主动操作后的消息提示，比如提交表单，Message在悬浮几秒后...可详细分为操作成功提示、操作告警提示、操作失败提示 8、MessageBox 弹框 常用于表单提交内容的对话框 9、Notification 通知 悬浮出现在页面角落，显示全局的通知提醒消息，这是一种比较强的提示...10、红点提示 常用于系统推送消息的提示，这是一种比较弱的提示 11、站内信消息框 常用于系统推送消息列表的简短展示 12、表单内的错误提示 常用于输入框未填、选择框未选状态下的提示。

    1.6K41

    第3章 WEB03- JS篇-视频教程-第一部分

    01-上次课内容回顾 02-案例一：JS定时弹出广告-需求和分析 03-案例一：JS定时弹出广告-代码实现 04-案例一：JS定时弹出广告-总结JS引入方式及BOM对象 05-案例二：JS进行表单校验需求和分析...06-案例二：JS进行表单校验代码实现 07-案例二：JS进行表单校验的事件的总结 08-案例二：JS进行表单校验的事件的总结练习 09-案例三：JS控制表格隔行换色的需求和分析 10-案例三：JS控制表格隔行换色的代码实现...： float： 清除悬浮： clear： position： JavaScript: 1.JS的概述:运行在浏览器端的脚本语言。...Navigator： Screen History Location 1.3 使用JS完成表单的校验 1.3.1 需求分析： 之前已经完成了一个表单校验，弹出提示框的形式。...现在当鼠标点到文本框的时候，在文本框的后面给我们一段提示.当光标离开的时候完成校验.将信息写到文本框的后面的位置而不是提示框的形式。

    5.5K20

    AutoJs6 – v6.2.0 – 安卓 JavaScript 自动化工具 (Auto.js 二次开发)

    软件简介: Android 平台支持无障碍服务的 JavaScript 自动化工具 需要 Android 7.0 (API 24) 及以上 克隆 (clone) 自 hyb1996/Auto.js...夜间模式下部分设置选项文字与背景色相同而无法辨识的问题 修复 关于页面功能按钮文本长度过大导致文本显示不完全的问题 修复 主页抽屉设置项标题长度过大导致文本与按钮重叠的问题 修复 主页抽屉权限开关在提示消息对话框消失后可能出现状态未同步的问题...(试修) 修复 文本编辑器设置字体大小时可用最大值受限的问题 修复 部分安卓系统脚本运行结束时日志中无法统计运行时长的问题 修复 使用悬浮窗菜单关闭悬浮窗后重启应用时悬浮窗依然开启的问题 修复...系统在夜间模式关闭时导航栏按钮难以辨识的问题 修复 http.post 等方法可能出现的请求未关闭异常 修复 colors.toString 方法在 Alpha 通道为 0 时其通道信息在结果中丢失的问题 优化 重定向 Auto.js...优化 主页抽屉权限开关仅在开启时弹出提示消息 优化 主页抽屉布局紧贴于状态栏下方避免顶部颜色条的低兼容性 优化 检查更新 / 下载更新 / 更新提示功能兼容安卓 7.x 系统 优化 重新设计设置页面

    7.5K20

    灵活运用CSS开发技巧

    前言 √灵活运用CSS开发技巧 请戳这里，持续更新 √灵活运用JS开发技巧 请戳这里，持续更新 何为技巧，意指表现在文学、工艺、体育等方面的巧妙技能。...在线演示 使用:valid和:invalid校验表单 要点：使用伪类:valid和:invalid配合pattern校验表单输入的内容 场景：表单校验 兼容：pattern、:valid、:invalid...在线演示 悬浮状态球 要点：展示当前状态的悬浮球 场景：状态动态显示、波浪动画 兼容：gradient、animation 代码：在线演示 ?...在线演示 动态边框 要点：鼠标悬浮时动态渐变显示的边框 场景：悬浮按钮、边框动画 兼容：gradient 代码：在线演示 ?...在线演示 加载指示器 要点：变换…长度的加载提示 场景：加载提示 兼容：animation 代码：在线演示 ?

    5.4K20

    Web页面组成

    18）placeholder 提示用户请输入的提示。...在很多系统中，涉及用户数据的时候，都用的是from表单。 from表单有个属性叫做action。你提交的一个动作。...12）鼠标悬浮，通过js可以实现。 鼠标悬浮，对html页面上的元素做了样式的改变。 4.DOM对象 ? 1）HTML DOM树 ? 动态效果： 填写一个表格，点击提交，等会刷新下，页面多了条数据。...3）alert() 方法用于显示带有一条指定消息和一个 OK 按钮的警告框。 4）Python是严格的缩进和对齐，但是js不需要。js结尾需要加上分号;，Python是不需要的。...js在收到它的返回结果后，就知道这个注册有没有成功，如果成功了，自然给页面做一些跳转并给你适当的提示“恭喜你，注册成功！！！”。 数据库的操作，js是不直接参与的。js用接口和后端服务进行交互的。

    2.6K20

    基于 Claude Code 与 BrowserCat MCP 的浏览器自动化全链路构建实践

    例如表单里选择省份、性别下拉框，自动选对应选项，完成表单交互。 6....`browsercat_hover` **功能**：模拟鼠标悬停在页面元素上的操作，触发元素的 hover 事件（如 CSS hover 样式变化、悬浮提示框显示 ）。...`browsercat_hover` **模拟鼠标悬浮在元素上的行为** ，触发元素的 hover 交互（如 CSS 样式变化、显示悬浮提示框、展开下拉菜单 ）。...比如测试导航菜单的悬浮效果、验证元素悬浮后的动态加载内容，还原用户浏览时 “悬停查看” 的操作场景。 14....比如页面没有直接暴露的接口 / 元素，可通过 `evaluate` 写 JS 脚本获取复杂数据（如 `document.querySelector('xxx').dataset` 取自定义属性 ）、操作

    1.4K20

    【原创】HTML中常用标签

    可用于作为数学公式中的上标或者下标符 代码表现为： 网页如下图： 5.图片标签 1502604 ： src【必须】:用于设置图片路径，可以时本地路径，也可以的是URL alt【必须】:用于设置图片加载失败后的提示...title【必须】作用:鼠标悬浮在图片上方会展现title的属性值，有利于SEO width【可选】:设置图片的宽度，当只设置widht属性时，图片高度会等比例显示，保证图片不失 真。...:表单标签 用于包裹表单域和表单按钮 自带action属性: 用于设置服务器地址，即表单需要提交的地址。...submit" 登录按钮，点击后展现效果为提交表单数据到服务器(form标签中的action属性值) type="button" 普通按钮，无特殊展示效果，需要配合js使用 placeholder...=""属性： 作用于输入框时，作为输入框未输入时显示的提示性内容，如果输入框输入文字，则会自动隐藏。

    3.9K20

    能用HTMLCSS解决的问题就不要使用JS！

    我一个纯展示的静态页面，为啥要写js呢，是吧。 注意这个hover选择器特别好用，几乎适用于所有需要用鼠标悬浮时显示的场景。 2....鼠标悬浮时显示 鼠标悬浮的场景十分常见，例如导航的菜单： 以及在《Google地图开发总结》一文提到的，marker详情框的显示： 一般要把隐藏的东西如菜单作为hover目标的子元素或者相邻元素，才方便用...使用表单提交 提交请求有两种方式，一种是ajax，另外一种是表单提交。很多人都知道ajax，但往往忽略了还有个form提交。...，像第6点，按回车实现跳转，或者是像下面的，按下回车就送一条聊天消息： 通常的做法是监听下keypress事件，然后检查一下keycode是不是回车，如果是则发请求。...但是其实有个特别简单的办法，也是不需要一行JS，那就是把表单写在一个form里面，按回车会自动触发submit事件。读者可以自己试试。这个就启示我们要用语义的html组织，而不是全部都用div。

    3.3K20

    能用HTMLCSS解决的问题就不要使用JS

    我一个纯展示的静态页面，为啥要写js呢，是吧。 注意这个hover选择器特别好用，几乎适用于所有需要用鼠标悬浮时显示的场景。 2. 鼠标悬浮时显示 鼠标悬浮的场景十分常见，例如导航的菜单： ?...使用表单提交 提交请求有两种方式，一种是ajax，另外一种是表单提交。很多人都知道ajax，但往往忽略了还有个form提交。 假设在首页有一个搜索的表单，点击search的时候就跳到列表页 ?...，像第6点，按回车实现跳转，或者是像下面的，按下回车就送一条聊天消息： ?...但是其实有个特别简单的办法，也是不需要一行JS，那就是把表单写在一个form里面，按回车会自动触发submit事件。读者可以自己试试。这个就启示我们要用语义的html组织，而不是全部都用div。...如果用相应的html标签，浏览器会自动做一些优化，特别是表单提交的input。

    4.2K40

    Postman系列之安装及简介

    ③Filter（过滤输入框）：可以对历史记录及集合进行过滤; ④clear all:清除所有历史记录; ⑤Save Response:打开表示保存所有历史记录及其响应； ⑥鼠标悬浮于历史请求，弹出对请求的相关操作...①Authorization：身份验证，主要用来填写用户名密码，以及一些验签字段,postman有一个helpers可以帮助我们简化一些重复和复杂的任务。...①form-data：将表单数据处理为一条消息，用分隔符分开。...key-value键值对（比如name=coco），也可以直接上传file文件； ②x-www-form-urlencoded：对应信息头application/x-www-from-urlencoded，会将表单内的数据转换为键值对...表单请求： Content-Type=application/x-www-form-urlencoded json请求： Content-Type=application/json 二进制请求： Content-Type

    1.7K30

    使用Vue开发Chrome插件

    tailwind base; @tailwind components; /* purgecss end ignore */ @tailwind utilities; 从官方例子导入一个登陆表单...，效果如下 项目搭建​ 页面搭建​ 页面搭建就没什么好说的了，因为使用的是 element-ui，所以页面很快就搭建完毕了，效果如图 悬浮窗​ 悬浮窗其实可有可无，不过之前写 Chrome 插件的时候就写了悬浮窗...要注意的是悬浮窗是内嵌到网页的（且在 document 加载前载入，也就是"run_at": "document_start"），所以需要通过 content-scripts.js 才能操作页面 Dom...popup（因为操作 popup 的前提都是 popup 要打开），相对更多的是 content –> background 或 popup –> content content-script 主动发消息给后台...div > div.comment-send > div.textarea-container > button').click() } sendResponse('我收到了你的消息

    4K20
    点击加载更多

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 粤公网安备44030502008569号

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号

      领券