杨杨0708 - 博客园

2016年6月13日

摘要： Grunt--Less 摘要：之前介绍了自动构建工具Grunt，其中有一个模块是"grunt-contrib-less"，下面是配置Grunt自动编译less文件。安装： Grunt是基于node，功能模块化。你可以将grunt-contrib-less配置在package.json中然后npm 阅读全文

posted @ 2016-06-13 09:40 杨杨0708 阅读(561) 评论(0) 推荐(0) 编辑

Grunt构建工具能做哪些事？

摘要： Grunt到底有什么作用？一般用来干嘛？很多前端的工作，包括Less编译、javascript压缩、Css压缩等零零碎碎的工作，都可以让Grunt来做。实际上在项目开发中，一般是前端代码与后端代码完全分离，才会使用Grunt构建工具。目前很多构建工具已经相当强大了，说说他的强大功能：阅读全文

posted @ 2016-06-13 09:31 杨杨0708 阅读(482) 评论(0) 推荐(0) 编辑

2016年6月12日

Grunt-几个常用的任务配置，加载，执行的写法

摘要： http://www.gruntjs.net/sample-gruntfile Gruntfile 实例下面就针对一个 Gruntfile 案例做简单分析，也可以作为一个实例使用： module.exports = function(grunt) { grunt.initConfig({ jshi 阅读全文

posted @ 2016-06-12 11:25 杨杨0708 阅读(1146) 评论(0) 推荐(0) 编辑

单元测试任务包括哪些？

摘要：单元测试，处于软件测试初期阶段，任务主要包括：模块接口测试、模块局部数据结构测试、模块中所有独立执行通路测试、模块的各条错误处理通路测试、模块边界条件测试。模块接口测试是单元测试的基础。只有在数据能正确流入、流出模块的前提下，其他测试才有意义。测试接口正确与否应该考虑下列因素：（1）输入的实际阅读全文

posted @ 2016-06-12 10:47 杨杨0708 阅读(2693) 评论(0) 推荐(0) 编辑

单元测试的概念

摘要：单元测试（unit testing），是指对软件中的最小可测试单元进行检查和验证。对于单元测试中单元的含义，一般来说，要根据实际情况去判定其具体含义，如C语言中单元指一个函数，Java里单元指一个类，图形化的软件中可以指一个窗口或一个菜单等。总的来说，单元就是人为规定的最小的被测功能模块。单元测试阅读全文

posted @ 2016-06-12 10:46 杨杨0708 阅读(1634) 评论(0) 推荐(0) 编辑

2016年6月8日

分享Grunt.js配置: watch + liveReload 实时监测文件变化自动刷新浏览器

摘要： http://www.tuicool.com/articles/2eaQJn 用Grunt配置watch和liveReload组件，可以实时检测指定的文件变化并自动刷新浏览器。目前基本已经成为了我的必备配置。特别是在写前端页面的时候，不用再频繁去点浏览器刷新按钮。工作的时候把浏览器拖到扩展屏，保存文阅读全文

posted @ 2016-06-08 16:49 杨杨0708 阅读(1020) 评论(0) 推荐(0) 编辑

如何使用Grunt（好文）

摘要： Grunt 是什么？ Grunt 基于Node.js之上，是一个以任务处理为基础的命令行工具，可以减少优化开发版本为发布版本所需的人力和时间，从而加速开发流程。它的工作原理是把这些工作整合为不同的任务，在你开发时自动执行。基本上，你可以让Grunt完成任何让你厌烦的任务：那些你需要重复进行的手工设阅读全文

posted @ 2016-06-08 16:46 杨杨0708 阅读(191) 评论(0) 推荐(0) 编辑

grunt安装详解及失败处理

摘要：标签： 1、官网 nodejs官网 https://nodejs.org/en/ Grunt官网 http://gruntjs.com/ Grunt插件首页 http://gruntjs.com/plugins 2、前言前段时间一不小心升级了win10（万恶的360），各种不适应各种问题各种软件b 阅读全文

posted @ 2016-06-08 16:39 杨杨0708 阅读(1284) 评论(0) 推荐(0) 编辑

利用 Grunt （几乎）无痛地做前端开发 (一)之单元测试

摘要：前言如果你想开发一个js应用，甭管多简单，都要先创建整个宇宙来看看我们的Javascript小宇宙: 确定如何根据需求、功能划分模块，如何将代码分成多个文件开发，合成一个发布保证上一条的同时，使用 Coffeescript、SCSS/LESS 等技术保证上2条的同时，想想怎么在浏览器的刷新后阅读全文

posted @ 2016-06-08 16:38 杨杨0708 阅读(496) 评论(0) 推荐(0) 编辑

Grunt实现自动化单元测试

摘要： http://www.tuicool.com/articles/rAnaYvn 直奔主题：一、安装grunt-contrib-qunit npm install grunt-contrib-qunit --save-dev （前提先安装nodejs和npm）自动下载grunt-lib-phant 阅读全文

posted @ 2016-06-08 16:37 杨杨0708 阅读(297) 评论(0) 推荐(0) 编辑

Grunt - Karma 单元测试

摘要： http://www.cnblogs.com/haogj/p/4813155.html Karma 是 Goolge 开源的一个 Test runner, 可以配合 Grunt 使用。 1. 相关插件介绍 1.1 Karma 的官网 http://karma-runner.github.io/ 官网阅读全文

posted @ 2016-06-08 16:37 杨杨0708 阅读(486) 评论(0) 推荐(0) 编辑

2016年6月7日

Grunt插件之LiveReload 实现页面自动刷新，所见即所得编辑

摘要：苦B的前端每次在制作和修改页面时，都有一个特定的三部曲：coding-save-F5。很多时候都希望自己一改东西，页面就能立刻显示，而现在LiveReload就能做到这点。 LiveReload会监控你指定的目录中文件，如果有文件被更改，它就自动触发浏览器刷新页面。但如果你修改的是CSS或者图片，页阅读全文

posted @ 2016-06-07 16:55 杨杨0708 阅读(438) 评论(0) 推荐(0) 编辑

创建 Web 前端开发环境(node和npm)

摘要： Web 前端开发涉及多种工具，这里将常用工具的安装和配置进行说明，提供了详细的说明，为后继的开发创建一个坚实的基础。本文介绍的工具有：NodeJS, NPM, Bower, Git 和 Grunt。 1. 安装 NodeJS 和 NPM 一切从 NodeJS 开始吧，官方网址：https://no 阅读全文

posted @ 2016-06-07 16:12 杨杨0708 阅读(12573) 评论(0) 推荐(2) 编辑

前端开发 Grunt 之 Connect详解

摘要：在前端开发过程中，我们需要在开发过程中，将开发中的站点部署到服务器上，然后，在浏览器中查看实际的效果，在 Grunt 环境下，可以直接使用集成在 Grunt 中的 Connect 插件完成站点服务器的支持，在开发过程中，直接查看效果。 1. Connect 资源与 Grunt 集成的 Connec 阅读全文

posted @ 2016-06-07 16:11 杨杨0708 阅读(736) 评论(0) 推荐(0) 编辑

Grunt之watch详解

摘要： Grunt 之 watch 和 livereload 现在 watch 中已经集成了 livereload ，所以把它们放在一起说明。 watch 可以监控特定的文件，在添加文件、修改文件、或者删除文件的时候自动执行自定义的任务，比如 livereload 等等。 1. 安装项目定义在 GitHu 阅读全文

posted @ 2016-06-07 16:10 杨杨0708 阅读(897) 评论(0) 推荐(0) 编辑

Grunt 之通配符

摘要：在描述源码路径的时候，经常有一些特殊的奇怪的要求。Grunt 通过内建的 node-glob 和 minimatch 库提供了文件名的扩展机制。常见的通配符如下： * 匹配除了 / 之外的任意数量的数字和字符 ? 匹配除了 / 之外的单个字符 ** 匹配任意数量的字符，包括 /，这样可以包含任意级阅读全文

posted @ 2016-06-07 16:10 杨杨0708 阅读(150) 评论(0) 推荐(0) 编辑

2016年6月2日

Grunt安装中遇到的问题汇总

摘要： Grunt安装中遇到的问题汇总 1、如果是windows下的dos中安装Grunt，必须以管理员身份登录(第一个坑) 登录方法是：方法一：开始>所有程序>附件>命令提示符上右键>以管理员身份运行.OK.(貌似实战中不可用) 方法二：开始>所有程序>附件>命令提示符上右键>运行方式>弹出运行身份面板阅读全文

posted @ 2016-06-02 15:32 杨杨0708 阅读(318) 评论(0) 推荐(0) 编辑

Grunt那些事

摘要： 1、第一步当然是先安装好nodejs里面的npm包管理器咯，若还不知道怎么安装请参考nodejs那些事里面的安装步骤 2、node安装完后，就安装grunt-CLI，如果nodejs直接安装在系统默认的路径，也就是c盘下的program files/nodejs/下的话，那么直接调出dos客户端cm 阅读全文

posted @ 2016-06-02 13:59 杨杨0708 阅读(282) 评论(0) 推荐(0) 编辑

用grunt搭建自动化的web前端开发环境-完整教程

摘要： jQuery在使用grunt，bootstrap在使用grunt，百度UEditor在使用grunt，你没有理由不学、不用！ 1. 前言各位web前端开发人员，如果你现在还不知道grunt或者听说过、但是不会熟练使用grunt，那你就真的真的真的out了（三个“真的”重复，表示重点）。至于gru 阅读全文

posted @ 2016-06-02 11:27 杨杨0708 阅读(258) 评论(0) 推荐(0) 编辑

2016年5月30日

nodejs那些事

摘要：安装篇： 1、从http://nodejs.cn/上下载了nodejs-v4.4.4版安装包（已存入360云盘） 2、在windows下双击——下一步——下一步安装即可（注意：安装路径就默认安装到C:/program file/nodejs/下就好，一定不要更改） 3、安装完后，win+R——cmd 阅读全文

posted @ 2016-05-30 16:07 杨杨0708 阅读(130) 评论(0) 推荐(0) 编辑

公告