前端的开发过程中主要有以下流程： 编写代码->单元测试->检查语法->整合代码->生成文档->压缩代码->部署测试环境->测试->发布。产品最终的结果是原型图，而原型图可以理解为设计的草图设计师的结果是psd文件，他是很多个图层叠加在一起的结果，而前端的工作结果html页面，是把很多图层上的效果，有机的用html组织起来的过程。前端是把转化后html
转载
2023-08-13 16:44:26
127阅读
没有最好的，只有最适合自己的工作，但是不论是哪个岗位，都是需要不断地更新学习新的知识，这样才能让自己在岗位上立于不败之地。 首先测试和前端虽然都是身处互联网行业，但是其中还是有很大区别的。 软件测试： 顾名思义软件测试就是在规定的条件下对一个产品或者程序进行检测，看是否有程序错误。通俗来讲，软件测试就是保证软件的质量的全过程。 那么软件测试的发展前景如何呢? 因为软件测试
转载
2023-08-14 22:12:14
68阅读
作为一个从制造业转行web前端开发的从业者，来回答下这个问题。首先，看到其他的回答，做测试的说测试好，做前端的说前端好，各有各的看法，虽然本人也是做前端开发的，当然也觉得前端好了（哈哈）但从我进入这个行业多年来的了解，对于转行、基础比较薄弱的初学者来说的话，两个都不错。一套完整的软件系统的开发，从开始到结束，需要很多个开发工序来完成，所以也涉及到很多个岗位，主要涉及的岗位大概有：UI设计、前端开发
转载
2023-08-06 21:42:11
49阅读
前后端同步开发过程中，有时候前端页面完成了，需要等待后端接口完成部署后才能联调。这个时候如果不想等待，想自己造数据模拟网络请求，这种情况就能用到mock工具了。 mock工具可以用在web网站，也能用在小程序中。先介绍下操作步骤(以windows环境为例)：1、cmd打开终端，安装mock插件，全局生效： npm i @shymean/mock-server -g 2、插件安装完成后，然
转载
2024-10-25 15:51:32
48阅读
前端测试工具前端测试工具有很多，可以分为几类： 断言库 测试覆盖率工具 测试框架断言库测试的时候我们需要使用断言来判断代码是否到达目的，如果没有断言，我们的测试也将失去意义。 assert assert 是 Node.JS 内置的断言库，下面是一个简单的例子：
const assert = require(‘assert’);
assert(1 === 2);
const t
转载
2023-11-02 11:15:49
63阅读
为什么要进行单元测试？保证代码正确性放心进行重构驱动开发TDD实现自动化测试测试驱动开发它是一种测试先于编写代码的思想用于指导软件开发在TDD中侧重点偏向开发，通过测试用例来规范约束开发者编写出质量更高、bug更少的代码行为驱动开发行为驱动开发是一种敏捷软件开发的技术，它鼓励软件项目中的开发者、QA和非技术人员或商业参与者之间的协作BDD更加侧重设计，其要求在设计测试用例的时候对系统进行定义，倡导
转载
2024-05-29 08:09:33
15阅读
1、前端页面测试首先页面测试我们遇到最繁琐的问题是与数据库互联的时候测试，当测试某一功能时反复修改页面然后反复启动服务，这样是很浪费时间的，经过我的分析发现，我们用的容器如weblogic、tomcat加载项目的原理都是一样的，然而部署之后真正执行的代码是解压到缓存中的代码。我们从中可以找到有html、jsp、js这类前端的文件。我们可以将修改过的html、jsp、js文件放到缓存中，页面直接刷新
转载
2023-06-21 21:25:28
67阅读
搞前端这东东有段时间了，做点笔记。前端环境搭建系列的目的是把前端团队作为一个整体，如何有效的团队协同开发，第一部分开发环境。1.代码版本管理SVN是必不可少了，版本号的规划按照项目三位版本，开发四位版本来部署。比如我要做A项目，版本号为1.0.0，我第一次提测的代码版本为1.0.0.1。每次四位版本按照tag区分。QA按照这个tag部署测试代码，OP则部署线上代码。如果多个项目同时开发，就开分支。
转载
2024-01-08 19:56:57
48阅读
样式测试 :UI的样式测试为了测试我们的样式是否复合设计稿预期
原创
2023-08-11 11:59:19
79阅读
目录序导读DOM事件代理数组 对象扁平化去重 - `unique()`拷贝浅拷贝深拷贝`copy()`函数实现`JSON.stringify`字符串去除空格 - `trim()`字符串全排列广度优先实现深度优先实现排序和查找插入排序归并排序快速排序二分查找找出出现次数最多的元素 - `getMostItem()`功能函数实现`setTimeout`实现`setInterval`函数柯里化防抖
转载
2024-09-21 12:53:50
14阅读
在进行前端测试前，我们需要明确我们需要怎样的前端测试。前端测试类型总结前端应用测试分为几种常见类型:端到端（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阅读
一、前言1. 月初公司接到美的的一个单，需要我写一个需要支持USB在线烧录和支持联网上传日志的烧录工具，客户提供服务器接口，使用Http协议POST 请求方式进行数据交换，交换格式使用JSON.看到这个协议时，觉得应该挺简单的，因为自己最近在学习Java Web 方面的知识，刚好可以自己编写客户端烧录软件，然后自己编写Java 服务端进行测试。于是记录一下自己对于这个项目的经验总结。二、知识1.&
转载
2024-09-02 19:30:59
28阅读
参考视频教程资料: 前端要学的测试课从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
