资讯频道 → Web前端
阅读更多

10顶
1踩

Web前端

翻译新闻 16 个JavaScript/jQuery MVC 教程推荐

2011-12-29 17:57 by 正式编辑 sherry617 评论(7) 有11826人浏览
jquery javascript MVC
2011年即将结束，崭新的一年就要到来，在2012年来临之际，我们收集的这些教程，也许你会有兴趣看看。

一、jQuery MVC

1. AJAX - Spring MVC 3 和 jQuery 集成

这个教程主要介绍如何使用jQuery创建拥有AJAX功能的简单的Spring MVC 3应用，以及如何用jQuery.post() 处理数据。



2. 渐进增强（Progressive Enhancement）技术

如果你要写大量的JavaScript代码，你应该考虑以渐进增强模式来工作。实际上构建一个没有JavaScript的网站，然后用JavaScript来增进网站功能。



二、jQuery with ASP.NET MVC

3. 构建“联系我们”的表单

当用户访问支持JavaScript脚本的网站并且点击“联系我们”的链接时，呈现出来的是一个美观的jQuery UI 对话框。该教程介绍的就是如何用 jQuery 和 ASP.NET MVC 渐进增强策略来构建这样一个表单。



4. jQuery和控制器基础

该教程主要讲解jQuery和新的ASP.NET 3.5 MVC扩展的结合使用。



5. Drop Downs视频教程

在这个教程中，有关于如何用 ASP.NET、jQuery、CSS 选择器、DOM操作以及异步通信编写应用。



6. MvcContrib Grid with jQuery DataTable

学习一些重要的MvcContrib 和 jQuery插件，包括验证插件和DataTable插件。



7. jQuery Grid with ASP.NET MVC

构建Web用户界面时，常见的方案是提供一个可分页和排序的网格数据，但如果使用Ajax则显得更合适更巧妙。由于ASP.NET MVC包括了jQuery，所以该教程用jQuery Grid 插件进行演示。



8. jQuery搜索框和自动完成功能

该教程教你创建一个搜索框，框的下方会显示输入建议，还具备自动完成功能。



三、JavaScript MVC

9. JavaScript MVC简介

对于使用Struts、Ruby on Rails、CakePHP框架的后端应用程序开发来说，MVC是一个常常提到的术语。MVC在用户界面开发的最初设想就是其自身要适合构建客户端应用。让我们来看看MVC是如何工作的，并了解一些现有的MVC框架。



10. JavaScript MVC模式概述

我们的目标是编写一个简单的JavaScript组件来显示该语言的强大。这个组件可以说是一个包含可编辑项目列表的HTML列表框控件：用户可以删除选中的项目或将新项目添加到列表中。组件包括的三个类实现了“模型-视图-控制器”的设计模式。



11. JavaScript MVC库

JavaScriptMVC（JMVC）是一个JavaScript客户端工具，它可以在短时间内帮您建立一个可维护的、无差错的、轻量级的应用，它封装了最佳的库和工具，所有支持jQuery的浏览器都可以使用。



12. 用 MVC & Spine.js 编写 JavaScript Web 应用

JavaScript开发人员为了能在代码中添加更多的结构，往往会寻找简单的方法，使流行的MVC架构模式适用于他们的应用程序。利用客户端的MVC框架就可以达到这样的效果，现在我们来看看最新发布的Spine.js是如何做到的。



四、其他MVC资源

13. Noobs MVC

模型-视图-控制器（MVC）可能是近年来Web开发中使用最多的模式了。这个教程告诉你MVC到底意味着什么，以及为什么它如此受欢迎。



14. Backbone.js

backbone通过提供key-value绑定和自定义事件模型来支持JavaScript应用，拥有丰富的API、事件处理视图，并且使用REST JSON方式来联系你已存在的应用。


15. AFrame.js

AFrame试图使用插件来实现AOP，但往往这些插件都依赖什么时候初始化对象，因此推荐大家使用class创建方式而非“new”操作符来执行实例化。



16. Angular.js

这是一个使用JavaScript创建Ajax Web客户端的非常不错的框架。框架结构更易于测试、维护，代码也精简得多。在这个教程中，我们可以看到如何用AngularJS中的双向数据绑定来添加自动完成功能。



英文原文：http://www.jquery4u.com/javascript/10-javascript-jquery-mvc-tutorials/
  • 大小: 52.1 KB
  • 大小: 76.8 KB
  • 大小: 56.6 KB
  • 大小: 58.7 KB
  • 大小: 65.7 KB
  • 大小: 59.6 KB
  • 大小: 50.2 KB
  • 大小: 73.6 KB
  • 大小: 88.6 KB
  • 大小: 60.3 KB
  • 大小: 71.3 KB
  • 大小: 51.1 KB
  • 大小: 39.7 KB
  • 大小: 46.8 KB
  • 大小: 72.3 KB
  • 大小: 51.8 KB
10
顶
1
踩
评论 共 7 条 请登录后发表评论
7 楼 骨之灵魂 2012-07-06 12:35
JavaScriptMVC（JMVC）是麻省理工学院授权的一个JavaScript客户端工具
。。。。。。。。。。这个翻译。。。。。。
6 楼 object_object 2012-01-04 09:20
mvc这周js理念应该贯彻一下，我们实际开发中花在前台的时间大部分都大于花在后台的时间
5 楼 司徒正美 2011-12-30 22:28
许多都货不对板
4 楼 wangguo 2011-12-30 16:16
nick.s.ni 写道
第一個就無法訪問

blogspot.com站点，被Wall了，你懂的！
3 楼 yaofaye 2011-12-30 14:07
第一个确实没法访问
2 楼 nick.s.ni 2011-12-30 13:12
第一個就無法訪問
1 楼 archy123 2011-12-30 11:47 
如果你要写大量的JavaScript代码，你应该考虑以渐进增强模式来工作。实际上构建一个没有JavaScript的网站，然后用JavaScript来增进网站功能


这是不是有点扯啊。。。

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • jee2020_jsp_springboot5.zip_JavaScript/JQuery_Java__JavaScript/JQuery_Java_

    springbootmvc关于redis的文件上传与下载

  • 分享16个javascript&jQuery的MVC教程

    jQuery MVC 1. AJAX - Spring MVC 3和jQuery的整合 这个教程中我们将使用jQuery的AJAX机制开发一个简单的Spring MVC3应用。我们将介绍如何使用jQuery.post()方法来处理post数据 2. P...

  • jquery-mvc:使用 JQuery 的 MVC 架构

    我为一个项目创建了这个特殊的 JQuery MVC 模块化，在将它完全推送到 GitHub 之前我正在修改和优化它。 _所以，我完全对 JQuery 模板和所有其他模板引擎感到恼火，并决定编写一个简单的供我使用。 一切还在修改中。...

  • todoMVC:JavaScript和Jquery ToDo MVC应用程序

    jQuery TodoMVC示例 我们重构了这个经典的待办事项清单，以使用GitHub的API进行类分配。 重构后，该应用将使用来自用户的GitHub帐户（向用户分配了问题的问题）中的问题来填充待办事项。 用户必须在首次使用时输入其...

  • SpringMVC遇到的问题——GET http://localhost/spring_mvc_war_exploded/js/jquery-3.3.1.js net::ERR_ABORTED 404

    学习SSM时遇到的问题GET http://localhost/spring_mvc_war_exploded/js/jquery-3.3.1.js net::ERR_ABORTED 404 新建了js包，并在包下导入了jquery-3.3.1/js，发布项目后通过浏览器开发者工具 发现报错，信息如下：...

  • 在jQuery和MVC中处理JSON对象

    本文使用一个简单的示例来回答在jQuery和MVC中使用JSON对象时的一些常见问题。

  • JavaScript中的MVC简介

    一个非常小的单页应用程序，使用常规JavaScript，jQuery，HTML（无框架）

  • jquery-mvc.rar_The Client_jquery mvc_jquery.Controller_jquerymvc

    CorMVC stands for: Client-Only-Required 一个javascript的MVC框架 Model-View-Controller, and is my laboratory experiment in application architecture held completely seperate from server-side ...

  • 如何在MVC应用程序中使用Jquery

    也从今天开始我要继续在研究ASP.NET MVC的细节用法，所以将这些读书笔记和个人心得写成博客，让大家也能学习到东西，我阅读的书籍是：ASP.NET MVC高级编程,下面我就说说MVC中如何使用JavaScript和Jquery。...

  • RnD：研究与开发使用JavaScript，jQuery，Asp.Net MVC

    RnD：研究与开发使用JavaScript，jQuery，Asp.Net MVC

  • WebMedic：MVC .NET C＃HTML CSS JAVASCRIPT BOOTSTRAP JQUERY RAZOR SQL SERVER

    WebMedic：MVC .NET C＃HTML CSS JAVASCRIPT BOOTSTRAP JQUERY RAZOR SQL SERVER

  • 使用JQuery的Asp.net mvc异步文件上传

    在ASP.NET MVC中上传文件，而无需使用IFrame重新加载整个页面

  • 在MVC中使用jQuery实现加载图像

    这是在MVC中使用jQuery加载图像的实现。

  • MVC5，JQuery移动和实时数据库通知

    MVC5-JQM-SignalR2.0.1-SqlDependency-SQL Server 2008R2

  • 使用MVC非侵入式验证修改jQuery验证设置

    ASP.NET MVC 4非侵入式验证-事件挂钩。

  • jQuery，JSON，Knockout和C＃的MVC技术

    使用MVC开发订单输入应用程序。

  • nodejs-x64-0.10.21.tgz

    Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。

  • node-v4.1.1-linux-armv6l.tar.xz

    Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。

  • node-v4.1.0-linux-arm64.tar.xz

    Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。

  • matlab S-Function 混合系统仿真

    matlab绘制函数图像 MATLAB (Matrix Laboratory) 是一种用于数值计算的高级编程语言和交互式环境，由 MathWorks 公司开发。它广泛用于算法开发、数据可视化、数据分析以及数值计算的高级技术计算语言和交互式环境。以下是一些 MATLAB 的基本特性和使用方式： 1. 基本语法 变量：MATLAB 中的变量不需要预先声明，直接赋值即可。 数组：MATLAB 使用方括号 [] 创建数组，数组索引从 1 开始。 运算符：包括加、减、乘、除、乘方等。 函数：MATLAB 有大量内置函数，也可以编写自定义函数。 2. 绘图 MATLAB 提供了丰富的绘图功能，如绘制线图、散点图、柱状图、饼图等。 matlab x = 0:0.01:2*pi; y = sin(x); plot(x, y); title('Sine Function'); xlabel('x'); ylabel('y'); 3. 数据分析 MATLAB 可以处理各种类型的数据，包括矩阵、向量、数组等，并提供了许多数据分析函数，如统计函数、信号处理函数等。 4. 脚本和函数

Global site tag (gtag.js) - Google Analytics