Web自动化—Cypress 测试框架概述

🍅 视频学习：文末有免费的配套视频可观看

🍅 关注公众号：互联网杂货铺，回复1 ，免费获取软件测试全套资料，资料在手，薪资嘎嘎涨

Cypress 测试框架概述

1.1 Cypress 默认文件结构

    在Cypress安装完成后，其生成的默认文件目录如下所示：

1.1.1 Fixtures

    Fixture又称之为测试夹具，通常配合cy.fixture命令使用，主要用于存储测试用例的外部静态数据。其默认位置位于cypress\fixtures中，也可以根据需要配置到其他目录。 Fixtures里面的静态数据通常存储在json文件中，而这部分数据通常是某个网络请求对应的响应部分，如HTTP状态码和返回值等。Fixture的应用场景通常为，当测试需要对某些外部接口进行访问并依赖于其返回值时，可以使用fixture而无需访问这些接口。

1.1.2 测试文件

    测试文件就是对应的测试用例，一般位于cypress\integration中，也可以根据需要配置到另一个目录中，通常为js文件，在Cypress中其他命令格式为：fileName.spec.js，支持的文件类型如下所示：

  • .js
  • .jsx
  • .coffee
  • .cjsx

1.1.3 Plugins

    在Cypress中，测试代码是运行浏览器里面，提供了更加可靠的测试体验，但也存在明显的缺点，使得与浏览器之外进行通信更加困难。为解决这个问题，Cypress提供了一些插件，可以修改或扩展Cypress的内部行为。插件一般位于cypress\plugins，在每个测试文件运行之前，Cypress会自动加载该目录中的index.js文件。

1.1.4 Support

    支持文件一般位于目录cypress\support中，可以根据需要放置在其他目录中，其主要功能是放置可复用配置项，如底层通用方法、全局默认配置等。在每个测试文件运行前，Cypress会自动加载该目录中的index.js文件。

    使用方法也非常简单，仅需要在cypress\support\index.js文件中添加beforeEach()函数即可。示例如下所示：

<span style="color:#333333"><span style="background-color:#ffffff"><code class="language-javascript"><span style="color:#a6e22e">beforeEach</span>( <span style="color:#66d9ef">function</span> (){
  cy.<span style="color:#a6e22e">log</span>(<span style="color:#e6db74">`Current Enviroment is <span style="color:#f8f8f2">${<span style="color:#66d9ef">JSON</span>.stringfy(Cypress.env())}</span>`</span>)
 }
)
</code></span></span>

1.2 核心概念

1.2.1 核心参数配置

    在第一次打开Cypress Test Runner后，cypress.json将会创建，目录与Cypress同级。该文件主要用于保存所有支持的自定义配置，在配置了录制和测试项目后，则projectId将会被保存至cypress.json文件中。

用户可以通过参数来定义所使用的配置文件，参数为--config-file

1.2.1.1 全局配置项

    以下为Cypress支持的常用自定义的全局配置及其默认值，如下所示：

配置项默认值描述
baseUrlnullURL前缀，通常与命令cy.visit()/cy.request()结合使用
clientCertificates[]客户端证书选项数组
env{}环境变量设置选项，任何支持的值均可
numTestsKeptInMemory50在内存中保存的快照和命令数据等数量，在运行测试时，若内存占用太高，可以减少该值
portnullCypress使用的端口号，默认随机产生
redirectionLimit20在出现错误前，允许应用程序在测试运行时重定向的数量
reporterspec在Cypress运行时使用的的reporter
reporterOptionsnullreporter支持的配置选项
watchForFileChangestrue用于监测文件变化，若有变化，则自动重新运行该用例

1.2.1.2 超时

    超时是Cypress中的核心概念，所以必须了解，常见的超时参数如下所示：

配置项默认值描述
defaultCommandTimeout4000命令默认超时时间，单位为ms
execTimeout60000在cy.exec()执行期间，等待系统命令完成执行的超时时间，单位为ms
taskTimeout60000在cy.task()执行期间，等待任务完成执行的超时时间，单位为ms
pageLoadTimeout60000在等待页面加载或cy.visit()/cy.go()/cy.reload()等命令触发其他页面加载事件的超时时间，单位为ms，网络请求受限于操作系统
requestTimeout5000在执行cy.wait()命令时，请求超时时间，单位为ms
responseTimeout30000在执行命令cy.request()/cy.wait()/cy.fixture()/cy.getCookie()/cy.getCookies()/cy.setCookie()/ cy.clearCookie()/ cy.clearCookies/cy.screenshot()时的响应超时时间，单位为ms
slowTestThreshold10000 | 250在Cypress run期间，运行较慢的测试用例在reporter中将会以桔黄色显示，通过该参数可进行单独设置E2E和组件测试超时时间，E2E默认超时时间为 10000ms，而组件测试为250ms，单位为ms

1.2.1.3 目录和文件

    Cypress支持自定义目录和文件，如下所示：

配置项默认值描述
downloadsFoldercypress/downloads在测试期间，默认的文件下载目录
fileServerFolderroot project folder向服务器发送的应用程序文件目录
fixturesFoldercypress/fixturesfixture默认目录，可更改默认值为false来禁用
ignoreTestFiles*.hot-update.js在运行期间，需要忽略的测试用例
integrationFoldercypress/integration测试用例所在目录
pluginsFilecypress/plugins/index.jsPlugins所在目录，可更改默认值为false来禁用
screenshotsFoldercypress/screenshots在测试用例运行失败或cy.screenshot()命令触发截图，用于保存这些截图的目录
supportFilecypress/support/index.js在测试加载之前要加载的文件
testFiles**/.要加载的测试文件
videosFoldercypress/videos在Cypress run运行期间，用于保存video的目录

1.2.1.4 截图

配置项默认值描述
screenshotOnRunFailuretrue测试用例运行失败后将进行截图
screenshotsFoldercypress/screenshots在测试用例运行失败或cy.screenshot()命令触发截图，用于保存这些截图的目录

1.2.1.5 视频

配置项默认值描述
videoCompression32设置视频的压缩比，设置为false关闭压缩或0~51，数字越低，视频质量越好，文件越大
videosFoldercypress/videos在Cypress run运行期间，用于保存video的目录
videotrue是否启用视频功能
videoUploadOnPassestrue是否启用在用例运行通过后，上传视频至Dashboard，仅适用于录制项目，如果关闭该功能，则仅上传运行失败的视频

1.2.1.6 视图

配置项默认值描述
viewportHeight660测试视图下待测试应用程序的默认高度，单位为pixels，可使用cy.viewport()命令覆盖
viewportWidth1000测试视图下待测试应用程序的默认宽度，单位为pixels，可使用cy.viewport()命令覆盖

更多自定义选项，可查阅官方文档，地址为：Configuration | Cypress Documentation

1.2.1.7 命令行

    除了使用配置文件进行配置以外，也可以使用命令行进行设置以下各个参数，如下所示：

<span style="color:#333333"><span style="background-color:#ffffff"><code class="language-kotlin">cypress <span style="color:#66d9ef">open</span> --config pageLoadTimeout=<span style="color:#ae81ff">30000</span>,baseUrl=https:<span style="color:#75715e">//www.surpass.com</span>
cypress run --config integrationFolder=tests,videoUploadOnPasses=<span style="color:#ae81ff">false</span>
</code></span></span>

1.2.1.8 Cypress.config()

    除了直接在cypress.json文件中更改配置之外，也可以通过Cypress.config()去获取或覆盖某些配置项。其基本使用方法如下所示：

<span style="color:#333333"><span style="background-color:#ffffff"><code class="language-scss"><span style="color:#75715e">// 获取所有config信息</span>
Cypress<span style="color:#a6e22e">.config</span>()
<span style="color:#75715e">// 获取指定config信息</span>
Cypress<span style="color:#a6e22e">.config</span>(name)
<span style="color:#75715e">// 更改指定config信息</span>
Cypress<span style="color:#a6e22e">.config</span>(name,value)
<span style="color:#75715e">// 设置多个config项</span>
Cypress<span style="color:#a6e22e">.config</span>(object)
</code></span></span>

    示例代码如下所示：

<span style="color:#333333"><span style="background-color:#ffffff"><code class="language-javascript"><span style="color:#a6e22e">describe</span>(<span style="color:#e6db74">"测试Cypress.config"</span>,<span style="color:#66d9ef">function</span>(){
   <span style="color:#a6e22e">it</span>(<span style="color:#e6db74">"获取defaultCommandTimeout"</span>,<span style="color:#66d9ef">function</span>(){
       cy.<span style="color:#a6e22e">log</span>(<span style="color:#e6db74">`defaultCommandTimeout value is:<span style="color:#f8f8f2">${Cypress.config(<span style="color:#e6db74">"defaultCommandTimeout"</span>)}</span>`</span>)
       <span style="color:#75715e">// 设置参数选项值</span>
       <span style="color:#a6e22e">Cypress</span>.<span style="color:#a6e22e">config</span>(<span style="color:#e6db74">"defaultCommandTimeout"</span>,<span style="color:#ae81ff">99999</span>)
       cy.<span style="color:#a6e22e">log</span>(<span style="color:#e6db74">`defaultCommandTimeout value is:<span style="color:#f8f8f2">${Cypress.config(<span style="color:#e6db74">"defaultCommandTimeout"</span>)}</span>`</span>)
   })
})
</code></span></span>

    运行结果如下所示：

1.2.2 用例结构

    Cypress是建立在Mocha和Chai之上，因此同时支持Chai的BDD和TDD两种风格。如果你熟悉JavaScript风格的代码，那么在Cypress中写测试用例是很容易上手的。

Mocha是一款适用于Node.js和浏览器的测试框架，可使用异步测试变得简单灵活。

    Cypress的测试风格继承于Mocha，提供了describe()、context()、it()、specify()四个关键字，对于一条可执行的测试而言，必须包含以下两个组成部分:

  • describe()和context()等效，均表示一个测试套件或测试集
  • it()和specify()等效，均表示一个测试用例

    示例如下所示：

<span style="color:#333333"><span style="background-color:#ffffff"><code class="language-javascript"><span style="color:#a6e22e">describe</span>(<span style="color:#e6db74">'我是一个测试集'</span>, () => {
    <span style="color:#a6e22e">it</span>(<span style="color:#e6db74">'测试用例-1'</span>, () => {
        <span style="color:#a6e22e">expect</span>(<span style="color:#ae81ff">1</span>+<span style="color:#ae81ff">2</span>).to.<span style="color:#a6e22e">eq</span>(<span style="color:#ae81ff">3</span>)
    });
    <span style="color:#a6e22e">it</span>(<span style="color:#e6db74">'测试用例-2'</span>, () => {
        <span style="color:#a6e22e">expect</span>(<span style="color:#ae81ff">3</span>-<span style="color:#ae81ff">2</span>).to.<span style="color:#a6e22e">eq</span>(<span style="color:#ae81ff">1</span>)
    });
    <span style="color:#a6e22e">it</span>(<span style="color:#e6db74">'测试用例-3'</span>, () => {
        <span style="color:#a6e22e">expect</span>(<span style="color:#ae81ff">3</span>*<span style="color:#ae81ff">2</span>).to.<span style="color:#a6e22e">eq</span>(<span style="color:#ae81ff">5</span>)
    });
});
</code></span></span>

    最终的运行结果如下所示：

更多测试用例的组织和编写会在后续详细讲解

1.2.3 重试机制

    重试是Cypress一个非常重要的功能，在了解重试的概念后，有助于写出更加健壮的测试。

1.2.3.1 命令和断言

    命令和断言是两种在Cypress中测试常用的两种方法，示例如下所示：

<span style="color:#333333"><span style="background-color:#ffffff"><code class="language-javascript"><span style="color:#75715e">/// <reference types="cypress" /></span>

<span style="color:#a6e22e">describe</span>(<span style="color:#e6db74">''</span>, () => {
    <span style="color:#66d9ef">let</span> baseUrl=<span style="color:#e6db74">"https://example.cypress.io/todo"</span>
    <span style="color:#a6e22e">it</span>(<span style="color:#e6db74">'测试用例-1'</span>, () => {
        <span style="color:#75715e">// 一个命令 visit</span>
       cy.<span style="color:#a6e22e">visit</span>(baseUrl);
       <span style="color:#75715e">// 一个命令 get，一个断言 should</span>
       cy.<span style="color:#a6e22e">get</span>(<span style="color:#e6db74">".header input"</span>).<span style="color:#a6e22e">should</span>(<span style="color:#e6db74">"have.class"</span>,<span style="color:#e6db74">"new-todo"</span>);
       <span style="color:#75715e">// 三个命令 get 和 type</span>
       cy.<span style="color:#a6e22e">get</span>(<span style="color:#e6db74">'.new-todo'</span>).<span style="color:#a6e22e">type</span>(<span style="color:#e6db74">'todo A{enter}'</span>).<span style="color:#a6e22e">type</span>(<span style="color:#e6db74">'todo B{enter}'</span>);
        <span style="color:#75715e">// 一个命令 get，一个断言 should</span>
       cy.<span style="color:#a6e22e">get</span>(<span style="color:#e6db74">'.todo-list li'</span>).<span style="color:#a6e22e">should</span>(<span style="color:#e6db74">'have.length'</span>, <span style="color:#ae81ff">4</span>);
    });

});
</code></span></span>

    最终的运行结果如下所示：

    让我们一起来看看最后一行的命令和断言，如下所示：

<span style="color:#333333"><span style="background-color:#ffffff"><code class="language-javascript"> cy.<span style="color:#a6e22e">get</span>(<span style="color:#e6db74">'.todo-list li'</span>).<span style="color:#a6e22e">should</span>(<span style="color:#e6db74">'have.length'</span>, <span style="color:#ae81ff">4</span>);
</code></span></span>

    以上命令和断言，是通过cy.get()命令查找页面的DOM，在找到与选择器匹配的元素，然后进行断言尝试，而现在很多WEB应用几乎都是异步的。以最后一行代码为例，Cypress不能在查询DOM元素（todo-list）的同时又去检查其元素个数是否为4个。因此在出现以下情况，就会出现问题，如下所示：

  • 1.当运行命令或断言时，应用程序没有更新DOM时，怎么办？
  • 2.当运行命令或断言时，应用程序正在等待后端返回响应，而页面暂时没有结果时，怎么办？
  • 3.当运行命令或断言时，应用程序正在进行密集计算，而导致页面显示未及时更新时，怎么办？

    以上几种情况，在测试过程中非常常见，一般处理办法在断言前，设置一个等待时间，但这个等待时间，在不同环境中还不能完全统一，还是会导致经常出错。而Cypress处理这种问题，则非常智能，如下所示：

在实际运行时，如果cy.get()命令之后的断言通过，则认为该命令成功执行。如果失败，则cy.get()命令将重新查询应用程序的DOM，再进行断言。如果失败，则再次执行cy.get()命令查询DOM，再进行断言。依此类推，直至断言成功或cy.get()命令超时为止。

    正是因为Cypress的这种自动重试功能避免了在测试代码中出现硬编码的等待。使测试代码更加健壮。

1.2.3.2 多重断言

    在日常测试中，有时候需要对一个数据进行多次断言，Cypress提供一种方法叫多重断言，其定义为：单个命令后跟多个断言。在断言时，Cypress将按顺序重试每个命令，即当第一个断言通过后，在进行第二个断言时仍会重试第一个断言。当第一和第二个断言都通过后，在进行第三个断言，仍然会重试第一和第二个断言，依此类推。来看看以下示例：

<span style="color:#333333"><span style="background-color:#ffffff"><code class="language-javascript"><span style="color:#75715e">/// <reference types="cypress" /></span>

<span style="color:#a6e22e">describe</span>(<span style="color:#e6db74">'多重断言示例'</span>, () => {
    <span style="color:#66d9ef">let</span> baseUrl=<span style="color:#e6db74">"https://example.cypress.io/todo"</span>;
    <span style="color:#a6e22e">it</span>(<span style="color:#e6db74">'演示用例-1'</span>, () => {
        cy.<span style="color:#a6e22e">visit</span>(baseUrl);
        cy.<span style="color:#a6e22e">get</span>(<span style="color:#e6db74">'.new-todo'</span>).<span style="color:#a6e22e">type</span>(<span style="color:#e6db74">'todo A{enter}'</span>).<span style="color:#a6e22e">type</span>(<span style="color:#e6db74">'todo B{enter}'</span>);
        cy.<span style="color:#a6e22e">get</span>(<span style="color:#e6db74">'.todo-list li'</span>)
        .<span style="color:#a6e22e">should</span>(<span style="color:#e6db74">'have.length'</span>,<span style="color:#ae81ff">4</span>)
        .<span style="color:#a6e22e">and</span>((<span style="color:#f8f8f2">$li</span>) => {
            <span style="color:#a6e22e">expect</span>($li.<span style="color:#a6e22e">get</span>(<span style="color:#ae81ff">2</span>).textContent,<span style="color:#e6db74">'first item'</span>).to.<span style="color:#a6e22e">equal</span>(<span style="color:#e6db74">'todo A'</span>)
            <span style="color:#a6e22e">expect</span>($li.<span style="color:#a6e22e">get</span>(<span style="color:#ae81ff">3</span>).textContent,<span style="color:#e6db74">'second item'</span>).to.<span style="color:#a6e22e">equal</span>(<span style="color:#e6db74">'todo B'</span>)
           });
    });
});
</code></span></span>

.and()断言是.should()的别名，它是.should()的自定义回调函数，包含两个expect()断言。

    最终的运行结果如下所示：

    上面代码共有三个断言，分别是should和两个expect。在测试过程中，如果第二个断言失败了，则第三个断言不会执行，如果第二个断言执行通过，整个命令还未超时，在执行第三个断言前，会再次重试第一个和第二个断言。

    修改代码使得第二个断言出现失败，代码如下所示：

<span style="color:#333333"><span style="background-color:#ffffff"><code class="language-javascript"><span style="color:#75715e">/// <reference types="cypress" /></span>

<span style="color:#a6e22e">describe</span>(<span style="color:#e6db74">'多重断言示例'</span>, () => {
    <span style="color:#66d9ef">let</span> baseUrl=<span style="color:#e6db74">"https://example.cypress.io/todo"</span>;
    <span style="color:#a6e22e">it</span>(<span style="color:#e6db74">'演示用例-1'</span>, () => {
        cy.<span style="color:#a6e22e">visit</span>(baseUrl);
        cy.<span style="color:#a6e22e">get</span>(<span style="color:#e6db74">'.new-todo'</span>).<span style="color:#a6e22e">type</span>(<span style="color:#e6db74">'todo A{enter}'</span>).<span style="color:#a6e22e">type</span>(<span style="color:#e6db74">'todo B{enter}'</span>);
        cy.<span style="color:#a6e22e">get</span>(<span style="color:#e6db74">'.todo-list li'</span>)
        .<span style="color:#a6e22e">should</span>(<span style="color:#e6db74">'have.length'</span>,<span style="color:#ae81ff">4</span>)
        .<span style="color:#a6e22e">and</span>((<span style="color:#f8f8f2">$li</span>) => {
            <span style="color:#a6e22e">expect</span>($li.<span style="color:#a6e22e">get</span>(<span style="color:#ae81ff">2</span>).textContent,<span style="color:#e6db74">'first item'</span>).to.<span style="color:#a6e22e">equal</span>(<span style="color:#e6db74">'toda A'</span>)
            <span style="color:#a6e22e">expect</span>($li.<span style="color:#a6e22e">get</span>(<span style="color:#ae81ff">3</span>).textContent,<span style="color:#e6db74">'second item'</span>).to.<span style="color:#a6e22e">equal</span>(<span style="color:#e6db74">'todo B'</span>)
           });
    });
});
</code></span></span>

    在第二个断言运行失败后，第三个断言则不会被执行。在执行命令超时后，会在运行页面显示第一个断言执行成功，第二个断言执行失败，如下图所示：

1.2.3.3 重试条件

    Cypress并不会重试所有命令。当命令可能改变待测应用程序的状态时，则将不会进行重试操作（例如.click()命令）。Cypress仅会重试查询DOM的命令，例如cy.get()、.find()、.contains()等等。

如果需要查询更多重试的命令，可查阅API文档中Assertions文档https://docs.cypress.io/guides/references/assertions

    重试的超时时间默认为4s，也可通过defaultCommandTimeout进行设置。

1.2.3.3.1 增加超时时间

    我们也可以通过修改所有命令的超时时间，例如，将全局的默认超时时间设置为10s，如下所示：

<span style="color:#333333"><span style="background-color:#ffffff"><code class="language-lua">cypress run <span style="color:#75715e">--config defaultCommandTimeout=10000</span>
</code></span></span>

    以上这种方式可以修改全局的超时时间，但不推荐。相反，我们可以通过设置单个命令的超时时间{ timeout: ms }，而更加灵活的控制各个命令的超时时间，示例如下所示：

<span style="color:#333333"><span style="background-color:#ffffff"><code class="language-javascript"><span style="color:#75715e">/// <reference types="cypress" /></span>

<span style="color:#a6e22e">describe</span>(<span style="color:#e6db74">'多重断言示例'</span>, () => {
    <span style="color:#66d9ef">let</span> baseUrl=<span style="color:#e6db74">"https://example.cypress.io/todo"</span>;
    <span style="color:#a6e22e">it</span>(<span style="color:#e6db74">'演示用例-1'</span>, () => {
        cy.<span style="color:#a6e22e">visit</span>(baseUrl,{<span style="color:#f92672">timeout</span>:<span style="color:#ae81ff">1000</span>});
        cy.<span style="color:#a6e22e">get</span>(<span style="color:#e6db74">'.new-todo'</span>).<span style="color:#a6e22e">type</span>(<span style="color:#e6db74">'todo A{enter}'</span>).<span style="color:#a6e22e">type</span>(<span style="color:#e6db74">'todo B{enter}'</span>);
        cy.<span style="color:#a6e22e">get</span>(<span style="color:#e6db74">'.todo-list li'</span>)
        .<span style="color:#a6e22e">should</span>(<span style="color:#e6db74">'have.length'</span>,<span style="color:#ae81ff">4</span>)
        .<span style="color:#a6e22e">and</span>((<span style="color:#f8f8f2">$li</span>) => {
            <span style="color:#a6e22e">expect</span>($li.<span style="color:#a6e22e">get</span>(<span style="color:#ae81ff">2</span>).textContent,<span style="color:#e6db74">'first item'</span>).to.<span style="color:#a6e22e">equal</span>(<span style="color:#e6db74">'toda A'</span>)
            <span style="color:#a6e22e">expect</span>($li.<span style="color:#a6e22e">get</span>(<span style="color:#ae81ff">3</span>).textContent,<span style="color:#e6db74">'second item'</span>).to.<span style="color:#a6e22e">equal</span>(<span style="color:#e6db74">'todo B'</span>)
           });
    });
});
</code></span></span>

    以上代码，设置访问网站的超时时间为1s，运行结果如下所示：

1.2.3.3.2 禁用重试

 如果将超时时间设置为0，其本质上是禁用重试机制，示例如下所示：

<span style="color:#333333"><span style="background-color:#ffffff"><code class="language-javascript">cy.<span style="color:#a6e22e">get</span>(<span style="color:#e6db74">'.new-todo'</span>,,{<span style="color:#f92672">timeout</span>:<span style="color:#ae81ff">0</span>}).<span style="color:#a6e22e">type</span>(<span style="color:#e6db74">'todo A{enter}'</span>).<span style="color:#a6e22e">type</span>(<span style="color:#e6db74">'todo B{enter}'</span>);</code></span></span>

在这我为大家准备了一份软件测试视频教程（含面试、接口、自动化、性能测试等），就在下方，需要的可以直接去观看，也可以直接【点击文末小卡片免费领取资料文档】

【2024最新版】Python自动化测试15天从入门到精通，10个项目实战，允许白嫖。。。

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：/a/358493.html

如若内容造成侵权/违法违规/事实不符，请联系我们进行投诉反馈qq邮箱809451989@qq.com，一经查实，立即删除！

相关文章

漏洞原理远程命令执行

漏洞原理远程命令执行

漏洞原理远程命令/代码执行 远程命令执行函数&#xff08;Remote Command Execution Function&#xff09;是指在一个网络环境中&#xff0c;通过远程执行命令来控制另一个计算机系统或设备的功能。 远程命令执行函数可以通过网络协议&#xff08;如SSH、Telnet、RPC等&#x…
阅读更多...
苹果电脑哪款文件管理器好用？推荐QSpace Pro多窗格文件管理器

苹果电脑哪款文件管理器好用？推荐QSpace Pro多窗格文件管理器

还在找好用的Mac文件管理器&#xff1f;苹果电脑哪款文件管理器好用&#xff1f;推荐QSpace Pro多窗格文件管理器&#xff0c;灵活且实用&#xff01; Mac软件下载安装&#xff1a;多窗格文件管理QSpace Pro 首先&#xff0c;我被QSpace的简洁和高效所吸引。它的界面设计非常清…
阅读更多...
第九节HarmonyOS 常用基础组件13-TimePicker

第九节HarmonyOS 常用基础组件13-TimePicker

1、描述 时间选择组件&#xff0c;根据指定参数创建选择器&#xff0c;支持选择小时以及分钟。默认以24小时的时间区间创建滑动选择器。 2、接口 TimePicker(options?: {selected?: Date}) 3、参数 selected - Date - 设置选中项的时间。默认是系统当前的时间。 4、属性…
阅读更多...
代码随想录算法训练营第35天 | 860.柠檬水找零 + 406.根据身高重建队列 + 452.用最少数量的箭引爆气球

代码随想录算法训练营第35天 | 860.柠檬水找零 + 406.根据身高重建队列 + 452.用最少数量的箭引爆气球

今日任务 860.柠檬水找零 406.根据身高重建队列 452. 用最少数量的箭引爆气球 860.柠檬水找零 - Easy 题目链接&#xff1a;力扣&#xff08;LeetCode&#xff09;官网 - 全球极客挚爱的技术成长平台 在柠檬水摊上&#xff0c;每一杯柠檬水的售价为 5 美元。顾客排队购买你的…
阅读更多...
Backtrader 文档学习-Bracket Orders

Backtrader 文档学习-Bracket Orders

Backtrader 文档学习-Bracket Orders 1. 概述 组合订单类型是一个非常宽泛的订单类别&#xff0c;只要brokder支持的订单类型都可以&#xff0c; 包括(Market, Limit, Close, Stop, StopLimit, StopTrail, StopTrailLimit, OCO)。 该功能用于回测&#xff0c;交互broker Brac…
阅读更多...
VBA语言専攻介绍（更新）

VBA语言専攻介绍（更新）

VBA语言専攻简介 我给VBA的定义&#xff1a;VBA是个人小型自动化处理的有效工具。我这里专注VBA&#xff0c;垂直度非常高&#xff0c;并和多个国际VBA网站&#xff08;英语系和德语系&#xff09;有互动及技术互通。您来到这里&#xff0c;就是进入到了一个绚烂的VBA世界&…
阅读更多...
vue-computed 计算属性

vue-computed 计算属性

一、computed 计算属性 在Vue应用中&#xff0c;在模板中双向绑定一些数据或者表达式&#xff0c;但是表达式如果过长&#xff0c;或者逻辑更为复杂 时&#xff0c;就会变得臃肿甚至难以维护和阅读&#xff0c;例如&#xff1a; <div>写在双括号中的表达式太长了,不利于阅…
阅读更多...
【数据结构：顺序表】

【数据结构：顺序表】

文章目录 线性表顺序表1.1 顺序表结构的定义1.2 初始化顺序表1.3 检查顺序表空间1.4 打印1.5 尾插1.6 头插1.7 尾删1.8 头删1.9 查找1.10 指定位置插入1.11 删除指定位置数据1.12 销毁顺序表 数据结构(Data Structure)是计算机存储、组织数据的方式&#xff0c;指相互之间存在一…
阅读更多...
​如何在Shopee平台上进行品牌选品

​如何在Shopee平台上进行品牌选品

在如今竞争激烈的电商市场上&#xff0c;建立一个成功的品牌对于卖家来说至关重要。Shopee作为一个知名的电商平台&#xff0c;为卖家提供了广阔的销售机会。然而&#xff0c;在Shopee平台上进行品牌选品并不是一件容易的事情。卖家需要遵循一些策略&#xff0c;以确保选品能够…
阅读更多...
uniapp如何添加多个表单数组？

uniapp如何添加多个表单数组？

目录 一、实现思路 二、实现步骤 ①view部分展示 ②JavaScript 内容 ③css中样式展示 三、效果展示 四、小结 注意事项 总结模板&#xff1a; 一、实现思路 1.在 data 中定义一个数组&#xff0c;用于存储表单项的数据 2.在模板中使用 v-for 指令渲染表单项 3.在 methods 中…
阅读更多...
vue实现跳转传参查询

vue实现跳转传参查询

vue实现跳转传参查询&#xff1a; 应用场景&#xff1a;外部链接携参跳转目标页时,避免多次输入查询信息查询 目标需求&#xff1a;登录及非登录状态均可跳转自动查询 避坑指南&#xff1a;token失效时需要重新缓存及路由导航缓存判断 简单实现&#xff1a;缓存信息&#xff0c…
阅读更多...
2024年，AI 掀起数据与分析市场的新风暴

2024年，AI 掀起数据与分析市场的新风暴

2024 年伊始&#xff0c;Kyligence 联合创始人兼 CEO 韩卿在其公司内部的飞书订阅号发表了多篇 Rethink Data & Analytics 的内部信&#xff0c;分享了对数据与分析行业的一些战略思考&#xff0c;尤其是 AI 带来的各种变化和革命&#xff0c;是如何深刻地影响这个行业乃至…
阅读更多...
jupyter出现问题ModuleNotFoundError: No module named ‘exceptiongroup‘

jupyter出现问题ModuleNotFoundError: No module named ‘exceptiongroup‘

今天使用pyg的jupyter环境发现这个环境没法用, 所以只能把这个kernel给重删了然后再装&#xff0c;操作记录如下 查看kernel jupyter kernelspec list注意不是jupyter kernel --list 需要加关键字spec, 删除kernel jupyter kernelspec remove pyg当重新安装这个kernel时可能…
阅读更多...
macos Android平台签名证书(.keystore)

macos Android平台签名证书(.keystore)

一、申请appid的使用说明&#xff08;有appid的请忽略申请appid&#xff09; 创建应用 申请的appid在源码视图填写后会自动生成一个对应的包名 ⚠️注意&#xff1a;申请appid的时候应用名称和项目名称保持一致。 二、 Android如何使用自用证书进行打包 1.找到安装jdk的路径…
阅读更多...
【学习笔记】vue3的watch

【学习笔记】vue3的watch

尚硅谷Vue2.0Vue3.0全套教程丨vuejs从入门到精通 课程 P152节 笔记&#xff1a; 情况一&#xff1a;监视ref所定义的一个响应式数据 情况二&#xff1a;监视ref所定义的多个响应式数据 这两种情况比较简单&#xff0c;正常写就ok&#xff1a; 情况三&#xff1a;监视reactive所…
阅读更多...
Qt|QPushButton控件讲解

Qt|QPushButton控件讲解

前提 按钮分为了四种状态&#xff1a;常态、聚焦、按下、禁用 前一段时间更新了MFC框架下CButton的自绘。因为MFC框架下的按钮限制性很高&#xff0c;所以只能由自绘实现各种风格&#xff0c;但是QT框架完美的解决了这个问题&#xff0c;我们只需要了解如何调用&#xff0c;就…
阅读更多...
MySQL-窗口函数

MySQL-窗口函数

介绍&#xff1a; MSQL8.0新增窗口函数商口函数又被称为开窗函数&#xff0c;与Oracle窗口函数类似&#xff0c;属于MysaL的一大特点 非聚合窗口函数是相对于聚函数来说的。聚合函数是对一组数据计算后返回单个值(即分组)&#xff0c;非聚合函数一次只会处理一行数据。窗口聚…
阅读更多...
buffer/cache导致内存不足的案例分析

buffer/cache导致内存不足的案例分析

目录 一、项目简介 二、问题分析 三、问题处理 什么是buffer/cache&#xff1f; buffer/cache 需要注意的一些特点 如何进行手动 buffer/cache 回收 手动 buffer/cache 回收可能出现的问题 如何让系统自动回收buffer/cache vm.min_free_kbytes 四、参考文献 一、项目…
阅读更多...
亚信安慧AntDB：AntDB-M元数据锁(八)

亚信安慧AntDB：AntDB-M元数据锁(八)

5.6 死锁检测 图4-死锁等待 每个线程在进入锁等待前&#xff0c;都会先进行死锁检测&#xff0c;避免陷入死锁等待。在检测前&#xff0c;会先将自己获取到的unobtrusive锁进行物化&#xff0c;即将锁放入锁的授予列表中&#xff0c;以便死锁检测能区分锁的归属线程。然后设置…
阅读更多...
Proto文件如何生成JavaProto对象?

Proto文件如何生成JavaProto对象?

首先安装好Protocol Buffer的编译器 Protocol Buffer: version:2.6.1 link: 链接直达 根据电脑环境进行下载&#xff0c;Widnwos 32/64位就选择win32是没问题的&#xff0c;楼主亲测 1.proto文件编写 Person.proto public class Person {String name;int id;String email…
阅读更多...
最新文章

Copyright @ 2022~2023