前端的开发过程中主要有以下流程： 编写代码->单元测试->检查语法->整合代码->生成文档->压缩代码->部署测试环境->测试->发布。产品最终的结果是原型图，而原型图可以理解为设计的草图设计师的结果是psd文件，他是很多个图层叠加在一起的结果，而前端的工作结果html页面，是把很多图层上的效果，有机的用html组织起来的过程。前端是把转化后html
转载
2023-08-13 16:44:26
127阅读
前端测试工具前端测试工具有很多，可以分为几类： 断言库 测试覆盖率工具 测试框架断言库测试的时候我们需要使用断言来判断代码是否到达目的，如果没有断言，我们的测试也将失去意义。 assert assert 是 Node.JS 内置的断言库，下面是一个简单的例子：
const assert = require(‘assert’);
assert(1 === 2);
const t
转载
2023-11-02 11:15:49
63阅读
样式测试 :UI的样式测试为了测试我们的样式是否复合设计稿预期
原创
2023-08-11 11:59:19
79阅读
在进行前端测试前，我们需要明确我们需要怎样的前端测试。前端测试类型总结前端应用测试分为几种常见类型:端到端（e2e） ：一个辅助机器人，表现得像一个用户，在应用程序周围点击，并验证其功能是否正确。常见的测试框架是 Playwright 。单元：验证单独的、孤立的部分按预期工作。常见的测试框架是 Jest。静态：在你写代码的时候捕捉错别字和类型错误。常见的是使用 Typescript 检查每种前端测
转载
2023-11-10 11:39:03
61阅读
单元测试目的：单元测试能够让开发者明确知道代码结构 原则：单一职责、接口抽离、层次分离 断言库：保证最小单元是否正常运行检测方法 测试风格：测试驱动开发（Test-Driven Development，TDD），行为驱动开发（Behavior Driver Development，BDD），均是敏捷开发开发方法论。TDD 关注所有功能十分被实现（每个功能必须有对应的测试用例），suite配合tes
转载
2023-09-10 18:49:44
106阅读
参考路径：https://www.cnblogs.com/lei2007/archive/2013/08/16/3262897.html 减少http请求次数： 网络方面而言,减少数据的交互就意味着减少了网络带宽的压力,能够提供更大并发量的服务 ,减少网络传输的时间，由于减少了请求次数,服务器的资源 ...
转载
2021-10-26 18:59:00
219阅读
2评论
什么时候我们需要测试如果你的回答是：「当然是什么时候都需要测试」——那么恭喜你，你还没有接受过现实排期和业务的毒打（这里指的是国内互联网的情况）。理想情况下，我们当然希望「都有测试，测试覆盖率达到 100%」，但是现实往往无法支撑起这个美好的愿景。在这种情况下我们在什么时候选择编写测试代码呢？比较核心的几个点是：核心、高风险业务内容，比如我 19 年写的文章就是针对支付、会员、订单这一块的后端服务
转载
2024-09-09 20:23:26
27阅读
昨天参加37互娱的笔试时有个这样的问题：说说你所知道的提高前端开发效率的工具或方法？说实话，确实知道的不多，于是从网上搜了下，挺不错，故转载之：http://www.jianshu.com/p/cdf777f13ff6内容分发网络（CDN） CDN 可以帮你把网站的资源分发到世界各地，有助于提高网站的响应速度，当然，这对于那些特殊地区的用户是收效甚微的。CloudFlareCloudFlare
现在有很多的一体化测试平台，集成了评审--到用例--到用例评--到功能测试通过率和各种统计--到接口测试--到性能测试--线上真实流量进行线下放大压--到UI自动化测--bug管理于一身的自动化测试平台。比如杭州笨马，metersphere等等。一. 前端1.1 移动端抓包工具：Lyrebird - 移动端的抓包及 Mock 平台。（美团）spy-debugger - 适用于任
转载
2024-01-04 14:42:06
351阅读
我们在使用网站过程中，经常会遇到慢的问题，为了找到原因，一般需要借助工具进行检测，通过工具，可以检测出前端站点加载资源的相关详细情况。今天，就给大家介绍几款前端性能测试分析工具，结合性能测试工具，实现通过量化的方式测试网站中诸如首字节加载时间（time to first byte）或者渲染时间等表现。其中有些工具还会检查资源是否被缓存，多个 CSS 或 JS 文件是否值得合并，最后自动给出前端性能
转载
2024-01-03 07:18:18
81阅读
参考视频教程资料: 前端要学的测试课从Jest入门到TDD/BDD双实战 : (http://www.notescloud.top/goods/detail/1185)<http://www.notescloud.top/goods/detail/1185 让你页面速度飞起来Web前端性能优化 :&n
转载
2021-08-19 19:42:56
466阅读
一、为什么要做前端测试
前端测试是保障应用质量和用户体验的关键环节。通过编写自动化测试，可以避免重复劳动、减少回归
bug、提高开发效率。
二、常见的前端测试类型
单元测试 (Unit Test)
测试最小的代码单元，如函数或组件。常用工具：Jest、Vitest。
组件测试 (Component Test)
验证组件在隔离环境下的行为是否正确。常用工具：React Testing
Lib
1.测试用例： 产品流程2.自动化测试：属于功能测试。3.性能测试：需要网络知识，代码能力，计算机知识等。4.安全测试：网络安全方面的知识。5.本地化测试：语言能力，功能测试能力。...
原创
2022-09-13 12:26:53
87阅读
前言：本文用于2018/1/30晚内部分享。主题：前端单元测试 正文：一、思考我的目标是，如何浅入本次的主题，让愿意接收陌生信号的“对象”快速简单的get到信号，并且对本次分享产生一个小兴趣。二、What 本章节主要讲述前端单元测试做什么，vue单元测试做什么。 （1） 基础概念测试的概念：测试是检测你的应用代码（也叫“生产代码”）是否按预期执行的过
前言：在每个Web应用程序中，作为用户直接可见的应用程序外观，“前端”包括：图形化的用户界面、相应的功能、及其整体站点的可用性。我们可以毫不夸张地说：如果前端无法正常工作，您将无法“拉新”网站的潜在用户。这也正是我们需要对Web应用执行前端测试的重要原因。为了确保Web应用无论发生了何种变更之后，其对应的前端都能够与bug“隔离”，我们需要针对前端开展各种测试，主要包括：测试应用程序的基本功能、用
转载
2024-08-03 13:13:28
50阅读
没有最好的，只有最适合自己的工作，但是不论是哪个岗位，都是需要不断地更新学习新的知识，这样才能让自己在岗位上立于不败之地。 首先测试和前端虽然都是身处互联网行业，但是其中还是有很大区别的。 软件测试： 顾名思义软件测试就是在规定的条件下对一个产品或者程序进行检测，看是否有程序错误。通俗来讲，软件测试就是保证软件的质量的全过程。 那么软件测试的发展前景如何呢? 因为软件测试
转载
2023-08-14 22:12:14
68阅读
作为一个从制造业转行web前端开发的从业者，来回答下这个问题。首先，看到其他的回答，做测试的说测试好，做前端的说前端好，各有各的看法，虽然本人也是做前端开发的，当然也觉得前端好了（哈哈）但从我进入这个行业多年来的了解，对于转行、基础比较薄弱的初学者来说的话，两个都不错。一套完整的软件系统的开发，从开始到结束，需要很多个开发工序来完成，所以也涉及到很多个岗位，主要涉及的岗位大概有：UI设计、前端开发
转载
2023-08-06 21:42:11
49阅读
前端单元测试 背景 一直以来，单元测试并不是前端工程师必须具备的一项技能，在国内的开发环境下，普遍都要求快，因此往往会忽略了项目的代码质量，从而影响了项目的可维护性，可扩展性。随着前端日趋工程化的发展，项目慢慢变得复杂，代码越来越追求高复用性，这更加促使我们提高代码质量，熟悉单元测试就显得愈发重要了 ...
转载
2021-11-02 09:13:00
353阅读
2评论
HTML初识单元测试1、(单选题)（单选）关于HTML下面说法不正确的是（ ）A、A、HTML 指的是超文本标记语言 (Hyper Text Markup Language) ，它是用来描述网页的一种语言。B、B、标记语言是一套标记标签 (markup tag)。C、C、任何一个标签都可以是HTML的语言。D、D、HTML 不是一种编程语言，而是一种标记语言 (markup language)。C
原创
2023-06-06 17:12:14
88阅读
前言普通用户如何评价一个网站的体验好不好呢？除了满足他的功能需求以外，用得爽不爽可能是最大的评估因素。这个爽不爽可以简单理解为快不快，好不好看，是不是符合他的操作习惯等等。而这里的快不快就是我们说的性能。有数据表明，性能在一定程度上跟公司的收益直接相关。如下所示：性能收益Google 延迟 400ms搜索量下降 0.59%Bing 延迟 2s收入下降 4.3%Yahoo 延迟 400ms流量下降
