前端自动化

前端框架

前端组件库搭建webapp常用的样式/组件等收集列表(移动优先)0.前端自动化(Workflow)前端构建工具Yeoman–asetoftoolsforautomatingdevelopmentworkflowgulp–Thestreamingbuildsystemgrunt–theJavaScriptTaskRunnerF.I.S
苏金标·2024-08-23 03:07

【实战】二、Jest难点进阶（二） —— 前端要学的测试课 从Jest入门到TDD BDD双实战（六）

文章目录一、Jest前端自动化测试框架基础入门二、Jest难点进阶2.mock深入学习学习内容来源：Jest入门到TDD/BDD双实战_前端要学的测试课相对原教程，我在学习开始时（2023.08）采用的是当前最新版本
程序边界·2024-02-22 22:43

【实战】一、Jest 前端自动化测试框架基础入门（四） —— 前端要学的测试课 从Jest入门到TDD BDD双实战（四）

文章目录一、Jest前端自动化测试框架基础入门10.Jest中的Mock（1）toBeCalled（2）func.mock（3）mockReturnValue&mockReturnValueOnce学习内容来源
程序边界·2024-02-19 22:44

【实战】一、Jest 前端自动化测试框架基础入门（三） —— 前端要学的测试课 从Jest入门到TDD BDD双实战（三）

文章目录一、Jest前端自动化测试框架基础入门7.异步代码的测试方法8.Jest中的钩子函数9.钩子函数的作用域学习内容来源：Jest入门到TDD/BDD双实战_前端要学的测试课相对原教程，我在学习开始时
程序边界·2024-02-14 19:12

前端工程化面试题 | 05.精选前端工程化高频面试题

请举例说明前端自动化部署的流程，以及
ai_todo·2024-02-14 16:19

如何进行前端自动化测试

如何进行前端自动化测试使用Puppeteer进行前端自动化测试使用Puppeteer进行前端自动化测试步骤使用示例如何进行前端自动化测试前端自动化测试是确保前端应用程序在各种情况下都能正常工作的关键。
前端布道人·2024-02-14 10:56

【实战】一、Jest 前端自动化测试框架基础入门（中） —— 前端要学的测试课 从Jest入门到TDD BDD双实战（二）

文章目录一、Jest前端自动化测试框架基础入门5.Jest中的匹配器toBe匹配器toEqual匹配器toBeNull匹配器toBeUndefined匹配器和toBeDefined匹配器toBeTruthy
程序边界·2024-02-13 20:52

前端要学的测试课 从Jest入门到TDD/BDD双实战

课程包括前端自动化测试框架Jest的讲解，React中Enzyme组件测试工具的讲解，Vue-test-utils的讲解，以及TDD，BDD测试模式的讲解，单元测试，集成测试的讲解。
ygunoil·2024-02-13 05:00

【从Jest入门到 TDD,BDD双实战】Jest 前端自动化测试框架基础入门②

一：前端自动化测试产生的背景及原理二：构建基础结构1.创建文件夹2.创建index.htmlmath.js3.创建math.jsfunctionadd(a,b){returna+b;}functionminus
不停喝水·2024-02-13 05:30

【从Jest入门到 TDD,BDD双实战】整体学习介绍①

一：前端要学的测试Jest入门TDD实战BDD实战二：前端工程化的一部分前端自动化测试高质量代码设计高质量代码实现三：前端自动化测试的例子VueEchartsReactAnt-Design这些都有使用到了自动化测试
不停喝水·2024-02-13 05:29

【实战】一、Jest 前端自动化测试框架基础入门 —— 前端要学的测试课 从Jest入门到TDD BDD双实战（一）

文章目录一、前端要学的测试课1.前端要学的测试2.前端工程化的一部分3.前端自动化测试的例子4.前端为什么需要自动化测试？
程序边界·2024-02-13 05:27

新手也能看懂的【前端自动化测试入门】

最近在网上搜索前端自动化测试相关的文档，但是发现网上的文章都是偏使用，没有把一些基础概念说清楚，导致后续一口气遇到一些karma、Jasmine、jest、Mocha、Chai、BDD等词汇的时候很容易一头雾水
测试界的飘柔·2024-02-12 07:42

效能工具之前端自动化部署打包发布上传脚本（五）命令行加载、上传进度功能

问题描述需求描述：前端代码写完以后，执行打包命令，npmrunbuild命令会打包出一个dist文件夹然后再把这个dist文件夹，丢到远程服务器上然后通过nginx反向代理去给用户使用这个环节不同公司的操作方式不同，简单举例，有以下几种方式：代码部署服务器发布常见方式方式一，使用一些DevOps平台一般来说，大公司都会有自己的代码打包发布运维平台，比如DevOps系统平台。在代码中，进行相关的Do
·2024-02-11 18:01

前端工程化-webpack/cli工具

Grunt、Gulp是基于任务运⾏的⼯具：它们会⾃动执⾏指定的任务，就像流⽔线，grunt/gulp也被称为前端自动化任务管理工具，gr
wanglu的博客·2024-02-04 10:04

Centos部署Jenkins、使用ssh方式拉取gitlab上的代码、执行Pipeline流水线构建（其二）

前端自动化（其一）部署gitlab前端自动化（其二）部署jenkins、配置环境、连接gitlab（本章！）
阿波次嘚·2024-02-01 08:44

GitLab16.8配置webhooks、Jenkins2.4配置GitLab插件实现持续集成、配置宝塔面板实现持续部署（其三）

建议大家按以下顺序看前端自动化（其一）部署gitlab前端自动化（其二）部署jenkins、配置环境、连接gitlab前端自动化（其三）持续集成和持续部署（本章！）
阿波次嘚·2024-02-01 08:34

安装Vue脚手架，编译.vue文件----教程

这就需要用到前端自动化构建工具，比如
发光吖·2024-01-30 18:47

前端自动化工作流环境

学习目标了解什么是Node，什么是NPM掌握Bower的使用熟练使用Less/Sass搭建一个自己的自动化工作流自动编译自动合并自动刷新自动部署(将文件合并压缩)GIT与GitHUBmaster托管源文件gh-pages托管部署文件在git上搭建自己的blog为什么要自动化流程开发过程中有大量重复性工作Don’trepeatyourself1.Node环境1.1.什么是Node不是JS文件，也不是
Carl_Hugo·2024-01-19 19:39

webpack

webpack是一个前端自动化构建工具。webpack可以都会前端的所有资源文件(js/json/css/img/less/...)都可以进行相对于的处理。
小安吖~·2024-01-15 06:04

【for QA】教你认识jest+puppeteer

得益于最近项目上使用了jest+puppeteer来进行前端自动化，有机会进行边实践变学习，并整理出一些相关的知识，可供对此感兴趣的人儿们参考，如有出入，欢迎指正~在整理之前，我给自己提出了以下几个问题
你猜昵称是什么·2024-01-13 23:50

Gitlab-ci:从零开始的前端自动化部署

一.概念介绍1.1gitlab-ci&&自动化部署工具的运行机制以gitlab-ci为例：(1)通过在项目根目录下配置.gitlab-ci.yml文件，可以控制ci流程的不同阶段，例如install/检查/编译/部署服务器。gitlab平台会扫描.gitlab-ci.yml文件，并据此处理ci流程(2)ci流程在每次团队成员push/merge后之后触发。每当你push/merge一次，gitla
一昂young·2024-01-11 07:21

前端组件库大合集-必备收藏

前端组件库搭建webapp常用的样式/组件等收集列表(移动优先)0.前端自动化(Workflow)前端构建工具Yeoman–asetoftoolsforautomatingdevelopmentworkflowgulp–Thestreamingbuildsystemgrunt–theJavaScriptTaskRunnerF.I.S
weixin_36944932·2024-01-04 06:16

30组常用前端开发组件库，前端组件收集整理列表

0.前端自动化前端构建工具gulp–Thestreamingbuildsystemgrunt–theJavaScriptTaskRunner前端模块管理器Bower–ApackagemanagerforthewebBrowserifyComponentDuoRequireJSSea.jscss
Mr_rencp·2024-01-04 06:43

jenkins + nginx 前端自动化部署项目

由于资源有限，没有linux服务器可用，这里就以windows环境为例，配合jenkins和nginx，搭建一个前端项目自动化部署示例，供参考和学习。一、nginx1、下载安装官网下载nginx：传送门下载稳定版windows版本：下载后解压文件放到某个目录里，目录路径不要带中文，比如我的是D:\ProgramFiles(x86)\nginx-1.16.1，记住这个路径，后面配置jenkins任务
醉逍遥neo·2024-01-03 19:52

centos+jenkins+nginx+gitlab前端自动化部署全记录

0.前言我们在开发一个新的项目时,总是需要将前端部署到测试服务器上,给测试或者产品访问.简单的来说,如果想部署前端到服务器,服务器需要提供一个服务来访问前端.如果我们在开发中没有涉及Node.js,那我们需要服务器提供一个服务来访问前端,可能是IIS服务,Nginx服务亦或Tomcat服务,不论部署到哪里,当前端代码频繁更新时(尤其开发阶段),我们需要不停的打包去替换服务器上的代码.可能由运维帮我
前端面试题宝典·2024-01-03 19:21

webpack上手攻略

Tips：前端自动化：1.自动编译（将less，sass等自动编译）2.自动合并（将页面引入的多个js文件，或者css文件，合并为同一个且压缩）3.自动刷新（IDE保存，浏览器不用刷新，自动看到效果）4
眠九·2024-01-01 10:08

Docker + Jenkins + Nginx实现前端自动化部署

前端自动化部署一直以来概念很清楚知道怎么回事，但是其中怎么操作没怎么研究过，虽然之前环境都搭起来了，但是也只是Jenkins构建项目成功，比如提交代码之后怎么触发自动构建，打包后的文件如何迁移到指定服务器的文件目录下
王羲之的之·2023-12-20 12:48

前端工程化-前端自动化测试

为什么要做自动化测试稳定性常见的库常见的库都包含了大量的自动化测试的代码，开源的框架和组件都需要稳定性，引入前端自动化测试为开源项目提供稳定性是再好不过的选择。
Lee弟弟·2023-12-15 04:52

webpack详细教程

1，什么是webpackwebpack|webpack中文文档|webpack中文网Webpack不仅是一个模块打包器(bundler)，更完整的讲是一个前端自动化构建工具。
开心点啦.·2023-12-15 04:34

gulp自动生成精灵图

gulp自动生成精灵图gulp是基于Node.js的一个前端自动化构建工具，主要用来设定程序自动处理静态资源的工作，您可以使用它构建自动化工作流程（前端集成开发环境）精灵图（sprite）是一种图片整合技术
廊坊吴彦祖·2023-12-05 10:01

【2023最新教程】Docker+Nginx+Jenkins实现前端自动化部署 （超详细）

部署目标搭建Docker+Nginx+Jenkins环境，用于实现前端自动化部署的流程。具体的实现效果为开发人员在本地开发，push提交代码到指定分支，自动触发jenkins进行持续集成和自动化部署。
小码哥说测试·2023-12-03 17:52

Docker + Jenkins + Nginx实现前端自动化部署

目录前言一、前期准备工作1、示例环境2、安装docker3、安装DockerCompose4、安装Git5、安装Nginx和Jenkinsnginx.confdocker-compose.yml6、启动环境7、验证Nginx8、验证Jenkins二、Jenkins自动化部署配置1、设置中文2、安装PublishOverSSH、NodeJS（1）PublishOverSSH配置远程服务器（2）Nod
不叫猫先生·2023-12-03 17:50

说说前端工程化利器 webpack

1工程化前端自动化或者半自动化工程，需要实现以下功能：合并和压缩Javascript、CSS代码。CSS预处理：Less，Sass,Stylus的编译。生成雪碧图（CSSSprite）。
deniro·2023-12-02 16:38

「移动开发」iuap mobile玩转前端自动化构建

今天我们就来看看在iuapmobile上如何玩转这些如火如荼的前端自动化构建技术。说起目前
weixin_34018202·2023-11-24 19:23

npm install 下载不下来依赖解决方案

背景最近在构建前端自动化部署的方案中发现了一个问题，就是我在npminstall的时候，有时候成功，有时候不成功，而且什么代码也没发生更改，报错也就是那么几个错，所以在此也整理了一下遇到这种情况，应该怎么解决
Zz罗伯特·2023-11-21 12:43

Web前端自动化测试Cypress实践总结

目录一、自动化测试概述二、前端自动化测试框架选择三、Cypress实践四、编写可维护的测试脚本最后本文主要首先主要介绍了什么是自动化测试，接着对常用的自动化测试框架进行了对比分析，最后，介绍了如果将自动化测试框架
豆子熊.·2023-11-21 00:18

前端之正则表达式，前端自动化和性能优化

正则表达式1、什么是正则表达式：能让计算机读懂的字符串匹配规则。2、正则表达式的写法：varre=newRegExp('规则','可选参数');varre=/规则/参数;3、规则中的字符1）普通字符匹配：如：/a/匹配字符‘a’，/a,b/匹配字符‘a,b’2）转义字符匹配：\d匹配一个数字，即0-9\D匹配一个非数字，即除了0-9\w匹配一个单词字符（字母、数字、下划线）\W匹配任何非单词字符。
weixin_34054931·2023-11-20 11:36

前端自动化构建工具：Webpack（四）—— Webpack 性能优化

四Webpack性能优化这篇文章终于要进入Webpack搭建的重点了——Webpack性能优化。当我们的项目规模越来越大的时候，Webpack的性能优化就成为我们绕不开的坎，这将很大程度上影响我们的开发效率。Webpack性能优化也分为开发环境的性能优化和生产环境的性能优化，接下来我将一一介绍相关的优化方案。4.1热模块替换HMR第一个要重点优化的地方，在于开发环境项目打包的构建速度。之前我们配置
方宏伟·2023-11-14 20:55

docker是什么，前端为什么要学习docker，如何创建一个最简单的docker容器？

前言：写这篇文章的目的是最近搞了下前端自动化部署，准备写篇博客记录下来。其中用到了docker容器技术，因此在写自动化部署的博客前先记录一下docker的下载安装以及镜像和容器的创建。
MLKAT·2023-11-12 09:49

【前端自动化测试】浅谈前端自动化测试及Jest框架

一、前端自动化测试产生的背景及原理对于前端开发人员来讲，日常开发面对的bug类型主要有：安全性、逻辑、性能、UI/交互等，特别是复杂场景或老项目修改。
zoe驿鹿·2023-11-05 21:58

如何处理不稳定的自动化测试？

如果你的用例通过使用前端自动化框架开发，那么在发生故障时截
软件质量保障·2023-10-31 13:31

cypress测试框架与selenium_前端自动化测试框架:Cypress 从入门到精通

"Cypress能够让软件开发实现并行测试，持续集成；专有元素定位，框架级别元素自动等待，原生支持Mock；专有TestRunner，命令执行细节全景回放呈现，定位问题更加精准。越来越多的靠前大公司使用Cypress提升测试效率，学习Cypress自动化测试，正是趋势所在。知名测试架构师蔡超老师在软件开发领域摸爬滚打15年，从多家知名外企成长，精心创作的这本书，集知识、经验、案例一书，并配180分
孔篌·2023-10-30 13:46

【测试与自动化】介绍-框架-Jest-覆盖率-异步代码-e2e-Vue测试

测试与自动化软件测试和自动化测试介绍前端自动化测试框架使用Jest编写单元测试统计测试覆盖率使用Jest测试异步代码使用Cypress进行e2e测试测试Vue项目软件测试和自动化测试介绍了解什么是软件测试
不停喝水·2023-10-29 17:35

基于jest和puppeteer的前端自动化测试实战

前端测试现状经常听到后端同学说“单元测试”，前端写过测试用例的有多少？答案是：并不多，为什么呢？两个主要原因1、前端属于GUI软件，浏览器众多，兼容问题让人头大，用户量有一定规模的浏览器包括：IE8、IE9、IE10、IE11、chrome、FireFox、360浏览器、搜狗浏览器、QQ浏览器……要在这么多浏览器上做几轮测试并不容易2、前端界面变化快，很多时候界面比测试脚本迭代的更快，测试跟不上脚
andrew1989121·2023-10-29 17:03

【深度好文，值得万转】不想再错过加薪和年终奖，快来试试自动化测试吧！！！

这篇文章是前端自动化测试系列的开始，自动化测试系列会从理论走向实践，真正带领大家学会使用前端自动化测试框架，并能在业务中落地。看完整个系列，还不会使用自动化测试工具为生产提效，请来找我！
代码小姐·2023-10-28 06:02

webpack中require.context

官方文档:require.context（）相关博客vuex:namespaced，关于vuex命名空间作用：当我们需要对某一目录下的文件进行引用时，可以进行一次性引用，不用手动一堆import，实现前端自动化引入
有一只狗的名字叫三木·2023-10-25 16:12

python自动化部署工具_听说很多人都不会打包，教你Python实现前端自动化打包部署！...

在我学习过程中，一直琢磨着如何将学习的理论与我所掌握的知识结合起来，来解决或者处理实际问题，于是就有了前端自动化打包部署的念头。尽快近几年，市面上关于自动化部署的工具层出
weixin_39981185·2023-10-22 02:58

前端自动化测试框架-Cypress

1、前言一提起WebUI自动化时，大多数都会想到自动化测试工具Selenium。随着测试技术的不断发展，出现了很多优秀的自动化测试工具。本篇将介绍一款目前市面上很受欢迎的自动化测试工具-Cypress。Cypress是一个易于使用、快速稳定、可靠性高、全面性强的自动化测试框架，因此很多自动化测试都在使用它。2、简介Cypress是一个基于JavaScript的端到端测试框架，它专注于提供简单易用、
爱吃 香菜·2023-10-22 00:56

TestCafe前端E2E自动化测试技术要点

TestCafe前端E2E自动化测试技术要点最近用TestCafe完成了一个营销活动的前端自动化测试，整个过程很顺利，运行也较稳定。
OF656·2023-10-21 14:20

基于Python实现前端自动化打包部署

在我学习过程中，一直琢磨着如何将学习的理论与我所掌握的知识结合起来，来解决或者处理实际问题，于是就有了前端自动化打包部署的念头。尽快近几年
程序员小点·2023-10-19 12:28
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他