safari

表单简介 　　Form表单主要用于用户与Web应用程序进行数据的交互，它允许用户将数据发给web应用程序，网页也可以拦截数据的发送以便自己使用。form通常由一到多个表单元素组成，这些表单元素是单行/多行文本框，下拉菜单，按钮，复选框，单选按钮，时间表单元素时 一般要配合label标签，用于描述其目的。其可用属性如下。 　　　　 action　　 用于处理表单信息的应用程序的地址。 　　　　 method 　　　浏览器用来提交表单的HTTP方法。 　　　　　　get 对应于Http协议的GET方法，表单数据被附加在uri上，使用"?"分隔 　　　　　　post 对应于Http协议的POST方法，表单数据包含在HTTP协议的请求报文的体部。 　　　　name 　　设定表单的名称 　　　　target 　　表示浏览器接收到form的提交信息后在哪里显示回应。 　　　　　　 _self，_blank，_parent，_top这些值和超链接的相同 表单数据的内容类型 　　通过enctype属性设定表单数据的内容类型 　　　　1. application/x-www-form-urlencoded 　　　　　　在发送前编码所有字符（默认）使用到的编码方式： 　　　　　　1）控件的名称和值都被转义，空白字符使用【+】替换，保留的字符一般都是用来实现特定的目的，例如（: / ? ; @ = &

文末福利资源更新 本文将重点介绍4个可以用来提高页面渲染速度的CSS技巧。 1. Content-visibility 一般来说，大多数Web应用都有复杂的UI元素，它的扩展范围超出了用户在浏览器视图中看到的内容。在这种情况下，我们可以使用内容可见性（ content-visibility ）来跳过屏幕外内容的渲染。如果你有大量的离屏内容，这将大大减少页面渲染时间。 这个功能是最新增加的功能之一，也是对提高渲染性能影响最大的功能之一。虽然 content-visibility 接受几个值，但我们可以在元素上使用 content-visibility: auto; 来获得直接的性能提升。 让我们考虑一下下面的页面，其中包含许多不同信息的卡片。虽然大约有12张卡适合屏幕，但列表中大约有375张卡。正如你所看到的，浏览器用了1037ms来渲染这个页面 。 下一步，您可以向所有卡添加 content-visibility 。 在这个例子中，在页面中加入 content-visibility 后，渲染时间下降到150ms，这是6倍以上的性能提升。 正如你所看到的，内容可见性是相当强大的，对提高页面渲染时间非常有用。根据我们目前所讨论的东西，你一定是把它当成了页面渲染的银弹。 content-visibility 的限制 然而，有几个领域的内容可视性不佳。我想强调两点，供大家参考。

本文将重点介绍4个可以用来提高页面渲染速度的CSS技巧。 1. Content-visibility 一般来说，大多数Web应用都有复杂的UI元素，它的扩展范围超出了用户在浏览器视图中看到的内容。在这种情况下，我们可以使用内容可见性（ content-visibility ）来跳过屏幕外内容的渲染。如果你有大量的离屏内容，这将大大减少页面渲染时间。 这个功能是最新增加的功能之一，也是对提高渲染性能影响最大的功能之一。虽然 content-visibility 接受几个值，但我们可以在元素上使用 content-visibility: auto; 来获得直接的性能提升。 让我们考虑一下下面的页面，其中包含许多不同信息的卡片。虽然大约有12张卡适合屏幕，但列表中大约有375张卡。正如你所看到的，浏览器用了1037ms来渲染这个页面 。 下一步，您可以向所有卡添加 content-visibility 。 在这个例子中，在页面中加入 content-visibility 后，渲染时间下降到150ms，这是6倍以上的性能提升。 正如你所看到的，内容可见性是相当强大的，对提高页面渲染时间非常有用。根据我们目前所讨论的东西，你一定是把它当成了页面渲染的银弹。 content-visibility 的限制 然而，有几个领域的内容可视性不佳。我想强调两点，供大家参考。 此功能仍处于试验阶段。

登陆时登录成功后服务器会返回一个token，这个token作为第二步骤的入参；第二个步骤请求成功后服务器会返回一个新token，然后这个token作为第三步骤的入参！如此一来的话，要用postman做接口测试，那么就要解决token这个参数的关联问题： 第一，首先将这三个要测试的接口写成collection： 第二，要设置postman的环境，设置名称，url，以及token（只需要设置key就行），如下图： 第三步，在Postman软件的Tests中写以下代码，设置环境变量 第四步，修改第二以及第三个接口的入参的tokend值，格式用双花括号：{{token}} 格式 到此就设置完成了，我们选择登陆接口点击send，此时token就会显示在环境变量中了，这时第二个接口就可以执行了；然后再执行第三个接口，此时这个流程就可以跑通了！ 总结：其实像这样的1步骤产生token，2步骤关联1步骤的token，3步骤关联2步骤的token，4步骤关联3步骤的token ，这种情况我也是第一次接触，这种情况与我司的项目不同，我司项目中只要token有效期内就行，不会存在步骤间这种紧密的依赖关系。 如果把这种项目的接口写成自动化脚本的话也比较冗长，因为我要在一个py中同时从步骤1写到步骤4.这样代码比较长了，代码如下： #coding:utf-8 import requests,unittest