gulp是前端开发过程中对代码进行构建的工具，是自动化项目的构建利器；它不仅能对网站资源进行优化，而且在开发过程中很多重复的任务能够使用正确的工具自动完成；使用它，我们不仅可以很愉快的编写代码，而且提高我们的工作效率。gulp的特点：第一， 易用。 Gulp相比Grunt更简洁，而且遵循代码优于配置策略，维护Gulp更像是写代码。第二， 高效。 Gulp相
前端自动化的内容自动化代码检查自动化测试自动化构建自动化部署自动化文档前端自动化的最佳实践
原创
2024-06-25 11:35:53
26阅读
什么是Web自动化测试？让程序代替人为自动验证web项目功能的过程什么Web项目适合做自动化测试？需求变动不频繁项目周期长项目需要回归测试如何进行Web自动化测试？(主流测试工具)QTP(收费)QTP是商业的功能测试工具，支持web，桌面自动化测试。Selenium（开源）Selenium是开源的自动测试工具，免费，主要做功能测试。Jmeter（开通、web、...
原创
2021-06-18 16:55:30
254阅读
前端自动化测试是现代软件开发中不可或缺的一个环节。随着前端技术的不断演进和业务需求的不断变化，自动化测试作为提升测试效率、减少人工测试成本的有效手段，其重要性愈发凸显。本文将通过一个周全的流程，展示在前端自动化测试领域的背景定位、演进历程、架构设计、性能攻坚、故障复盘、和扩展应用。
### 背景定位
为了更好地理解前端自动化测试的必要性，我们首先需对当前的业务场景进行分析。
> **用户原始
1. 自动化构建（Build Automation）目标：自动编译、打包、优化前端代码。(1) 主流构建工具工具适用场景特点Vite现代前端项目（React/Vue）⚡ 极速启动，基于 ES ModulesWebpack复杂工程（多入口、定制化）? 插件生态丰富，兼容性强Rollup库/组件开发（如 Lodash）? 输出更小的 Bundleesbuild超快打包（Go 语言编写）? 速度极快，适
随着开源工具越来越多，特别是nodejs构建微服务器之快，实现前端自动化部署越来越简单了，有可能【10行js代码+10行sh脚本+设置github的webhook】就能实现，但是如果你和我一样，就是“懒”（此处为褒义），连这些都不想自己做，那该怎么办呢？这个时候我发现了这款好工具—netlify，下面我就来讲讲它究竟有多好用吧^_^ 一、使用github或者gitlab登陆netlify
前端工作流程自动化——Grunt/Gulp 自动化 Grunt/Gulp 都是node.js下的模块，简单来说是自动化任务运行器，两者都有
转载
2022-04-13 17:24:10
114阅读
1 安装Chromedriver1.1 环境准备（1）python-3.9.8镜像下载地址https://registry.npmmirror.com/binary.html?path=python/（2）pycharm-professional-2021.2.3pycharm的安装步骤自行搜索即可1.2 安装浏览器驱动下载之前我们需要知道自己的Chrome浏览器是什么版本点击右上角 三个点 图标
原创
精选
2024-03-17 11:16:59
232阅读
前端的工程化和自动化grunt gulp browserify webpack当今主流 webpack vue react angular当前市面 2 个版本 webpack 3.0 webpack 4.0webpack 41. webpack 基础认识官网地址官网: https://webpack.js.org/中文: https://www.webpackjs.com/ 前身: browser
转载
2024-07-31 23:49:08
38阅读
一、什么是web自动化测试
自动化（Automation）是指机器设备、系统或过程（生产、管理过程）在没有人或较少人的直接参与下，按照人的要求，经过自动检测、信息处理、分析判断、操纵控制，实现预期的目标的过程。这是教科书里面的自动化的定义,回归到自动化测试其实自动化测试就是什么呢？指的是测试的过程在没有人或者较少的人为的干预的情况下进行的测试,再简单点说就是用程序或者脚本来测试程序,那么在web自
转载
2024-08-05 09:25:19
281阅读
提起用 Python 写一个 web 页面，总是会想起Django/Flask等这样的大家伙。它们虽然好用，但是除了会Python，你还得会HTML, Javascript, CSS等。而且流程繁琐，比如有时就想写一个简单的页面，比如问卷调查，拿 Django 来说吧总要经过安装、启动、配置、创建app、注册路由、写各种 html/css/js 文件，小白的话说不定就卡死在哪一步了。尤其对于数据分
转载
2023-07-03 20:55:31
106阅读
前端Docker部署实战背景最近公司架构大佬，一直在培训K8s，跟组内成员大佬，唠嗑的时候顺便提到了Dokcer，回想到接触docker还是17年的时候研究了一番，当时做了许多笔记，到现在为止已经在我的笔记里吃灰了好久。最近自己再弄以前买的服务器就打算操作一番。前言1 安装docker环境准备1. 需要会一点服务器基础知识。
2. Centos7.
3. 当前使用xshell操作环境查
转载
2023-08-24 17:47:12
30阅读
前期准备· 基于Centos7系统云服务器一台。· 基于Vue-cli的项目部署在gitlab之上。部署目标搭建Docker+Nginx+Jenkins环境，用于实现前端自动化部署的流程。具体的实现效果为开发人员在本地开发，push提交代码到指定分支，自动触发jenkins进行持续集成和自动化部署。可以设置在部署完成后通过邮件通知，部署的成功与否，成功后会将打包后的文件上传到服务器，通过nginx
转载
2023-11-21 21:32:10
81阅读
前端自动化部署，简单来说就是打包完成后自动发布服务器的过程，简单搜集一下不同的部署方式供大家参考：一、scp2适用情况：webpack、vite项目，本地打包应用1、本地打包生成dist文件目录npm run build2、执行上传脚本 // deploy/index.js
const scpClient = require('scp2')
const chalk = require('
转载
2023-07-23 14:40:45
240阅读
本篇内容将记录并介绍使用Puppeteer进行自动化网页测试，并依靠约定来避免反复修改测试用例的方案。主要解决页面众多时，修改代码导致的牵连错误无法被发现的运行时问题。文章首发于个人博客。对前端感兴趣希望一起讨论的可以加我vx:w554091944 起因 目前我们在持续开发着一个几十个页面，十万+行
转载
2019-02-21 17:29:00
375阅读
2评论
前端自动化测试框架cypress自动化测试为了保障软件质量，并减少重复性的测试工作，自动化测试已经被广泛运用
原创
2022-03-21 11:06:49
847阅读
一.web页面的组成 1. 常用：HTML + CSS + Javascript 2. HTML：定义页面的呈现内容 3. CSS：Cascading Style Sheets，层叠样式表 控制你的网页如何呈现，即布局设置。比如字体颜色、字体大小、在页面呈现的大小等 4. Javascript：如果
原创
2022-09-02 21:45:04
121阅读
背景在部署项目的过程中，以前一直都是在本地部署，然后通过xftp上传打包好的文件到服务器上，这个过程太过于繁琐。而现在就职的公司采用的是自动化部署的方案，在功能开发完后，将功能分支合并到master分支上，服务器就会自动构建代码。所以才有了学习自动化部署的想法。本文中的一些概念、步骤，可能解释的不是很清楚或者有错误，有任何问题、想法的还恳请矫正 :) 对于一些概念和命令等，在文档上查找更好，所以在
转载
2024-03-24 20:19:00
56阅读
我们先来设定一个简单的需求： 一个本地开发环境，具备文件变化并实时更新的功能； 修改代码，保存之后浏览器自动刷新 实时编译
原创
2022-04-06 11:37:51
358阅读
今天给大家介绍一下，如何通过docker，自动化构建vue项目。
现在系统大部分都采用k8s进行容器化部署，后端项目docker化很简单，特别是springboot项目，只要在dockerfile中添加相关命令，即可做到提交代码自动构建到云端。
那vue项目呢？如何才能实现自动化构建部署呢？
传统发版痛点：
传统的vue项目，很多都是通过前端手动打包成html静态文件，然后通过ftp传输到ng
原创
2021-07-09 15:47:39
527阅读
