一、环境准备(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
分类:
Web程序 时间:
2019-06-25 14:56:52
阅读次数:
141
前言 现在的前端开发已经不再仅仅只是静态网页的开发了,日新月异的前端技术已经让前端代码的逻辑和交互效果越来越复杂,更加的不易于管理,模块化开发和预处理框架把项目分成若干个小模块,增加了最后发布的困难,没有一个统一的标准,让前端的项目结构千奇百怪。前端自动化构建在整个项目开发中越来越重要。 我们首先来 ...
分类:
其他好文 时间:
2019-05-13 23:06:34
阅读次数:
141
一、Node环境 1、什么是Node? Node.js类似于jquery.js,不是js文件,也不是一个js框架,而是Server side JavaScript runTime,服务端的一个JS运行时;Node中只能运行ECMScript,无法使用BOM和DOM;目前我们的JS是运行在浏览器内核中 ...
分类:
其他好文 时间:
2019-03-26 01:31:18
阅读次数:
165
(背景: 先用 babel 转译 es6 再 用 browserify 打包 模块化文件,来解决浏览器不支持模块化 )(Browserify是一个让node模块可以用在浏览器中的神奇工具) 今天折腾了一上午,对于前端好多自动化管理的命令用起来,步骤甚多,故想写一个脚本文件,将项目所需要执行到命令 都 ...
分类:
系统相关 时间:
2019-03-22 17:02:46
阅读次数:
211
一、前提 windows环境的puppeteer环境配置要简单点,mac环境坑竟然有点多,这边稍微提下 二、开发环境 nodejs puppeteer mac 三、简单介绍下puppeteer Puppeteer 核心功能(1)利用网页生成PDF、图片(2)爬取SPA应用,并生成预渲染内容(即“SS ...
分类:
其他好文 时间:
2019-01-05 18:15:48
阅读次数:
141
提起iuapmobile studio,相信大家已经不再陌生了,是进行移动应用开发的强大集成工具与必备神器。借助强大的iuap mobile studio,可以实现对开发、测试、调试、打包、发布全程管理。同时iuap mobile studio又是一个极具开放性的平台工具,可以与绝大多数优秀的前端框架、技术很好地集成。
分类:
移动开发 时间:
2018-12-26 17:56:16
阅读次数:
191
前言 ? 最近几年前端技术发展日新月异,特别是单页应用的普及。组件化、工程化、自动化成了前端发展的趋势。webpack已经成为了前端打包构建的主流,但是一些老古董的项目还是存在的,也有优化的必要,正好公司的老项目需要优化,不多说拿gulp实践一下。 本文需要安装node(自行安装),并了解过gulp ...
分类:
其他好文 时间:
2018-12-25 13:11:36
阅读次数:
138
Gulp-cli 基于gulp搭建的前端自动化构建。适用于中小型项目,快速构建前端项目框架。 项目启动 项目地址 如对你有帮助,希望给个Star !哈哈哈!! 项目目录 如何使用 1、下载项目: 2、安装依赖: 3、启动页面,访问http://localhost:3333/dist/front/vi ...
分类:
其他好文 时间:
2018-11-30 18:30:29
阅读次数:
420
web前端自动化测试利器puppeteer介绍 Intro Chrome59(linux、macos)、 Chrome60(windows)之后,Chrome自带 "headless(无界面)模式" 很方便做自动化测试或者爬虫。但是如何和headless模式的Chrome交互则是一个问题。通过启动C ...
分类:
Web程序 时间:
2018-11-29 15:38:34
阅读次数:
184
在前端工程化系列[02]-Grunt构建工具的基本使用这篇文章中,已经对Grunt做了简单的介绍,此外,我们还知道了该如何来安装Grunt环境,以及使用一些常见的插件了,这篇文章主要介绍Grunt的核心组件和运转机制。 Grunt是一套前端自动化构建工具,可以帮助我们简化开发中需要反复处理的任务,甚 ...
分类:
其他好文 时间:
2018-11-10 14:58:35
阅读次数:
245