软件开发，一提起来感觉这个感觉这个词范围很大很广，说起来也很笼统。不知所云，开发的到底是什么？或者说开发的具体内容是什么？以前我们讲软件开发主要是分前端和后端，那前端和后端又是什么那？你可以这么通俗的理解，前端就是用户可以看到的界面，而后端就是客户看不到的模块。现在我们已经摒弃了这种说法，因为这种说法太过笼统，太过局限性。所以我们现在将软件开发分为B/S和C/S。 首先我们先讲讲什么是C/S
概述：1.C/S结构软件 C：client 客户端 S：Server 服务器端 比如：我们用的的QQ就是C/S结构软件，客户端就是我们打开输入账号的那个，服务器端就是腾讯的服务器。特点：
1、C/S结构的软件通常需要指定的客户端来进行使用。
2、C/S结构的通信方式可以是任意的协议。
协议：实际上就是一种约定。
3、C/S的客户端有数
转载
2024-09-22 20:07:25
16阅读
# 从零开始的前端生活-理解content(二)应用清除浮动伪元素加content最常见的应用是清除浮动带来的影响.clear::after{
content:'';
display:table;
clear:both;
}字符内容的生成content还可以插入Unicode字符(万国码)，例如content: '\A'; 就是换行的意思。案例如下，实现 “正在加载中.
前端自动化测试框架cypress自动化测试为了保障软件质量，并减少重复性的测试工作，自动化测试已经被广泛运用
原创
2022-03-21 11:06:49
847阅读
在现代前端开发中，组件作为UI的基本构建块，其质量直接影响整个应用的稳定性和用户体验。传统测试方案面临三大核心痛点：单元测试难以模拟真实DOM环境、E2E测试对组件细节覆盖不足、测试反馈周期长影响开发效率。Cypress Real World App（以下简称RWA）作为Cypress官方推出的支付类应用示例，展示了如何通过Cypress Component Testing（CCT）解决这些问题，...
6 命令行运行Cypress Cypress命令行的运行基本语法格式如下所示：cypress <command> [options] command代表运行的命令，是必选参数。支持的命令有：open、run、install、verify、cache、version、help。options是代表各command支持的参数，是可选参数。在日常项目，用得较多的是run和open
转载
2024-03-21 09:15:00
76阅读
Adding Cypress to a project is a simple npm install away. We won’t need any global dependencies beyond node and npm to get started with Cypress. In th
转载
2018-05-24 20:51:00
146阅读
2评论
Cypress前端测试框架使用教程一、简介cypress是即end to end（端到端）功能测试框架，它基于node js，Jquery。开箱即用，不仅支持本地浏览器直接模拟测试，也支持终端测试。还有测试录屏功能，方便在测试失败的时候，查看当时的失败的场景，方便定位。二、安装通过npm来安装Cypressnpm install cypress --save-dev直接下载Cypress压缩包ht
转载
2024-05-18 19:26:13
104阅读
文章目录一、组件开发程序安装与测试1.1 驱动安装1.2 测试1.3 编译过程中所遇到的报错 CyAPI是一个开源的USB通信接口，现在来搭建其开发环境。 软件及硬件信息：系统: Window 10 64位开发软件： Cypress Suite USB 3.4.7、VS2022硬件： EZ-USB FX2、CY7C68013一、组件开发程序安装与测试1.1 驱动安装Cypress Suite U
转载
2024-05-31 13:42:08
255阅读
cypress 下载与安
原创
2021-08-02 10:50:54
1075阅读
自动化测试自动化测试是指搭建cypress的环境，去书写流程，并比较实际与预期结果之间的差异。通过cypress，可以把人对软件的测试行为转化为由机器自动执行测试的行为，从而替代大量的手工测试操作，使得测试可以快速，反复的进行；并可以具体的查看其中的某一个步骤的测试结果；Cypress简介
Cypress是为现代网络打造的，基于JavaScript的下一代前端测试工具。他可以对浏览器中运行的任何内
转载
2024-04-23 14:51:49
109阅读
cypress Introduce支持e2e测试和component测试。Cypress跨浏览器测试cypress支持多种浏览器，Chrome-family browsers (including Electron and Chromium-based Microsoft Edge), WebKit (Safari's browser engine), and Firefox. 在本地或者CI执行
转载
2024-05-10 03:20:58
69阅读
近两年有一款 UI 测试工具非常火爆，名字叫 cypress, 官方号称超越 selenium, 是面向下一代的测试工具。那 cypress 到底要不要学呢？学起来容易吗？我们一起来看一下。安装cypress 是使用 nodejs 开发的一款工具，所以需要先下载 nodejs。进入官网下载 LTS 长期支持版。下载好 nodejs 之后在命令行输入 node 命令和 npm 命令确认是否正确安装。
转载
2024-07-10 22:19:16
95阅读
cypress 下载与安装 安装方式一 安装node.js 因为npm直接下载会也很慢,所以先修改下载源 1. 执行命令 npm config set registry http://registry.npm.taobao.org 2. 查看是否更改成功 npm config get registr
原创
2021-07-07 17:27:25
595阅读
1、前言一提起 Web UI 自动化时，大多数都会想到自动化测试工具 Selenium。随着测试技术的不断发展，出现了很多优秀的自动化测试工具。本篇将介绍一款目前市面上很受欢迎的自动化测试工具-Cypress。Cypress 是一个易于使用、快速稳定、可靠性高、全面性强的自动化测试框架，因此很多自动化测试都在使用它。2、简介Cypress 是一个基于 JavaScript 的端到端测试框架，它专注
转载
2024-04-23 14:44:02
67阅读
文章目录前言一、简介二、原理三、特性四、优势五、安装使用1. npm install cypress --save-dev # 安装cypress1.1 在项目根目录下增加配置文件cypress.json1.2 在 package.json 文件添加对应启动脚本：1.3 “Cypress不能选择Chrome浏览器”的解决方法1.4 目录结构2. 直接下载Cypress压缩包六、流程七、命令1.选
转载
2024-05-10 17:23:50
52阅读
*前言： 本次分享将主要自定义实现useState为主，以通俗易懂的目的让大家了解useState实现的大体逻辑。但内容是非常长的，如果真的想理解的话，还是希望你耐住性子看看，相信即使不能让你读懂源码，但至少能够给你做一些铺垫～～?，代码已放在这里了，可以先看下效果再决定值不值得继续看吧一、hook的价值：hook出现的意义是巨大的，在React Conf 2018 会议上，react团队的lea
转载
2024-07-29 15:43:50
41阅读
前端开发：基于cypress的自动化实践
原创
2023-11-03 10:36:02
87阅读
We often only show UI elements as a result of some user interaction. Cypress detects visibility and by default won’t allow your test to interact with
转载
2018-07-04 18:12:00
290阅读
2评论
Testing your application’s behavior when an XHR call results in an error can be difficult. The use of stubs for XHR calls makes it easy for us to setu
转载
2018-05-26 22:45:00
212阅读
2评论
