书签VS页导航 用书签来导航页面时，报告的某一页的筛选器、可视化视图就被“拍照”保存下来，点击该书签就会回到该状态。...当前页 筛选器的状态 切片器，包括切片器类型和切片状态 可视化对象的选择状态，比如高亮的筛选器 排序 钻取状态 可视化对象是否隐藏 可视化对象的层次 可视化对象聚焦模式 所以呢，如果我们要在同一个页面上...尽管此时使用书签非常繁琐，但它还是提供了无缝的用户体验。 比如在下图中，当我使用页面导航在不同的页面之间切换时，每次切换都会显示页面的顶部，这显然并不是我们想要的： ?...所以我们来总结一下在这两者之间进行选择时的困扰： 页面导航目前只支持按钮，那么如果你想用图片或者形状来导航时，你会选择在图片上覆盖一个空白按钮来伪装，还是直接创建一个书签？...在很长一段时间里，我喜欢用书签，但是当我发现在做一些数据量比较小的项目时，页导航做起来的确更加便利。不过，书签给用户的如丝般顺滑的体验，是页导航无论如何也不能给的。
然而，一般的数据透视表却有如下这样的问题：当数据增加时，我们刷新数据透视表却得不到正确的结果。请看下面的演示： ? 当我们增加源数据的记录后刷新，结果却没有任何变化 我们又该怎么破呢？...只需一列的任意一个空白单元格输入公式，然后Excel将自动将此公式填充到整列 需要说明的是，当我们录入数据时，比方说前十行都是有公式的，当我们录入第十一行时，录入到成本列时直接敲Enter，利润列的公式将自动填充到...K11单元格，无需再在K11单元格输入公式；当我们增加多行记录时，Excel将自动将表格样式套用到这些新增的记录上，列也是一样的。...让你筛选不受限的秘诀 在Excel中，当前活动工作表往往只允许筛选一个数据区域。然而，当我们将数据区域转换成智能表格时将会打破这种限制。...优势（Advantages）：无需我们去单击数据--筛选按钮，且筛选数据变得非常灵活 利益（Benefits）：自动化提高工作效率 案例（Evidence）：下图中可以同时对多个“表格”进行筛选，而相互不影响
12、随后我们对列表视图中的图片进行数据绑定，选中列表视图下的图片组件，随后在右侧配置区中单击数据绑定按钮，绑定对应的数据字段。...16、为列表视图视图配置完成数据模型后，单击下方的数据筛选弹窗，配置筛选条件为 category 等于"合作"，如下图所示： 17、配置完成后将组件与数据进行绑定，可以看到列表视图仅会展示合作伙伴的相关数据...实现内容列表到内容详情页的页面跳转逻辑 1、选中企业门户主页列表视图下的普通容器组件，并在右侧组件配置区单击行为配置按钮。...2、为普通容器配置单击后跳转至内容详情页的事件，单击下方的新建页面参数，创建一个名为\_id 的页面参数。 3、页面参数创建完成后，单击页面参数右侧的数据绑定按钮。...5、之后在内容详情页选中数据视图组件，并单击右侧配置区的数据筛选，调起数据筛选弹窗。 6、在弹窗中设置筛选条件为数据标识 等于 \_id 后保存。
Cookies.set(已存在的key, 新的值) 2 Web Storage 为什么学习Web Storage ？...用户在浏览器中刷新网页时，网页通过Web Storage就可以知道用户之前所做的一些修改，而不需要将用户修改的内容存储在服务器端。...存储的数据只在当前网页所在的浏览器标签页内有效，只要这个浏览器标签页没有关闭，即使刷新页面或进入同源的另一页面，数据仍然存在。...> var username = document.querySelector('#username'); // 单击“设置数据”按钮，设置数据 document.querySelector('#...sessionStorage 数据在页面会话结束时会被清除。页面会话在浏览器打开期间一直保持，并且重新加载或恢复页面仍会保持原来的页面会话。
（如果不是，会调用传入值的toString进行转换），对话框只有一个“OK”（确定）按钮 confirm: 确认框有两个按钮：“Cancel”（取消）和“OK”（确定）,用户通过单击不同的按钮表明希望接下来执行什么操作...如果用户单击了 Cancel 按钮，或者对话框被关闭，则 prompt()会返回 null find()和print(): 这两种对话框都是异步显示的，即控制权会立即返回给脚本 显示查找对话框或打印对话框...此时单击“后退”按钮，就会触发 window 对象上的 popstate 事件 popstate 事件的事件对象有一个 state 属性，其中包含通过 pushState()第一个参数传入的 state...对象 点击“后退”按钮直到返回最初页面时， event.state 会为 null 可以通过 history.state 获取当前的状态对象，也可以使用replaceState()并传入与pushState...否则，单击“刷新”按钮会导致 404 错误。所有单页应用程序（ SPA， Single Page Application）框架都必须通过服务器或客户端的某些配置解决这个问题。
，将数据库中的支出金额由“49.4”修改为“49.45”，点击“刷新”按钮，发现数据在页面无刷新的情况下改变,如图3-2所示。...btnDateTime_Click(objectsender, EventArgs e) { lblMsg.Text= DateTime.Now.ToString(); } 运行程序，单击按钮会实现无刷新更新...你会发现，单击“显示日期和时间”按钮后，页面被整个刷新，并没有达到无刷新的效果。如图3-3所示： 3.为了实现无刷新效果，只要使用UpdatePanel控件的Triggers属性即可。...现在运行程序，单击按钮，发现控件即使在UpdatePanel外部也实现了无刷新效果。如图3-4所示： 3.3 Timer控件 Timer控件用于间隔一定的时间自动刷新页面或完成特定的任务。...3.4 UpdateProgress控件 在现实的网络中，当我们打开某一个网站或链接时，由于种种原因经常要等待页面显示出来，这样的用户体验真的很差。
当 Tableau 确定每个字段的数据类型时，如果某个字段中的值与该数据类型不匹配， Tableau 就会采用若干不同方式之一来处理字段，具体情况视数据类型而定。...创建一个不包含混合值的新列。 字段类型 连接到新数据源时，Tableau 会将该数据源中的每个字段分配给“数据”窗格的“维度”区域或“度量”区域，具体情况视字段包含的数据类型而定。...这将创建一个常规维度筛选器。 STEP 4：单击工具栏上的“降序排序”按钮 ( )。视图现在将如下所示： 注意列表中的前几个名称：Ashbrook、Fuller、Vernon 等。...STEP 3：在“列”上右键单击“SUM(Sales)”并选择快速表计算 –“总额百分比”。 STEP 4：单击工具栏上的“降序排序”按钮 ( )，按从最多到最少的顺序对类别进行排序。...STEP 5： 单击工具栏上的“显示标记标签”按钮 ( )，以在视图中显示度量值。 视图现在将如下所示： 注意前几项的百分比：14.37%、14.30% 等。
作者：Ahmad Shadded 译者：前端小智 来源：css-tricks 你是否曾经试着点击或点击一个元素(例如:按钮、链接)，并且注意到只有单击该元素的特定区域，它才会响应？...在下面的图中，我模拟了两个按钮的不同情况。在左侧，按钮更小，更远，用户需要更多的时间与它互动。在右侧，按钮大小更大，更接近于它的同级输入元素，这将使交互更容易、更快。 ?...注意：记住WCAG准则 和费兹法则 的概念。 按钮 在需要时使用实际真实(包含可点击区域)非常重要。...复选框和单选按钮 当存在复选框或单选按钮元素时，我希望可以单击它或关联的标签来激活/禁用它。 ? 从用户体验的角度来看，这是难以访问和糟糕的。...这个想法是，伪元素属于其父元素，因此当我们创建具有特定宽度和高度的伪元素时，它将充当其父元素的单击/触摸/悬停区域。
每个提交都有一个关联的提交消息，解释为什么做出了特定更改。提交消息捕获更改的历史，因此其他贡献者可以理解您所做的工作和原因。...具体操作： 单击 Pull Request 按钮,然后页面单击绿色的 New Pull Request按钮 ? image 选择你所编辑的分支,与主分支进行比较 ?...image 在对比页面检查分支间的差异,确保它们是你想提交的内容 ? image 当你对想要提交的修改满意时,单击绿色的 Create Pull Request 按钮 ?...具体操作： 单击绿色的合并请求 Merge Pull Request 按钮,将更改合并到主目录中 单击确认合并 Confirm merge 更改已被合并,原来编辑的分支就可以删除了,点击紫色的删除分支...image 成功删除后，界面会出现提示 ?
1 绕过前端校验更改地址 当我访问学生个人资料的页面时发现没有权限更改学生的地址等信息，但是Save按钮是处于活动状态，但是点击后并不会发生任何改变，因为所有表单字段已经被锁定。...但是，他们无法编辑所有这些信息，他们的权限只能编辑某些特定的字段。 例如姓名和地址等信息，但是当我们单击编辑按钮时，只能更改联系人字段。 当我以这种方式发送请求时，我遇到了以下 PUT 请求。...但当我发送编辑联系人表的请求时，更改参数中的所有 ID 值，就能够创建新的联系人表。 图片中的请求与第二个报告中的 PUT 请求相同。...当我们尝试将居住地址更改为官方地址时，应用程序将抛出错误，并且我们的请求将无法完成。 我记得第一个报告中的保存按钮对于地址仍然有效。因此，我编辑了一个住宅地址，发送并遇到了以下请求。...住宅地址示例 请注意，虽然“删除”按钮对于住宅地址处于活动状态，但对于官方地址没有这样的按钮。 官方地址示例 因此，我单击了学生的官方地址编辑按钮。我运行了Burp Suite并单击保存按钮。
，新建页面越多，报表可读性就越差，也会影响宝宝的刷新速度。...删除页面时，可以在对应的页面上右键，选择"删除页"即可。...二、报表展示区域 我们可以看到目前报表展示区域中下方有一块空白，没有将整体展示区域居中，我们可以在"可视化报表区域"选择"报表业格式"进行调整居中： 还可以替换背景： 当我们需要在一个页面中展示很多报表时...我们还可以通过"进一步分析"向绘制好的图中添加一些分析线展示在图表中，方便我们对可视化图表进行理解: 四、筛选器 筛选器可以对数据进行过滤筛选,筛选器从功能上分为以下三种： 此视觉对象上的筛选器：只能对这一个视觉对象上的数据进行筛选...此页上的筛选器：可以对该报表页上的所有视觉对象进行筛选。 所有页面上的筛选器：可以对所有报表页上的视觉对象进行筛选。 使用筛选器可以直接将对应的列拖入到筛选器中进行选择数据即可，后续还会讲解。
2.执行“视图→视面管理器”命令，打开“视面管理器”对话框，单击“添加”按钮，弹出“添加视面”对话框，输入一个名称(如“上报表”)后，单击“确定”按钮。 ...4.以后需要打印某种表格时，打开“视面管理器”(如图4)，选中需要打印的表格名称，单击“显示”按钮，工作表即刻按事先设定好的界面显示出来，简单设置、排版一下，按下工具栏上的“打印”按钮，一切就OK了。...比如我们首先制作一张年度收支平衡表，然后将“E列”作为直方图中“预算内”月份的显示区，将“G列”则作为直方图中“超预算”的显示区。...所以，当我们单击“公式审核”工具栏上的“追踪引用单元格”按钮后，Excel立刻用箭头和蓝点指明了这3个单元格的所在(图 25)。...，工作区中的表格会以15%的比例放大或缩小，而只有当我们按住Ctrl键，再滚动鼠标滚轮时，工作表才会像往常一样上下翻页。
来找出答案，转到 “Sales” 工作表，分别单击【全部刷新】【刷新】按钮（第一个用于刷新查询，第二用于刷新【数据透视表】）。...此时界面会弹出一个如图 7-22 所示的【筛选行】对话框，允许用户手动创建筛选器，即使要筛选的数据不存在于可视化筛选器窗格中。...当单击【高级】按钮时，它将变得更加有用，如图 7-23 所示。...图 7-23 【筛选行】对话框的【高级】视图 【基本】视图中的筛选器都是应用于用户所选择的原始列，而【高级】视图允许用户一次将筛选器应用于多个列，添加更多的筛选层（通过【添加子句】按钮），并以任何用户认为合适的方式混合和匹配筛选器...单击【高级】按钮。 此时，会弹出【分组依据】对话框，如图 7-29 所示。
+ F 打开“反馈中心” Windows 徽标键 + G 打开游戏栏（当游戏处于打开状态时） Windows 徽标键 + H 打开“共享”超级按钮 Windows 徽标键 + I 打开“设置” Windows...否则，删除命令行中光标左侧的所有字符。 Ctrl + End（历史记录导航） 如果命令行为空，则将视口移动到命令行。否则，删除命令行中光标右侧的所有字符。...徽标键 + Ctrl + F4 关闭你正在使用的虚拟桌面 任务栏键盘快捷方式 按此键 执行此操作 Shift + 单击某个任务栏按钮 打开某个应用，或快速打开应用的另一个实例 Ctrl + Shift...+ 单击某个任务栏按钮 以管理员身份打开应用 Shift + 右键单击某个任务栏按钮 显示该应用的窗口菜单 Shift + 右键单击某个已分组的任务栏按钮 显示该组的窗口菜单 Ctrl + 单击某个已分组的任务栏按钮...应用中的键盘快捷方式 在许多应用（如照片、Groove 和地图）中，当你将鼠标指针悬停在某个按钮上时，工具提示中就会显示快捷方式。
在页面上的各框架中切换（加shift反向） F5 刷新 CTRL+F5 强行刷新 目的快捷键 激活程序中的菜单栏 F10 执行菜单上相应的命令 ALT+菜单上带下划线的字母...”和“Windows资源管理器”的快捷键 目的快捷键 关闭所选文件夹及其所有父 文件夹按住 SHIFT键再单击“关闭按钮（仅适用于“我的电脑”） 向后移动到上一个视图 ALT+左箭头 向前移动到上一个视图...ALT+右箭头 查看上一级文件夹 BACKSPACE 五、使用对话框中的快捷键 目的快捷键 取消当前任务 ESC 如果当前控件是个按钮，要单击该按钮或者如果当前控件是个复选框，要选择或清除该复选框或者如果当前控件是个选项按钮...，要单击该选项空格键 单击相应的命令 ALT+带下划线的字母 单击所选按钮 ENTER 在选项上向后移动 SHIFT+ TAB 在选项卡上向后移动 CTRL+ SHIFT+ TAB 在选项上向前移动 TAB...“另存为”或“打开” 对话框 F5 六、使用“桌面”、“我的电脑”和“Windows资源管理器”快捷键 选择项目时，可以使用以下快捷键。
使视口可以通过任意一侧的大手柄随意调整大小 特定设备。 将视口锁定为特定设备确切的视口大小，并模拟特定设备特性 媒体查询 媒体查询是自适应网页设计的基本部分。...当您在 top 以外的环境中操作时，DevTools 将 Execution Context Selector 突出显示为红色，如下面的屏幕截图中所示。...那我们可以点击下方的格式化按钮对代码进行格式化： ?...打开包含您想要调试的代码行的文件。 找到该代码行。 右键点击左边的行号。 选择添加条件断点。代码行下面会显示一个对话框。 在对话框中输入你的条件。 按Enter激活断点。行号上出现橙色图标。 ?...DOM更改断点 当您想要更改DOM节点或其子节点的代码时，使用DOM更改断点 设置DOM更改断点： 切换到 Elements 面板。 找到您想设置断点的元素并右键单击该元素。
，工程视图以及控制容器，切换到资源视图查看全部控制容器，切换到工程视图可以选择项目筛选其对应的控制容器。.../ 资源视图中的作业流 / 定时器等工具栏按钮单击 跳转。...(组)节点类型信息 拖拽添加作业节点 给作业流添加作业节点时，从工具箱直接向右边的流程图中拖拽相应类型的作业。...控制台输出，可以通过拖拽改变高度，也可单击右方的箭头按钮改变内置高度 代码编辑区，右键打开代码编辑区上下文菜单 注意 快捷命令有时无效时： 请先单击代码编辑区，让其获取焦点，再重试快捷命令 作业节点定义...( 注意 : 在资源视图/ 工程视图中工具栏中单击编译 , 都是编译最近一次提交，本地如有更改，请先提交。)
2.3 卸载 用鼠标点击“开始”按钮，然后选择“设置—控制面板”命令，打开控制面板。双击“控制面板”中的“添加或删除程序”图标。在弹出的对话框中，选择LCPT选项，然后单击“添加或删除”按钮。...单击该按钮可以暂停运行； 单击该按钮，可以对串口选项进行编辑和设置； 单击该按钮，可以打开实验指导说明书。...connected）”，如下图所示： 如上图所示，如果软件连接下位设备失败时，可以通过“设置菜单”来重新选择串口连接下位机： 如上图，选择好COM5选项后，单击“串口选择”对话框“确定”按钮，标题栏内容显示如下...单击工具栏上“编译”按钮或菜单“编译”中“编译源文件”选项，若源文件存在语法错误，会出现相应对话框进行告警；源文件语法修改正确后，主界面会切换到“程序结构图”子窗口，如下所示： 5....2、程序单步：从当前PC指针行执行源文件的一行语句，然后又停止。结构图中显示的寄存器值和控制线都会随之刷新，但不显示数据流。
1.1 用户登录页面 1.2 用户管理页面 在用户登录页面输入邮箱和密码，登录成功后，进入用户管理页面 1.3 新增用户页面 单击用户管理页面中的“新增用户”按钮，进入新增用户页面 1.4 用户信息编辑页面...单击用户管理页面中的修改按钮，进入用户信息编辑页面 1.5 文章管理页面 单击用户管理页面中的“文章管理”选项，进入文章管理页面 1.6 发布新文章页面 单击文章管理页面中的“发布新文章”按钮，进入发布新文章页面...用户登录时填写邮箱、密码，单击“登录”按钮，即可进行登录。登录成功后会进入到后台首页，后台管理员可以对用户进行添加和删除等操作。...文章管理：文章管理模块包括对文章的添加、修改和删除等功能，添加文章时需要支持文件上传功能，文章列表页实现分页和检索功能，并可根据文章标题和分类等条件筛选文章。...2.2 前台功能 **文章列表：**文章列表页面主要用来展示文章的标题和文章部分内容。 **文章详情：**展示文章的详细信息，进入文章详细页有多个入口，分别是列表页和列表页右侧的最新博文模块。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
腾讯会议
云直播
对象存储
