前端自动化

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

0.前端自动化前端构建工具gulp–Thestreamingbuildsystemgrunt–theJavaScriptTaskRunner前端模块管理器
慕容屠苏·2020-08-03 18:46

webpack初始化配置 (史上最详细版本)

1简单介绍webpack是前端的一个项目构建工具，它是基于Node.js开发出来的一个前端工具,借助于webpack这个前端自动化构建工具，可以完美实现
Colese·2020-08-03 07:32

关于安装gulp-sass失败的问题解决

网络原因导致gulp-sass安装失败如果你正在构建一个基于gulp的前端自动化开发环境，那么极有可能会用到gulp-sass,由于网络原因你可能会安装失败，因为安装过程中部分细节会到亚马逊云服务器上获取文件
jimmyhandy·2020-08-01 12:05

用grunt搭建自动化的web前端开发环境实战教程(详细步骤)

前端自动化，这样的一个名词听起来非常的有吸引力，向往力。
weixin_34194551·2020-08-01 04:03

grunt安装及使用

Grunt是一个基于JavaScript上的一个很强大的前端自动化工具（taskrunner）基于NodeJS用于自动化构建、测试、生成文档的项目管理工具。
吴琼__Candice·2020-08-01 00:33

带你走进webpack世界，成为webpack头号玩家。

前端开发从最开始切页面,前端自动化构建工具日新月异，从最初的Grunt,Gulp到现在前端项目可以说标配的webpack。我们先来致敬经典:1.什么是webpack?
weixin_34008933·2020-07-31 12:14

vue视频教程系列第三节vue的安装（下）

vue视频教程系列第二十七节—getters和actions_腾讯视频在真实的项目开发中，尤其是在大型项目的开发中，我们需要借助于一些前端自动化工具帮助我们解决一些繁琐冗余的事情--开发完成后，对项目进行打包操作
独绽2018·2020-07-30 14:19

gulp

叫做前端自动化构建工具,此类工具还有:grunt前端自动化构建工具是什么?
格调的声色影像·2020-07-29 13:14

Web前端学习笔记——构建前端自动化工作流环境

目录为什么要有自动化的流程1.Node环境1.1.什么是Node1.2.Node环境搭建1.3.Node用途1.4.Node开发Web应用Demo1.5.NPM2.Bower2.1.什么是Bower2.2.为什么使用Bower2.3.Bower实践3.Sass/LESS4.Gulp4.1.Gulp简介4.2.Gulp准备工作4.3.基本使用4.4.常用插件为什么要有自动化的流程在我们的开发过程中有
唯恋殊雨·2020-07-29 11:24

前端自动化测试之UI Recorder

参考1参考2selenium-standalone官方网站中文版介绍先来一段官方的介绍：UIRecorder是一款零成本的整体自动化测试解决方案，一次自测等于多次测试，测一个浏览器等于测多个浏览器！支持所有用户行为:键盘事件,鼠标事件,alert,文件上传,拖放,svg,shadowdom支持无线nativeapp录制,基于macaca实现:https://macacajs.com/无干扰录制:和
无罪的坏人·2020-07-29 09:21

前端组件库 - 搭建web app常用的样式/组件等收集列表(移动优先)

0.前端自动化(Workflow)前端构建工具Webpack-modulebundlerYeoman-asetoftoolsforautomatingdevelopmentworkflowgulp-Thestreamingbuildsystemuse-gulpgrunt-theJavaScriptTaskRunnerF.I.S
斷弦泉月·2020-07-29 09:13

webpack使用记录1（hello world）

refined-x.com/2017/06/16/Webpack是答案吗/Webpack是答案吗https://www.cnblogs.com/liqiyuan/p/6246870.htmlwebpack之傻瓜式教程及前端自动化入门
zhaokei·2020-07-29 07:11

在Maven+Spring项目中使用Node.js的Gulp进行前端自动化构建

为什么80%的码农都做不了架构师？>>>刚开始打算进行前后端分离开发，后来发现在使用JSP或者Freemarker做动态页面时，想发挥这些自动化构建工具牛逼闪闪的livereload功能并不是那么的轻易，因为我们必须还得调教它们去调用Java容器。现在全球社区似乎还没有成熟的插件可以自动帮我们调教Java容器，百度Fis的Jello也只是做了一下velocity的自动化，自己写感觉就是自虐，所以在
weixin_33869377·2020-07-29 06:44

webpack4.x 抽离css文件和压缩

今天来分享一个前端自动化构建工具webpack4x抽离css文件和压缩的方法。
小小蝙蝠侠·2020-07-29 05:22

移动前端开发规范（一般规范）

系列目录移动前端开发规范（一般规范）移动前端开发规范（技术栈规范）移动前端开发规范（HTML规范）移动前端开发规范（JavaScript规范）移动前端开发规范（CSS/LESS/SCSS规范）移动前端开发规范（前端自动化规范
愤怒的晃晃·2020-07-29 03:00

躺下来聊聊前端自动化—node.js、npm、webpack、gulp这些鬼

每次在文章前面总想bb叨些废话。从3月入门到如今仰头圆月的8月半，5个半月就决定了我未来几年的职业方向甚至说是未来几年的生活重心，选择和遇见真是个奇妙的事情，就像原本不合时宜的胃疼和恰如其分而来的草莓味奥利奥……在学习前端的前两个半月，按部就班的html、css、js、jq，恩，页面很好看了。然而一个周末的vue课程，当超哥带我们敲下cmd打开这个小小的黑框子时世界就不一样了，哦，当时并没有被no
杨亚仑·2020-07-29 01:09

前端自动化构建

1.全局安装gulpcnpmi--ggulp2.本地安装gulpcnpmi--savegulp本地安装gulp-sass【为了在里面完成css代码在里面可以使用在css中不能使用的属性嵌套之类的东西】本地安装browser-sync【实现监听功能】3.在根目录下创建文件gulpfile.js4.在gulpfile.js中引入vargulp=require(“gulp”)【下载的模块都需要引入】[模
前端阿龙·2020-07-28 21:01

Web前端自动化构建（二）——Gulp入门

全名：《Web前端自动化构建Gulp、Bower和Yeoman开发指南》作者：StefanBanumgartner【奥】译者：谈博文Gulp是用JavaScript编写、运行在Node.js上的构建工具
奋斗的小绿萝·2020-07-28 20:30

Web前端自动化构建（一）——现代前端工具流的工具链

写在前面的话：最近开始学习Web前端自动化构建，为加深学习效果，整理笔记，作为博客发出。
奋斗的小绿萝·2020-07-28 20:30

前端自动化部署

1.jenkins配置pipeline部分pipeline{agentanyparameters{string(name:'gitAdress',defaultValue:'[email protected]:front/front.git',description:'')string(name:'branch',defaultValue:'dev',description:'')string(nam
ai-Ling·2020-07-28 20:10

Web前端自动化入门总结

2019独角兽企业重金招聘Python工程师标准>>>周末失眠，周一无力写代码，只能听着一首：逆流成河，顺便把最近刚入门的前端自动化写一下入门总结。
weixin_33955681·2020-07-28 18:45

前端自动化及优化

less、sass、stylus它们是三种类似的样式动态语言，属于css预处理语言，它们有类似css的语法，为css赋予了动态语言的特性、如变量、继承、运算、函数等。这么做是为了css的编写和维护。它们使用的文件分别是：.less、.scss、*.styl,这些文件是不能再网页上直接使用的，最终要编译成css文件来使用，编译的方法有软件编译，或者用nodejs程序。less、sass编译软件：ht
weixin_33729196·2020-07-28 17:05

使用Gulp构建前端自动化

Gulp简介gulp是前端开发过程中一种基于流的代码构建工具，是自动化项目的构建利器；她能自动化地完成javascript、coffee、sass、less、html/image、css等文件的测试、检查、合并、压缩、格式化、浏览器自动刷新、部署文件生成，并监听文件在改动后重复指定的这些步骤。在实现上，她借鉴了Unix操作系统的管道（pipe）思想，前一级的输出，直接变成后一级的输入，使得在操作上
wang8088498·2020-07-28 15:17

前端自动化（一）

随着前端技术栈的发展，形成了自动化，工程化等相关概念。工具化在前端的技术栈发展过程中，出现了很多的工具，形成了工具化，能够用工具完成的绝不要手工完成，来帮助开发者提升效率。1.前端工作流工具：Gulp，Grunt2.前端js模块编译工具：Babel，Browserify，Webpack3.包管理器：npm，bower4.前端开发系列工具：livereload，数据mock，代码监控，代码检查。工程
逆光2016·2020-07-28 15:10

【6】selenium前端自动化

1）下载开发工具idea并安装2）引用webdriver，下载webdirver驱动，可以放在resources下面3）pom添加selenium的依赖org.seleniumhq.seleniumselenium-java3.4.0org.testngtestng6.8.214）通过导入功能，导入selenium的依赖5）通过@test方法，可以将每个方法分开写@Testpublicvoidte
枭朵·2020-07-28 14:21

京喜前端自动化测试之路

作者:阿翔前言京喜（原京东拼购）项目，作为京东战略级业务，拥有千万级别的流量入口。为了保障线上业务的稳定运行，每月例行开展前端容灾演习，主要包含小程序及H5版本，要求各页面各模块在异常情况下进行适当的降级处理，不能出现空窗、样式错乱、不合理的错误提示等体验问题。原来的容灾演习过程：小程序（通信方式改成Https）和H5通过Whistle对接口返回进行修改来模拟异常情况，验证各页面各模块的降级处理符
凹凸实验室·2020-07-28 09:09

webpack前端自动化框架搭建（一）

1.创建文件夹webpack_demo2.运行cmdcdwebpack_demo3.初始化npm管理package.jsonnpminit4.创建如下文件夹目录5.在根目录下创建webpack.config.js，定义输入和输出varpath=require('path');functionresolve(_path){returnpath.posix.join(__dirname,_path);
qq_34506961·2020-07-28 06:30

Netlify前端自动化部署工具

一、使用github或者gitlab登陆netlify首先，打开netlify网站(https://app.netlify.com/)然后使用github或者gitlab账号登录。二、根据github/gitlab仓库创建网站点击NewsitefromGit按钮：根据你的仓库所在平台选择，以下三选一：选择你需要部署的仓库：设置部署选项，包括三点：部署分支（对应下图中Branchtodeploy）:
疯三年·2020-07-28 04:22

前端自动化构建工具-gulp

偶然的一个机会，结实了gulp.js,在前端方面我们总是不可避免的调试页面，进行浏览器的刷新，使得前端开发者的任务更加繁重。为此gulp的出现就解放了双手。。终于可以放弃F5辣哈哈。。首先来看下gulp的安装在gulp安装之前，必须先要有node的环境，因为gulp.js是基于node.js的。所以先来安装node(如果你已经有node环境了就可以跳过此布)node安装 Node.js安装包及源码
soul-proven·2020-07-28 02:33

前端自动化工作环境配置

安装nvm（管理不同版本的node）：下载bvm包。地址为：https://github.com/coreybutler/nvm-windows/releases，选择第一个nvm-noinstall.zip.下载完成后，解压到一个全英文路径的地方解压完成后，双击install.cmd，可直接回车，会在c盘根目录生成一个setting.txt文本文件，将这个文件剪切到之前的目录中修改setting
liangxhblog·2020-07-28 02:00

gulp前端自动化构建工具（一）：工具介绍和使用

功能概要：本工具基础gulp自动化工具构建，可适用于整个前端开发时间线，使用时较简单，在配置完后输入自定义命令即可使用本工具。功能如下开发环节：支持命令启动开发环境或生产环境支持多浏览器自动刷新调试，也可模拟多终端的调试支持实时或手动命令编译以下文档，如：JADE、LESS、SASS、SCSS、STYL、JSX、COFFEE、ES6这些类型的文档，可配置增加其他类型支持实时监听JS文档变更，自动完
franks_t_d·2020-07-27 22:50

京喜前端自动化测试之路(小程序篇)

作者：阿翔如果你已经阅读过《京喜前端自动化测试之路（一）》，可跳过前言部分阅读。前言京喜（原京东拼购）项目，作为京东战略级业务，拥有千万级别的流量入口。
凹凸实验室·2020-07-27 16:09

前端自动化构建入门1-什么是前端自动化？

如果你是前端开发人员，如果你现在还不知道前端自动化或者你还不会前端自动化，那么只能说明你身处一个传统行业的软件公司，常年写着jquery、用着各种各样的jquery插件、为浏览器兼容性而苦恼，或者说你不是一个合格的前端开发人员
Nex_x·2020-07-27 16:08

聊聊前端自动化

先来说说为什么要自动化。凡是要考虑到自动化时，你所做的工作必然是存在很多重复乏味的劳作，很有必要通过程序来完成这些任务。这样一来就可以解放生产力，将更多的精力和时间投入到更多有意义的事情上。随着前端开发不再是简单的作坊式作业，而成为一个复杂的工程时，还涉及到性能优化一系列工作等等，这时自动化已然是迫切的需求。早期的网站开发在还没有前端工程师这种分工如此明确的岗位时，大家所理解的前端工作无非就是制作
iamaddy·2020-07-27 12:28

京喜前端自动化测试之路(小程序篇)

如果你已经阅读过《京喜前端自动化测试之路（一）》，可跳过前言部分阅读。前言—京喜（原京东拼购）项目，作为京东战略级业务，拥有千万级别的流量入口。
winty~~·2020-07-20 08:00

京喜前端自动化测试之路(小程序篇)

作者：阿翔如果你已经阅读过《京喜前端自动化测试之路（一）》，可跳过前言部分阅读。前言京喜（原京东拼购）项目，作为京东战略级业务，拥有千万级别的流量入口。
凹凸实验室·2020-07-16 09:00

前端自动化构建工具gulp的使用

1、安装nodejs1.1、说明：gulp是基于nodejs，理所当然需要安装nodejs；1.2、安装：打开http://nodejs.org/，点击硕大的绿色Download按钮，它会根据系统信息选择对应版本（.msi文件）。然后像安装QQ一样安装它就可以了（安装路径随意）;1.3运行命令行，win+R,输入“cmd”,回车，输入“node-v”查看安装的nodejs版本，出现版本号，说明刚刚
小样吧你·2020-07-16 02:35

vue组件测试用例实践一(搭建vue测试框架)

思考组件测试的意义非组件不好测的原因前端自动化测试一直是被忽略的，当然很大部分原因可能是因为人手不足，但是当我们从技术的角度来看，更主要的是因为前端测试用例的复杂性。
weixin_33819479·2020-07-15 04:22

gulp的使用

浅谈web前端自动化工具--gulp字数1212阅读17评论0喜欢0背景：在前端的开发中上线之前可能会做的事情：1、文件目录调整HTML注释、换行等操作。2、CSS压缩合并、JS代码压缩重命名。
张宪宇·2020-07-14 23:03

[Maven + Gem]为大型企业打造自动化测试工具

本文转载请联系作者，联系qq252413619一.目的与区别我曾在2010年在国内知名搜索引擎服务商公司工作，主要负责网页前端自动化测试工具的开发，我们当时的做法已经其实和现在网页自动化测试方法基本一致
robinlovesnow·2020-07-14 21:41

react.js + webpack + superagent 开发环境下如何跨域发送cookie

最近再熟悉公司后台管理系统的前端部分（已实现前后端分离），使用webpack来做前端自动化构建（开发环境使用webpack-dev-server在本地启动服务进行开发及测试）。
老季的私密空间·2020-07-14 20:07

前端自动化单元测试——should.js、mocha是啥？

上周我们了解了nodeAssert断言库，但是自动化测试要跑起来光靠nodeAssert肯定是不够的，文章标题中的这些工具会让你的单元测试真正成为自动的并且更加得心应手。那么我们先来看看它们都是些什么东西。should.js对于shouldjs，npm官方的解释是一款富有表现力、可读、框架无关的断言库。它的主要目的是让测试断言更富表现力，并对你的测试更有帮助。shouldjs有助于你的测试代码保持
SailorCai·2020-07-14 14:56

（2018-05-09.Python从Zero到One）十、（前端）前端自动化以及优化__1.10.0less、sass、stylus

上一篇文章为:→1.9.4bootstrapless、sass、stylus它们是三种类似的样式动态语言，属于css预处理语言，它们有类似css的语法，为css赋予了动态语言的特性、如变量、继承、运算、函数等。这么做是为了css的编写和维护。它们使用的文件分别是：.less、.scss、*.styl,这些文件是不能再网页上直接使用的，最终要编译成css文件来使用，编译的方法有软件编译，或者用nod
lyh165·2020-07-14 14:42

（2018-05-09.Python从Zero到One）十、（前端）前端自动化以及优化__1.10.2前端性能优化

上一篇文章为:→1.10.1前端自动化前端性能优化从用户访问资源到资源完整的展现在用户面前的过程中，通过技术手段和优化策略，缩短每个步骤的处理时间从而提升整个资源的访问和呈现速度。
lyh165·2020-07-14 12:18

前端开发效率提升思路

3前端自动化谈到提高开发效率，不得不提到一些自动化工具。毕竟，前端自动化是当前和未来的发展趋势。它可以大大减少前端
荷叶清泉·2020-07-14 11:38

使用 gulp-html-replace 前端自动化配置替换html模板中指定内容

导读在某些开发项目中，我们需要用到动态输出index.html文件，而这个页面文件内的资源也是需要动态加载的，就比如说在线面这些开发条件：一些静态资源需要加版本号动态编译sass，把编译后的内容动态植入html的style标签中，或者自动引用编译好的css文件在index.html文件中，动态插入多个js文件的script脚本内容如果你想往页面中动态插入一些你需要的一些内容，那gulp-html-
我的小英短·2020-07-14 06:53

Bash快速入门指南

C语言入门模式的秘密---责任链模式Grunt-beginner前端自动化工具Android面试常客Handler详解本文由伯乐在线-巽离翻译，进林校稿。未经许可，禁止转载！英文出处：panix。
飞翔的迈克·2020-07-14 01:13

浅谈前端（UI）自动化测试

结合最近接触到的一些测开应聘同学聊到关于前端自动化测试及自己的理解，分享一下自己对UI自动化测试的认识，大概如下。
zhang_leilei_shaoye·2020-07-13 23:21

（前端自动化部署服务）

背景想必大家做项目的时候都会遇到项目上线问题吧，项目上线，首先会考虑服务器对吧，对于学生党来说倒还好，购买学生服务器不会花很多钱。其次，我一个前端的居然搞着运维的事情？可不可以简便一点，不要那么复杂，当然可以！然后，你想想，白嫖难道不香吗？，买了服务器了之后，还要买域名吧，国内还需要备案，这也需要一段时间。那我们可以既能白嫖服务，又能白嫖域名吗？当然可以！！！作为一个老白嫖党了，今天就教教大家用N
一百个Chocolate·2020-07-13 20:27

用Gulp搭建前端自动化解决方案（二）

这是我自己构建的工作中用到的前端自动化解决方案，项目地址：github.com/garsonguo/gulpbase，里面包含了开发时用的版本和发布时用的版本，对你有帮助的话，可以点watch关注下哦。
Xiaobog·2020-07-13 17:18
上一页 4 5 6 7 8 9 10 11 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他