文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布

提高工作效率的神器：基于前端表格实现Chrome Excel扩展插件

当你晚上回复完所有论坛帖子，这时候插件徽章上不再有数字，这时候是不是成就感满满。 今天我们就带大家来花30分钟时间，一起写一个展示待办任务的浏览器插件。...这时就需要用到background（后台），它是一个常驻的页面，它的生命周期是插件中所有类型页面中最长的；这里设置background.js 用来作为后台管理，处理通知等、刷新、徽章等数据。...在插件安装成功后，可以通过chrome.alarms这个api创建刷新时间与通知时间。...当通知时间到，在电脑右下角可以弹窗浏览器通知，通知我们待办数量。使用chrome.notificationsAPI 使用模板创建丰富的通知，并将这些通知显示给系统托盘中的用户。...当你的桌面不再停留在浏览器，或许你在处理邮件，或许你在编辑Excel。这时候系统发出的通知，会大大提高你的工作效率。

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

    自定义View：手撸一个带FAB凹槽的底部导航栏

    ： 导航栏与页面跳转：使用谷歌官方提供的现成组件BottomNavigationView+Navigation组件+Fragment的方式来实现； FAB停靠导航栏：利用协调者布局CoordinatorLayout...由于谷歌官方有现成的导航相关组件BottomNavigationView和Navigation组件，一般来说如果没什么特殊需求的话只需要自己定义下导航路由图和底部导航菜单menu文件，定义导航item...： 创建好了带导航栏的Activity后界面默认是这样子的效果： 接下来就是根据需求在小细节上修修补补了，由于只需要显示两个导航item，另外需要在导航栏的中间给大按钮预留个空位，于是在导航栏的menu...，接下来就是想办法把这个按钮塞进去，并且设置按钮的中心点与导航栏的顶部居中对齐。...假设按钮在垂直方向上的当前位移距离大小为d，当按钮向上运动时导航栏上的凹槽应该往中间收缩，在收缩过程中保持两旁小圆半径大小和30°夹角不变，这时另中间圆的圆心同步在垂直方向上移动-d，动态修改distance

    1.4K10

    利用BottomNavigationView实现底部标签栏

    在Android Studio上创建官方默认的首屏标签页面很方便，首先右击需要添加标签栏的模块，在弹出的右键菜单中依次选择“New”——“Activity”——“Bottom Navigation Activity...在创建页面的“Activity Name”一栏填写新活动的名称，再单击页面右下角的Finish按钮，Android Studio就会自动创建该活动的Java代码及其布局文件。...首先查看标签页面的布局文件，它的关键代码如下所示：     BottomNavigationView        ...（底部导航视图），另一个是位于其上占据剩余屏幕的碎片fragment。...每个item节点都拥有id、icon、title三个属性，其中id指定该菜单项的编号，icon指定该菜单项的图标，title指定该菜单项的文本。

    2.7K30

    谷歌助手为App开发者开放大量新特性，新增音箱到手机的交互

    △ 谷歌官方介绍视频（生肉） 话说回来，谷歌的助手到底增加了哪些具体的新特性呢？ 帮助用户找到App 不怕App多，就怕用户看不到。为了帮助用户找到更多合适的App，谷歌可是下了大手笔。...首先，谷歌升级了App目录，在谷歌助手手机端的搜索页面中加入了“最新”和“最热”两个可选项。这部分为动态内容，根据用户地点和总体趋势的变化更新推荐，增加谷歌助手里应用的曝光机会。...不仅改善了主页目录，连子目录的显示也完善了。在App目录中创建子类别后，当你点击“食物和饮料”时，App就会显示细分类别如“订餐”或“查看菜单”之类的，帮助开发者向用户传达App的所有功能。...隐藏发现是另一大特色，用户无需知道想要找到的应用名，直接输入想要做的事即可，比如“预约修理自行车”。 为了适应不同年龄和不同国家的用户，谷歌推出家庭友好App徽章，找出适合全年龄用户的应用。...目前，谷歌的声音库中已经有1000多种音色了。 △ SSML音频，让对话听起来更自然 提升用户黏性 此外，谷歌还通过推送通知为App应用引流，并且还提供相关的目录分析。

    81140

    Android开发笔记（一百六十九）利用BottomNavigationView实现底部标签栏

    在Android Studio上创建官方默认的首屏标签页面很方便，首先右击需要添加标签栏的模块，在弹出的右键菜单中依次选择“New”——“Activity”——“Bottom Navigation Activity...在创建页面的“Activity Name”一栏填写新活动的名称，再单击页面右下角的Finish按钮，Android Studio就会自动创建该活动的Java代码及其布局文件。...注意到初始页面的Home标签从文字到图片均为高亮显示，说明当前处于Home频道。接着点击Dashboard标签，此时界面如下图所示，可见切换到了Dashboard频道。...（底部导航视图），另一个是位于其上占据剩余屏幕的碎片fragment。...每个item节点都拥有id、icon、title三个属性，其中id指定该菜单项的编号，icon指定该菜单项的图标，title指定该菜单项的文本。

    2.1K20

    Android Notes｜BottomNavigationView 爱上 Lottie

    以前大部分项目底部导航栏关于图片部分的实现，要么两套图 selector 切换，要么通过着色器 tint 进行渲染，总之最后呈现的效果便是在点击时两张图静态切换，说 Low 吧，也还凑合，但是总是没那么高大上...而关于选中状态切换时，对应标题字体大小发生改变以及导航栏高度，都可以通过在 dimens 定义如下解决： 的属性： app:labelVisibilityMode：item 标签显示模式 auto：item 少于等于 3 个时，标题处于显示状态；大于等于 4 个，选中才显示标题； selected...：选中才显示标题； labeled：标题一直显示； unlabeled：只显示 icon，不显示标题。...apply { playAnimation() } // 这里判断如果当前点击的和上一次点击索引不同，则将上一次点击索引位置的 MenuItem Icon 替换

    4.7K21

    阿里Qoder IDE进行AI辅助编程的简单验证

    **通知功能**： - 显示通知铃铛图标 - 显示未读通知数量红点提示 - 点击展开通知列表（预留功能） 3....**分组显示**：菜单按功能模块分组，使用分组标题 3. **图标标识**：每个菜单项配备图标，增强视觉识别 4. **状态提示**：显示待办数量徽章（如待我填报5个） 5....**权限控制**：根据用户角色动态显示可访问菜单 #### 2.3.3 交互设计 - 鼠标悬停时菜单项背景色变化 - 当前选中菜单项左侧显示蓝色边框标识 - 支持键盘快捷键导航 - 底部显示系统版本信息...**公告分类**： - 重要公告：红色徽章，置顶显示 - 普通公告：灰色徽章 - 新增功能：绿色徽章 3....响应式设计在不同设备上正常显示 3. 统计数据准确，实时性满足要求 4. 图表交互流畅，数据可视化效果良好 5. 菜单权限控制准确，无越权访问 6. 性能满足要求，用户体验良好 7.

    30710

    【5min+】为你的.NET应用进行一次全方位体检

    针对没有测试到的部分，我们再编写一些Case进行测试。 所以我们可以引入代码覆盖率的概念来进行评估。关于该概念的内容我这里就不在过多阐述了，大家有兴趣可以“百度谷歌必应”三条龙服务。...在VS中，为我们提供了代码覆盖率的菜单项：在“测试” 菜单中，选择“分析所有测试的代码覆盖率” 。 ? 通过该功能我们就可以对已有的单元测试进行代码覆盖率度量。 ? 是不是很简单？...后面我们会使用Linux环境来进行自动化构建，所以Coverlet具有明显的优势，在Azure的官方文档中也推荐大家使用Coverlet： ?...所以要使用Azure Devops的话，请先注册您的微软账号。下面的演示我将代码托管在Github上，权限为公开，然后从Azure Devops这边链接Github的库进行构建。...徽章收集 不知道有没有人像一样，很喜欢点QQ图标之类的东西。（所以我在博客园添加了两个徽章?） 当然，使用徽章的话可以让用户一下就了解到项目的情况，比如版本号，下载数量，开源协议等等。 ?

    88530

    【5min+】为你的.NET应用进行一次全方位体检

    针对没有测试到的部分，我们再编写一些Case进行测试。 所以我们可以引入代码覆盖率的概念来进行评估。关于该概念的内容我这里就不在过多阐述了，大家有兴趣可以“百度谷歌必应”三条龙服务。...在VS中，为我们提供了代码覆盖率的菜单项：在“测试” 菜单中，选择“分析所有测试的代码覆盖率” 。 [x] 通过该功能我们就可以对已有的单元测试进行代码覆盖率度量。 [x] 是不是很简单？...后面我们会使用Linux环境来进行自动化构建，所以Coverlet具有明显的优势，在Azure的官方文档中也推荐大家使用Coverlet： [x] 使用Coverlet 使用Coverlet也很简单，直接在您的测试项目安装对应的...所以要使用Azure Devops的话，请先注册您的微软账号。下面的演示我将代码托管在Github上，权限为公开，然后从Azure Devops这边链接Github的库进行构建。...徽章收集 不知道有没有人像一样，很喜欢点QQ图标之类的东西。（所以我在博客园添加了两个徽章） 当然，使用徽章的话可以让用户一下就了解到项目的情况，比如版本号，下载数量，开源协议等等。

    85010

    听说谷歌Baba更新了 Material UI ...

    本文预计阅读：10分钟 听说谷歌Baba的IO大会更新了一些新奇的小玩意~ 新东西忒多，这里先重点关注下有关：Material UI。 最近的状态啊，真是千万头草泥马奔腾而过。。。...来瓶哇哈哈，精神抖擞来一波~ 简单回顾 Material Design，是谷歌在14年的IO大会上提出的一种新的理念，也被称为新的设计语言(也被称为“原材料设计”)，称它为设计语言不为过，但是实际上，这仅仅是谷歌提倡的一种新的设计风格...上的app：menu属性设置为菜单资源； 设置选择监听事件setOnNavigationItemSelectedListener(…)。...那下面按照步骤操作一次： Step 1：在布局中添加BottomNavigationView： BottomNavigationView...这里再次简单描述相关细节： Bottom Sheets具有五种状态： STATE_COLLAPSED： Bottom Sheets是可见的，但只显示可视（部分）高度。

    4.1K20

    Chrome 商店高人气扩展暗藏间谍软件，超 10 万用户遭遇会话劫持

    一款在 Chrome 商店拥有「官方认证徽章」、下载量超 10 万的热门扩展「Color Picker, Eyedropper — Geco colorpick」，竟在 6 月底的更新中被植入高级间谍软件...官方背书下的信任陷阱该扩展长期以「正规工具」形象存在，不仅获得 Chrome 商店「featured placement」推荐，还带有谷歌验证徽章，普通用户很难怀疑其安全性。...信任机制被滥用攻击者利用谷歌的验证体系和推荐算法，让高信任度扩展成为攻击载体，即使是「做过功课」的谨慎用户也可能中招。...平台审核漏洞暴露该恶意扩展在被举报后，截至发稿时仍未被 Chrome 商店下架，谷歌官方也未回应安全团队的通知。04 紧急应对：三步清除风险已安装用户立即执行1....去年 Spin.ai 研究显示：超 50% 的浏览器扩展存在高安全风险，Firefox、Edge 等平台同样面临威胁。随着 SaaS 服务普及，浏览器已成为企业安全的「新大门」。

    46000

    一篇文章，搞定五种类型的UI通知栏设计

    它应该显示“创建”、“完成”或“发送”。确保可点击区域具有足够的对比度，以便用户轻松发现它。操作区域可以显示在通知容器的右侧或底部。 图标（可选）。有意义的图像可以强化通知的内容。...它可以对用户产生积极的影响。在某些情况下，用户可以将徽章视为有价值的奖励。例如，徽章会通知用户他们在社交网络上收到的新点赞。Nir Eyal 在他的书“Hooked”中描述了这种心理效应。...2.推送通知 推送通知是出现在移动设备的锁定屏幕上并引起很多关注的通知。 在 Apple iOS 中推送通知。图片来自苹果 优点： 很难忽略推送通知。用户很可能会注意到推送通知。...通过对推送通知进行分组来最小化推送通知的数量。Android 和 iOS 允许创建一个汇总几个通知的通知。您可以显示摘要，而不是显示多个通知。 多个通知汇总并显示在折叠视图中。图片来自谷歌。 3....小心敏感信息 不要在通知中包含敏感信息。您无法预测人们在收到通知时会做什么，因此最好避免在设备屏幕上包含其他人可以看到的机密信息。

    4.5K20

    写html页面没意思，来挑战chrome插件开发

    谷歌浏览器插件开发是指开发可以在谷歌浏览器中运行的扩展程序，可以为用户提供额外的功能和定制化的体验。谷歌浏览器插件通常由HTML、CSS和JavaScript组成，非常利于前端开发者。...谷歌浏览器插件可以实现各种功能，例如添加新的工具栏按钮、修改网页内容、捕获用户输入、与后台服务器进行通信等。开发者可以通过谷歌浏览器插件API来访问浏览器的各种功能和数据，实现各种定制化的需求。...官方实例[1] 官方教程[2] 打开pop弹窗页面 设置action的default_popup属性 { "name": "Hello world", "description": "show...内容脚本相对于background还是有一些访问API上的限制，它可以直接访问以下chrome的API i18n storage runtime: connect getManifest getURL...Chrome提供chrome.notifications的API来推送桌面通知；首先在manifest.json中配置权限 { "permissions": [ "notifications

    1.4K11

    11 Weeks of Android: 联系人与身份

    我们最受欢迎的功能之一，便是将对您而言最重要的人士发送的聊天消息显示在您的锁定屏幕上。您可以通过头像轻松认出他们，并迅速回复您的家人、朋友或同事。他们都是您真正想要保持联系的人。...△ 收到通知时将弹出 Bubble，可点击访问聊天消息内容。 在快捷方式基础上构建的新功能之一是位于通知顶部的全新聊天区域。此功能可让您将注意力集中在最重要的事情上，即您的聊天消息。...△ 全新聊天窗格 显示哪些聊天被标记为优先项并显示在锁定屏幕上。 长按聊天通知可让用户标记要优先处理的聊天，以便优先处理来自重要人士的消息。...要优先处理的聊天将在锁定屏幕右侧显示相关人士的头像，并移动到通知的顶部。这些聊天可设置为在勿扰模式下也会弹出。聊天快捷方式的另一种用途是在系统共享表中共享目标，Android 10 就已推出此功能。...借助此功能，您便可让您的用户在多台 Android 设备上保持登录状态。

    1.1K10

    【壹个小技巧】一看就会的CICD ：Github Actions

    那这个时候就来说说常见的方案 —— CI/CD CI/CD 是一种通过在应用开发阶段引入自动化来频繁向客户交付应用的方法。CI/CD 的核心概念是持续集成、持续交付和持续部署。...作为一个面向开发和运营团队的解决方案，CI/CD 主要针对在集成新代码时所引发的问题。 具体而言，CI/CD 在整个应用生命周期内（从集成和测试阶段，到交付和部署）引入了持续自动化和持续监控。...我们在 Github 上也可以简单的实现 CI/CD 操作。 Github 上如何进行 CI/CD 的操作？...后来我没办法了，就在Github上增加了一个第三方的插件—— Appveyor ，来简单的实现了 CI/CD 操作，通过注册账号，然后各种配置以后，可以实现，每次向 Github 提交，会自动编译，然后生成报告...而且里边有很详细的日志文档，可以提供一个月，我们可以下载和查看，我们项目中的警告等，也会列出来，很方便： 可以来一个小徽章 上边咱们说完了，但是总感觉少点儿什么，没错，就是没办法实时在 README

    63420

    手把手教你用vuepress搭建自己的网站(4)

    ,直接输入域名访问要方便得多 检验域名有没有解析成功 可以在本地的命令行终端,进行ping一下的,如 C:\Users\itclancode>ping doc.itclan.cn 正在 Ping itclancode.github.io...经过上面的操作,访问在 coding 平台上部署的网站,能访问,那么就说明成功部署了的 可能会遇到的问题 coding仓库底下上传了dist文件家,部署无效 解决办法 仓库根目录下上传 dist 目录下子文件内容即可解决...,您可以根据这些信息,不断的优化您自己的网站 添加谷歌分析 前提条件 下面的一切基于您具备科学上网能力之上 有一个Google账号,没有的话,能科学上网,注册一个即可 前往谷歌分析站点 创建媒体资源,获取...'ga': '' // UA-00000000-0 ,填入你google账号分析那个ID即可 } ] ] 添加逼格徽章 有时候看到一些 Github 项目里,项目前会新填一些徽章,这些徽章是可以自己自定义生成的...使用的方式也很简单,使用 markdonw语法添加图片的方式引入到你md文件中就可以了的 !

    1.4K31

    Material Design 在 Android 中的应用

    先说说完成这个APP的事前准备: 1. 主题 主题是最近非常火的「终结者2:审判日」 2. 数据 数据是自己在本地写的json数据，很是尴尬，然后部署到七牛云上。地址是:WeaponInfo 3....整体结构: 什么是 Material Design Material Desing的特点 从四个特点结合Android的应用剖析 在我的公司「口袋」项目中的应用 当然内容需要看官方的文档和其他资料加上总结才能完成...,因为MD的介绍和规范在官网上都有非常详细全面的介绍，所以我就不赘述了，建议自己先看一遍官方网站的介绍，这样你对MD的理解会更加深入一些。...跟随着15年Android 5.0的问世，谷歌设计师们还给我们带来的一系列的具有Material Design风格控件。这些控件被统一放置在support design库中，以供开发中使用。...我的design版本是26.1.0,上图大概就是design提供的API，这里我只做简单的使用介绍，如果想了解其原理的话，可以看一下官方的介绍。 这么多我该从何说起呢？

    2.1K20

    安卓Navigation系列——进阶篇

    现在，我们有了新的实现方式，Navigation+BottomNavigationView，废话不多说，先看最终要实现的效果 [giek1s4udt.gif] 第一个实例 先确保引入了navigation...点击底部可以切换页面，有了上一篇的基础，先新建一个nav_graph的导航资源文件,包含三个framgent子节点 谷歌的一个实现底部导航的组件， app:menu属性为底部导航栏指定元素，新建一个bottom_nav_menu的menu资源文件 的方法中，并赋值给成员变量mGraph，最后在onGraphCreated方法中将第一个页面显示出来...总结 本篇在上篇的基础上，结合BottomNavigationView实现了第一个底部导航切换的实例，然后介绍了这种方式引发的坑，进而通过源码分析了发生这种现象的原因，并给出了解决的思路。

    3.9K31
    点击加载更多

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

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

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

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

      领券