Javascript
kevin_水滴石穿
平心静气,日积月累,厚积薄发
展开
-
向大家推荐一个非常好用的JS日历控件My97DatePicker
在开发网站的过程中经常会遇到要使用日历控件的问题,现在向大家推荐一个非常好用 的JS日历控件My97DatePicker,我以前在多个项目中使用个这个控件,非常棒,因此在这里 推荐给大家。该控件的是一个免费的开源的控件,官方网址是:http://www.my97.net/。 大家可以到这个网站去下载试用下,看符合不符合项目的实际需要。原创 2012-01-14 20:54:10 · 937 阅读 · 0 评论 -
AngularJS入门教程05:XHR和依赖注入
到现在为止,我们使用是硬编码的三条手机记录数据集。现在我们使用AngularJS一个内置服务$http来获取一个更大的手机记录数据集。我们将使用AngularJS的依赖注入(dependency injection (DI))功能来为PhoneListCtrl控制器提供这个AngularJS服务。 请重置工作目录: git checkout -f step-5 刷新浏览器,你现在应该能看转载 2015-08-23 11:56:38 · 488 阅读 · 0 评论 -
AngularJS入门教程04:双向绑定
在这一步你会增加一个让用户控制手机列表显示顺序的特性。动态排序可以这样实现,添加一个新的模型属性,把它和迭代器集成起来,然后让数据绑定完成剩下的事情。 请重置工作目录: git checkout -f step-4 你应该发现除了搜索框之外,你的应用多了一个下来菜单,它可以允许控制电话排列的顺序。 步骤3和步骤4之间最重要的不同在下面列出。你可以在GitHub里看到完整的差别。 模板转载 2015-08-23 11:55:27 · 402 阅读 · 0 评论 -
AngularJS入门教程03:迭代器
我们在上一步做了很多基础性的训练,所以现在我们可以来做一些简单的事情喽。我们要加入全文检索功能(没错,这个真的非常简单!)。同时,我们也会写一个端到端测试,因为一个好的端到端测试可以帮上很大忙。它监视着你的应用,并且在发生回归的时候迅速报告。 请重置工作目录: git checkout -f step-3 我们的应用现在有了一个搜索框。注意到页面上的手机列表随着用户在搜索框中的输入而变化。转载 2015-08-23 11:54:29 · 442 阅读 · 0 评论 -
AngularJS入门教程08:更多模板
在这一步,你将实现手机详细信息视图,这个视图会在用户点击手机列表中的一部手机时被显示出来。 请重置工作目录: git checkout -f step-8 现在当你点击列表中的一部手机之后,这部手机的详细信息页面就会被显示出来。 为了实现手机详细信息视图我们将会使用$http来获取数据,同时我们也要增添一个phone-detail.html视图模板。 步骤7和步骤8之间最重要的不同在下面转载 2015-08-28 16:40:17 · 367 阅读 · 0 评论 -
Knockout应用开发指南(完整版) 目录索引
使用Knockout有一段时间了(确切的说从MIX11大会宣传该JavaScript类库以来,我们就在使用,目前已经在正式的asp.net MVC项目中使用),Knockout使用js代码达到双向绑定的目的,类似Silverlight/WPF里的绑定一样,我们主要就是利用相关的特性进行开发的,极大地减少了代码开发量。 关于该系列文章: 本系列文章共份10个章节(13篇),主要是翻译官方站转载 2015-08-28 16:40:41 · 407 阅读 · 0 评论 -
AngularJS入门教程07:路由与多视图
在这一步,你将学习如何创建一个布局模板并且通过路由功能来构建一个具有多个视图的应用。 请重置工作目录: git checkout -f step-7 注意到现在当你转到app/index.html时,你会被重定向到app/index.html#/phones并且相同的手机列表在浏览器中显示了出来。当你点击一个手机链接时,一个手机详细信息列表也被显示了出来。 步骤6和步骤7之间最重要的不同在转载 2015-08-23 11:58:53 · 727 阅读 · 0 评论 -
AngularJS入门教程02:AngularJS模板
是时候给这些网页来点动态特性了——用AngularJS!我们这里为后面要加入的控制器添加了一个测试。 一个应用的代码架构有很多种。对于AngularJS应用,我们鼓励使用模型-视图-控制器(MVC)模式解耦代码和分离关注点。考虑到这一点,我们用AngularJS来为我们的应用添加一些模型、视图和控制器。 请重置工作目录: git checkout -f step-2 我们的应用现在有了一个转载 2015-08-23 11:52:50 · 459 阅读 · 0 评论 -
AngularJS入门教程01:静态模板
为了说明angularJS如何增强了标准HTML,我们先将创建一个静态HTML页面模板,然后把这个静态HTML页面模板转换成能动态显示的AngularJS模板。 在本步骤中,我们往HTML页面中添加两个手机的基本信息,用以下命令将工作目录重置到步骤1。 git checkout -f step-1 请编辑app/index.html文件,将下面的代码添加到index.html文件中,然后运行转载 2015-08-23 11:51:19 · 444 阅读 · 0 评论 -
AngularJS入门教程00:引导程序
我们现在开始准备编写AngularJS应用——phonecat。这一步骤(步骤0),您将会熟悉重要的源代码文件,学习启动包含AngularJS种子项目的开发环境,并在浏览器端运行应用。 进入angular-phonecat目录,运行如下命令: git checkout -f step-0 该命令将重置phonecat项目的工作目录,建议您在每一学习步骤运行此命令,将命令中的数字改成转载 2015-08-23 11:49:23 · 415 阅读 · 0 评论 -
AngularJS中文入门教程
AngularJS入门教程00:引导程序 4517 angularjs 03-29 14:14 01-07 17:25 15 AngularJSAngularJS 入门教程 AngularJS入门教程01:静态模板2563 angularjs 03-29 14:16 12-30 17:47 4 AngularJSAngularJS 入门教程转载 2015-08-23 11:44:23 · 667 阅读 · 0 评论 -
AngularJS入门教程06:链接与图片模板
这一步,你会为手机列表的手机添加缩略图以及一些链接,不过这些链接还不会起作用。接下来你会使用这些链接来分类显示手机的额外信息。 请重置工作目录: git checkout -f step-6 现在你应该能够看到列表里面手机的图片和链接了。 步骤5和步骤6之间最重要的不同在下面列出。你可以在GitHub里看到完整的差别。 数据 注意到现在phones.json文件包含了唯一标识符和每一部转载 2015-08-23 11:57:52 · 664 阅读 · 0 评论