冠军

导航

随笔分类 -  AngularJS

上一页 1 2

Grunt 之 使用 JavaScript 语法检查工具 jshint
摘要:前端开发的主力语言是 JavaScript,这是一种脚本语言,没有编译器,也就没有了编译器带给我们的语法检查,怎样保证代码的质量呢?jshint 是一个强大的工具。 阅读全文

posted @ 2015-09-22 23:07 冠军 阅读(18385) 评论(0) 推荐(2) 编辑

在 Visual Studio 2013 中使用 Grunt, Bower 和 NPM
摘要:在 Visual Studio 2015 中提供了对于 Grunt 和 Gulp 的内置支持,在 Visual Studio 2013 中怎么办呢?微软将 2015 中的特性作为几个独立的扩展发布出来,你可以在 Visual Studio 2013 中同样使用这个特性。 实际上,你需要三个 Visual Studio 扩展。 阅读全文

posted @ 2015-09-18 17:21 冠军 阅读(5307) 评论(1) 推荐(0) 编辑

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

posted @ 2015-09-09 16:53 冠军 阅读(8828) 评论(0) 推荐(1) 编辑

Grunt 之通配符
摘要:Grunt 通过内建的 node-glob 和 minimatch 库提供了文件名的扩展机制。 阅读全文

posted @ 2015-09-08 17:36 冠军 阅读(1716) 评论(0) 推荐(1) 编辑

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

posted @ 2015-09-07 15:38 冠军 阅读(7720) 评论(2) 推荐(5) 编辑

创建 Web 前端开发环境
摘要:Web 前端开发涉及多种工具,这里将常用工具的安装和配置进行说明,提供了详细的说明,为后继的开发创建一个坚实的基础。 本文介绍的工具有:NodeJS, NPM, Bower, Git 和 Grunt。 阅读全文

posted @ 2015-09-06 16:24 冠军 阅读(26713) 评论(18) 推荐(25) 编辑

AngularJs 入门系列-2 表单验证
摘要:对于日常的开发来说,最常见的开发场景就是通过表单编辑数据,这里涉及的问题就是验证问题。 angularjs 内置已经支持了常见的验证方式,可以轻松实现表单验证。 阅读全文

posted @ 2015-08-15 22:30 冠军 阅读(4237) 评论(0) 推荐(2) 编辑

AngularJs 入门系列-1 使用 AngularJs 搭建页面基本框架
摘要:每当看到前端程序员在脚本、样式、表单处理逻辑中苦苦挣扎的时候,我就在想,为什么不用Angular Js 呢?Angular Js 支持页面前端的 MVC 模式开发,在 Angular JS 的支持下,我们可以将页面前端处理的数据与页面展示进行分离,实现优雅的代码结构。首先,我们需要到 Angular... 阅读全文

posted @ 2015-01-24 20:08 冠军 阅读(26332) 评论(6) 推荐(2) 编辑

angularjs 指令详解 - template, restrict, replace
摘要:通过指令机制,angularjs 提供了一个强大的扩展系统,我们可以通过自定义指令来扩展自己的指令系统。怎样定义自己的指令呢?我们通过 Bootstrap UI 来学习吧。这个项目使用 angularjs 将 Bootstrap 3 进行了封装,是我们学习 angularjs 很好的样例。从 Ale... 阅读全文

posted @ 2014-03-16 22:24 冠军 阅读(62212) 评论(4) 推荐(7) 编辑

在 angularjs 中集成 bootstrap typeahead
摘要:在使用 typeahead 的时候,有这样一个需求,当用户选中其中一项的之后,将项目对应的 id 保存到另外一个变量中,以后在提交表单的时候,将这个 id 发送到服务器中。 但是,在 typeahead 中对于元素的操作,angularjs 没有感知到,导致不能获取最新的数据。 通过自定义 angularjs 的指令,封装 typeahead 实现数据的感知。 阅读全文

posted @ 2014-03-09 22:54 冠军 阅读(7632) 评论(2) 推荐(1) 编辑

上一页 1 2