前端自动化

关于前端自动化工具GULP

Gulp的准备工作1、准备工作2、Gulp基础3、Gulp插件安装gulp在node.js环境下输入指令npminstallgulp–g全局安装npminstallgulp–save-dev安装依赖初始化工程1、新建文件夹mkdir文件夹名称2、cd命令进入文件夹下3、创建package.json文件（手动创建或者命令行创建，npminit输入相关信息）4、然后发现没有gulp这个时候就需要输入n
H5日常记·2019-11-02 01:23

基于gulp的前端自动化学习记录

写在前面个人学习记录，配置有可能有打错的地方，还请不吝赐教。安装gulp首先全局安装：$npminstallgulp-g在指定的目录下安装gulp并存为开发依赖$npminstallgulp--save-dev插播一段说明：--save与--save-dev--save是存为运行依赖（启动应用所必须）--save-dev是存为开发依赖（修改源码所必须）gulp初始化在目录中创建一个gulpfile
zephryu·2019-11-01 04:36

webpack(简单安装配置)

webpack前端工程化：npm、cnpm、yarn、bower|grund、gulp、webpackgulp:基于流的任务式的工具，前端自动化构建工具；webpack是一款模块化打包工具，webpack
剃了胡子·2019-11-01 04:03

前端自动化构建工具 - FIS-PLUS - 第二节:逐步使用

前言fis-plussmarty技术点静态资源id如有目录home/static/a.js资源描述写法如下home:static/a.js目录规范|---site||---common#通用子系统|||---config#smarty配置文件|||---page#模板页面文件目录，也包含用于继承的模板页面||└──layout.tpl|||---widget#组件的资源目录，包括模板组件,JS组件
会煮咖啡的猫咪·2019-10-31 01:13

webpack学习笔记

grunt/gulp的核心是配置一系列的task，定义task要处理的事务（es6、ts转换，图片压缩，scss转css）让grunt/gulp执行这些task，让整个流程自动化grunt/gulp也被称为前端自动化任务管理工具
学一点也是好·2019-10-23 23:00

Node 使用 Selenium 进行前端自动化操作

Node使用Selenium进行前端自动化操作前言：最近项目中有类似的需求：需要对前端项目中某一个用户下的产品数据进行批量的处理。
饭等米·2019-10-15 05:04

linux下node-sass安装失败的解决方法

linux下node-sass安装失败的解决方法最近在实现前端自动化构建部署时，遇到linux服务器端node-sass安装失败的错误，解决后特在此记录一下。
xm2by·2019-10-14 19:54

记一次搭建生产服务器

LinuxJDK安装LinuxMaven安装Linuxnode安装Linuxredis安装LinuxNginx安装Linuxgit安装CentOSMysql安装并配置防火墙配置FTP服务器前端自动化打包部署
席坤·2019-10-09 17:05

前端自动化打包部署nginx目录下

查看是否安装gitgit--version没有安装参考linuxGit安装查看是否安装node+npmnode-vnpm-v没有安装参考linuxNode安装创建存放项目目录mrdirdevelopercddevelopermrdirgit-repositorycdgit-repository克隆项目gitclonehttps://github.com/xx/test.git安装项目所需依赖cdt
席坤·2019-10-09 17:28

前端自动化构建工具,前端工程化,前端模块化,前端组件化

前端自动化构建,前端工程化,模块化,组件化,1:前端自动构建工具webpack等,是为了前端的规范化,模块化,提高代码质量在开发阶段:维护各种编译,检测,语法,JS,Css压缩,Less语法,语法降级,
天劫天罪·2019-10-09 11:41

审核问题

AST在日常业务中也许很难涉及到，但当你不止于想做一个工程师，而想做工程师的工程师，写出vue、react之类的大型框架，或类似webpack、vue-cli前端自动化的工具，或者有批量修改源码的工程需求
cpongo8长长还好还好哈哈哈哈哈哈哈·2019-09-25 14:50

从0搭建自己的webpack开发环境（一）

上期文章：前端自动化测试又一个连载来啦！
前端优选·2019-09-21 03:25

前端自动化部署linux centOs + Jenkins + nignx + 单页面应用

Jenkins是什么？Jenkins是一款业界流行的开源持续集成工具，广泛用于项目开发，具有自动化构建、测试和部署等功能。准备工作LinuxcentOS系统阿里云服务器一个码云一个存放vue项目的仓库开始安装与初始化1、安装JDKyuminstall-yjava2、安装jenkins添加Jenkins库到yum库，Jenkins将从这里下载安装。1wget-O/etc/yum.repos.d/je
前端-小刘·2019-09-16 19:00

前端自动化部署linux centOs + Jenkins + nignx + 单页面应用

Jenkins是什么？Jenkins是一款业界流行的开源持续集成工具，广泛用于项目开发，具有自动化构建、测试和部署等功能。准备工作LinuxcentOS系统阿里云服务器一个码云一个存放vue项目的仓库开始安装与初始化1、安装JDKyuminstall-yjava2、安装jenkins添加Jenkins库到yum库，Jenkins将从这里下载安装。1wget-O/etc/yum.repos.d/je
weixin_38170829·2019-09-16 19:00

前端自动化测试（四）

在Vue项目中测试组件时会引用全局组件，那么如何处理这些全局组件呢？还有Vue中比较重要的一个点就是Vuex如何进行测试？1.测试时使用VueRouter1.1存根在你的组件中引用了全局组件router-link或者router-view组件时，我们使用shallowMount来渲染时会提示无法找到这两个组件，我们可以使用存根的方式mock掉相关的组件。当前路由:{{this.$route.pat
前端优选·2019-09-12 00:00

前端自动化测试（三）

前端自动化测试（一）前端自动化测试（二）通过前两篇文章的学习，我相信大家对Jest的核心用法可以说是已经掌握了，这一篇文中我们在Vue中使用Jest1.Vue中集成Jest我们可以通过vue官方提供的@
前端优选·2019-09-11 00:00

前端自动化测试（二）

上一篇文章，我们已经讲述了Jest中的基本使用，这一篇我们来说说如何深度使用Jest在测试中我们会遇到很多问题，像如何测试异步逻辑，如何mock接口数据等...通过这一篇文章，可以让你在开发中对Jest的应用游刃有余，让我们逐一击破各个疑惑吧！1.Jest进阶使用1.1异步函数的测试提到异步无非就两种情况，一种是回调函数的方式，另一种就是现在流行的promise方式exportconstgetDa
前端优选·2019-09-10 00:00

前端自动化测试（一）

因为可能项目开发周期短根本没有机会写，所以你没有办法体会到前端自动化测试的重要性。来说说为什么前端自动化测试如此重要！
前端优选·2019-09-09 00:00

手把手带你玩转vue单元测试

随着前端工程化的发展，前端自动化测试逐渐兴起，可以很好的保障你的项目质量，已是进阶高级前端的必备技能，9月8日一起玩转Vue单元测试，更贴近实际工作的课程，全面提升你的核心竞争力！
前端达人·2019-09-05 07:00

手把手带你玩转vue单元测试

随着前端工程化的发展，前端自动化测试逐渐兴起，可以很好的保障你的项目质量，已是进阶高级前端的必备技能，9月8日一起玩转Vue单元测试，更贴近实际工作的课程，全面提升你的核心竞争力！
前端达人·2019-09-05 07:00

9102年了 还没学会前端自动化部署？

前言最早期方式:前端写好代码之后本地构建,通过服务器xftp或ftp把文件上传到服务器进行更新使用Git后:服务器通过gitclone的项目,在项目的根目录执行gitpullorigin[branch]拉去仓库中最新的代码自动化部署:通过配置WebHook及服务器后:项目打包完成提交到代码库中,服务器自动拉去git仓库中最新的代码底层实现原理:在github配置webhook的地方填写服务端的ur
zj1024·2019-09-03 00:00

Monorepo之 15min体验一下lerna吧- 前端自动化集成[二]

hello！大家好，我是一名前端开发，致力于用最简单直白的介绍方式来和大家分享技术、期待共同进步的好青年，哈哈接着上一篇介绍lerna部署的文章，我把基于这个项目的自动化集成方面的内容总结一下，最好结合看，才能明白我本文的目的，希望对你们能够有点帮助！上一版文章地址：Monorepo之15min体验一下lerna吧ok，回归正题我将由以下几个部分阐述自动化集成实践：为什么要用自动化集成（缘起）：网
疯狂烤白薯·2019-09-02 00:00

前端自动化测试 之 视觉测试

原文链接：https://segmentfault.com/a/1190000014720175前端测试分类前端测试主要分五大方向测试，而这五大方向也分很多小方向测试，首先简单的介绍每个方向的概念界面样式测试固定界面样式测试：主要针对文字内容不变的区域，例如页面的页头，页脚这类结构、内容不变的区域，而测试一般通过截图对比解决。结构不变界面样式测试：主要针对结构不变的区域，例如新闻区域这类结构不变，
CamilleZJ·2019-08-26 16:52

Jest前端自动化测试框架

JestJest是由Facebook推出的一个前端测试框架，具有许多非常好的特性，譬如执行速度快、API友好、自动监控、Snapshot、测试覆盖率、Mock等各种特性，并且适用于Babel、TypeScript、Node、React、Angular、Vue等。安装npminstalljest-D##或者yarnadd--devjest进入项目，然后运行一下命令初始化jest配置npxjest--
西麦smile·2019-08-26 10:20

Jest前端自动化测试框架

JestJest是由Facebook推出的一个前端测试框架，具有许多非常好的特性，譬如执行速度快、API友好、自动监控、Snapshot、测试覆盖率、Mock等各种特性，并且适用于Babel、TypeScript、Node、React、Angular、Vue等。安装npminstalljest-D##或者yarnadd--devjest进入项目，然后运行一下命令初始化jest配置npxjest--
西麦smile·2019-08-26 10:20

一文学会gulp

说一下前端的自动化构建工具gulp吧，其实国内的前端自动化工具比较流行的还有就是fis和grunt了，但是我觉得目前gulp的社区相对友好，而且关于gulp也是特别容易快速上手的请一定要看我贴的代码，因为许多的
看物看雾·2019-08-22 22:05

Gulp

gulp是一个前端自动化构建工具，基于流的构建系统，主要优点是速度，效率和简化gulp可以干什么？
大胡子哈登摩羯·2019-08-16 09:28

对前端自动化构建——gulp的初步了解

这篇写得不错：https://blog.csdn.net/damon316/article/details/51964740
Gbing1228·2019-07-22 10:19

vue.js学习笔记十九 —— webpack的安装与初步认识

1.什么是webpackwebpack是前端的一个项目构建工具，它是基于Node.js开发出来的一个基于整个项目进行构建的前端工具，借助于webpack这个前端自动化构建工具，可以完美实现资源的合并、打包
武汉小喽啰·2019-07-08 23:28

webpack详细教程

一、前端自动化构建工具是什么/有什么用https://www.jianshu.com/p/e290f9f53b7ehttps://blog.csdn.net/wind_ghoul/article/details
八翼大天使·2019-06-25 20:12

Ubuntu系统Jenkins+nodejs+webPack前端自动化部署

一、环境准备(java,maven,nodejs,webpack)环境部分略过总之缺什么依赖就apt什么[root@13~]#tarzxvfjdk-8u91-linux-x64.tar.gz-C/opt/[root@13~]#tarxvfapache-maven-3.5.0-bin.tar.gz-C/opt/[root@13~]#wgethttp://cdn.npm.taobao.org/dist
拎壶冲冲冲·2019-06-25 11:22

大前端的自动化工厂（1）——Yeoman

它是整个前端自动化工厂的第一站。
华为云·2019-06-18 11:53

webpack常用插件及配置

webpack前端自动化构建工具（打包工具）使用步骤项目初始化npminit-y安装项目的依赖npminstall--save-devwebpackwebpack-cli项目根目录下创建一个webpack.config.js
骑着蜗牛逛妓院·2019-06-18 10:22

【nodejs代理服务器二】nodejs webpack打包配置踩坑总结

webpack打包配置中遇到了几个错误，总结如下：webpack环境变量问题https://www.cnblogs.com/fengchaoran/p/8461317.htmlwebpack之傻瓜式教程及前端自动化入门
有理想的coder·2019-06-14 15:00

前端自动化

模块化模块化要解决的问题模块的定义、依赖和导出工具Webpackhttps://webpack.js.org基本概念:Webpack是当下最热门的前端资源模块化管理和打包工具。它可以将许多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源。还可以将按需加载的模块进行代码分隔，等到实际需要的时候再异步加载。通过loader的转换，任何形式的资源都可以视作模块，比如CommonJs模块、AMD模
苗泽云·2019-06-13 18:51

聊聊webpack 4

，本篇仓库出至于我的GitHub仓库web-study，如果你觉得对你有帮助的话欢迎star，你们的点赞是我持续更新的动力web-studywebpack打包工具webpack毫无疑问现在是非常火热的前端自动化打包工具
pubdreamcc·2019-05-29 18:00

基于Hyper-V、centos、搭建宝塔Linux结合gitLab实现前端自动化部署

本文涉及内容较为繁杂，自己也是头一次接触这方面内容，主要也是作为记录以免睡一觉起来忘了。。一、准备工作1.在windows控制面板-程序和功能里开启Hyper-V相关功能；2.在菜单栏管理工具里找到Hyper-V管理器并打开；3.新建虚拟机，没有特殊配置直接点下一步就好；主要注意下面几点在网上找一个centos的安装镜像，我用的是CentOS-7-x86_64-Minimal-1810.iso安装
光哥是来学习的·2019-05-28 15:47

前端自动化工作流中的hooks

在前端的日常工作中，经常会出现“当执行一种操作之前（之后）需要同时执行另一种操作”的情况，比如我们希望在每次gitcommit之前都运行eslint代码检查、npminstall之前检查项目依赖等。作为经典的情况，各类工具都可以让我们在特定的动作发生时触发自定义脚本，这个功能就叫钩子hooks。日常经常用到的工具有npm、git、webpack，其中的hooks用法我们分别介绍一下。其中webpa
Kinice·2019-05-20 00:00

浅谈构建前端自动化工作流程一 之 nvm

1、NVM简介我们可能同时在进行2个项目，而2个不同的项目所使用的node版本又是不一样的，或者是要用更新的node版本进行试验和学习。这种情况下，对于维护多个版本的node将会是一件非常麻烦的事情，而nvm就是为解决这个问题而产生的，他可以方便的在同一台设备上进行多个node版本之间切换，而这个正是nvm的价值所在。2、NVM下载如果已经安装了node，建议卸载，然后继续向下看。两种下载方式：①
wangyfax·2019-05-19 11:00

前端测试Puppeteer试用

同时，前端自动化测试作为持续集成的主要环节，在提升产品质量、保证系统的页面兼容性、稳定性、功能的完整性具有非常重要的作用。
Jims_d31e·2019-05-18 00:54

Angular+Jenkins+Nginx前端自动化部署

Jenkins1.git拉取代码2.执行shell构建npmcacheclean-fnpminstall--registry=https://registry.npm.taobao.org./node_modules/.bin/ngbuild--prod--aot3.通过ssh上传代码到远程云服务器Nginx1.下载Nginx$sudoapt-getupdate$sudoapt-getinstal
草丛迷了鹿·2019-03-03 00:00

日常开发--前后端联调规范

前端人员和后端开发要提前协商接口文档数据;然后再去码代码这时任何一端开发完成,都会先用mock数据(假数据)来测试程序,后端一般会用postman/httprequster而前端一般会用到gulp,webpack,fekit去哪儿网的一款前端自动化构建工具
千年乙方·2019-03-01 09:01

详解Puppeteer前端自动化测试实践

起因目前我们在持续开发着一个几十个页面，十万+行代码的项目，随着产品的更迭，总会出现这样的问题。在对某些业务逻辑或者功能进行添加或者修改的时候（尤其是通用逻辑），这些通用的逻辑或者组件往往会牵扯到一些其他地方的问题。由于测试人员受限，我们很难在完成一个模块单元后，对所有功能重新测试一遍。同时，由于环境及数据的区别，（以及在开发过程中对代码完备性的疏忽），代码会在某些特殊数据的解析和和展示上出现问题
Athon·2019-02-21 09:03

Puppeteer前端自动化测试实践

本篇内容将记录并介绍使用Puppeteer进行自动化网页测试，并依靠约定来避免反复修改测试用例的方案。主要解决页面众多时，修改代码导致的牵连错误无法被发现的运行时问题。文章首发于个人博客。对前端感兴趣希望一起讨论的可以加我vx:w554091944起因目前我们在持续开发着一个几十个页面，十万+行代码的项目，随着产品的更迭，总会出现这样的问题。在对某些业务逻辑或者功能进行添加或者修改的时候（尤其是通
Athon·2019-02-20 00:00

前端学习计划

4、熟练使用调试、抓包工具，能独立归纳、分析、解决问题5、熟悉前端自动化工具6、熟练使用git7、掌握Ajax异步编程8、熟悉HTTP协议以及浏览器缓存策略
Ken Coding·2019-02-12 21:17

使用webpack和webpack-dev-server

、精灵图、图片的Base64编码可以使用之前学过的requireJS、也可以使用webpack可以解决各个包之间的复杂依赖关系；…使用Webpack，是基于整个项目进行构建的；借助于webpack这个前端自动化构建工具
$(薛定谔的喵)·2019-02-04 16:19

前端 面试 小总结

一、常见的模块化构建工具webpack答：Gulp、Grunt、Webpack1.Grunt和Gulp都是前端自动化构建工具，可以进行文件的合并压缩，但是gulp比grunt更高效，因为它可以支持异步多任务
Dailoge·2019-01-18 15:17

前端组件库

前端组件库搭建webapp常用的样式/组件等收集列表(移动优先)一个常用的PHP类库,资源以及技巧列表awesome-php推荐0.前端自动化(Workflow)前端构建工具Webpack-modulebundlerYeoman-asetoftoolsforautomatingdevelopmentworkflowgulp-Thestreamingbuildsystemuse-gulpgrunt
chuming03403·2019-01-18 15:36

前端自动化测试框架 Jest 极简教程

前端自动化测试框架Jest极简教程DelightfulJavaScriptTesting.https://jestjs.ioJest是由Facebook发布的开源的、基于Jasmine的JavaScript
禅与计算机程序设计艺术·2019-01-15 17:20

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

今天我们就来看看在iuapmobile上如何玩转这些如火如荼的前端自动化构建技术。说起目前
用友云平台·2018-12-26 16:15
上一页 9 10 11 12 13 14 15 16 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他