今天本来打算根据自己的计划进行前端自动化的学习的,无奈早上接到一个任务需求需要新增一个页面。自从因为工作需要转前端之后,自己的主要注意力几 乎都放在JavaScript上面了,对CSS和HTML这方面其实基础真的很差,今天在写页面的时候就被浮动啊、内外边距啊这些耽误了不少时间。反思一下,自己确实在这...
分类:
Web程序 时间:
2016-01-08 20:11:28
阅读次数:
173
Nodejs不仅把Javascript带到了服务端,也在前端掀起了自动化的浪潮,推动了前端工作的历史性巨变,今天和大家一起学习前端自动化的神器---Gulp;说起自动化,自然少不了Grunt,这位前辈目前社区完善,拥有几千个现成插件,install下来参考文档即可配置使用(参见:前端自动化之利剑——...
分类:
其他好文 时间:
2016-01-03 23:56:21
阅读次数:
232
https://www.luoxiao123.cn/1196.html这里是收集的web前端开发常用前端开发组件库,搭建web app常用的样式/组件等收集列表(移动优先)。主要包含前端框架,构建工具,自动化模块、jQuery插件、前端样式等,囊括最实用的前端开发组件库!0. 前端自动化前端构建工具...
分类:
其他好文 时间:
2015-12-23 10:34:26
阅读次数:
506
有人说前端自动化测试非常困难,我觉得确实如此。在项目中,我个人也不放心写的测试,还是要手动测试。但是我们平时写demo学习时,完全可以使用自动化测试。传统demo1,新建一个html2,写入js脚本3,运行html平时写demo,大家伙恐怕都是这个步骤吧,其实我们可以使用karma自动化这个过程。自...
分类:
其他好文 时间:
2015-12-09 10:01:45
阅读次数:
161
在对于 npm / node / gulp 有了基本的认识之后,本文主要介绍如何构建一个基本的前端自动化开发环境。下面将逐步构建一个可以自动编译 sass 文件、压缩 javascript 文件、多终端多浏览器同步测试的开发环境,并且还可以通过 piblish 命令对项目下的文件进行打包操作。
分类:
其他好文 时间:
2015-11-25 08:43:44
阅读次数:
302
一开篇在前端开发的过程中,我们经常会碰到压缩、合并、图片script 等,于是就有了gulp 前端自动化构建工具,它能帮你在前端开发中,节省时间。1,安装 node.js因为gulp 构建工具是基于node环境的,那么什么是 node.js呢,下面是官方的解释Node.js 是一个基于 Chrome...
分类:
其他好文 时间:
2015-11-12 21:34:51
阅读次数:
332
http://karma-runner.github.io/0.8/plus/RequireJS.htmlkarma 不是测试框架,只是一个运行测试框架的服务器karma测试的原理是,将所有的文件都加载,然后执行对应的测试文件使用到的前端自动化工具: grunt bower npm 等安装依赖: "...
分类:
Web程序 时间:
2015-11-12 14:56:00
阅读次数:
508
首先,安装所需要的插件 yo bower gulp三个工具 npm install -g yo bower gulp再次,安装gulp所需要的generator-gulp-webapp,这个和grunt的有个区别就多了一个gulp标识 npm install -g generator-gulp-webapp最后一步安装gulp-webapp,注意要和grunt区分开来yo gulp-web...
分类:
其他好文 时间:
2015-11-11 17:56:48
阅读次数:
248
本文结合最近的工作经验,总结出一个较简洁的前端自动化构建方案,主张css和js的模块化,并通过grunt的自动化构建,有效地解决css合并,js合并和图片优化等问题,对于提高前端性能和项目代码质量有一定参考价值,欢迎阅读和点评:)
分类:
Web程序 时间:
2015-11-02 08:04:31
阅读次数:
266