在上篇基于BootStrap Metronic开发框架经验小结【一】框架总览及菜单模块的处理，介绍了Bootstrap开发框架的一些基础性概括，包括总体界面效果，以及布局、菜单等内容，本篇继续这一主题，介绍页面内容常用到的数据分页处理，以及Bootstrap插件JSTree的使用。 在数据的界面显示当中，表格数据的展示以及分页是非常常见的处理操作，利用Bootstrap的样式布局，以及JQuery的Ajax数据处理，就能很好实现数据的动态展示和分页处理。 1、...
使用的技术有jquery.form.js框架， 以及springmvc框架。主要实现异步文件上传的同时封装对象，以及一些注意事项。功能本身是很简单的，但是涉及到一些传递参数类型的问题。例如：jquery的ajax方法与jquery.form.js中的ajaxSubmit方法的参数，具体细节将在下一篇博客中分享。重点： html表格三要素： action="fileUpload/fileUpload" method="post" enctype="multipart/form-data";1. 最简单的表单直接提交html代码：<body> <form a...
Sea.js所有源码都存放在 GitHub 上：https://github.com/seajs/examples，目录结构为： examples/|-- sea-modules 存放 seajs、jquery 等文件，这也是模块的部署目录|-- static 存放各个项目的 js、css 文件| |-- hello| |-- lucky| `-- todo`-- app 存放 html 等文件|-- hello.html|-- lucky.html`-- todo.html引入seajs主文件 <script src="js/sea.js"></script> <script type="text/javascript">// seajs配置...
jQuery使用有一段时间了，但是有一些API的实现实在想不通。小编参考相关资料源码，现在把我的学习过程和收获分享给大家。 下面将使用简化的代码来介绍，主要关注jQuery的实现思想~>_<~//匿名立即执行函数 //.防止污染全局空间 //.选择性保护内部变量 (function(window, undefined){ //第二参数undefined设置而不传的原因： // 外部发生这种情况:var undefined = 时，undefined会被篡改 // 设置第二参数而不传，则undefined就会被重...
1.简介 最近在做一个大型网上银行项目前端的优化，需要使用一个胖客户端的优化，大概思路就是前端通过Ajax 请求去后端获取数据，以Jason的格式返回，然后显示在页面上。由于这个系统非常庞大，胖客户端方案难免需要在客户端写大量的JS代码。我想对于任何团队来说，大量的，非结构化的代码维护起来都非常的不方便。所以BackBone进入了我的视线。 它提供了一种途径可以让你结构化你的JS代码，让你以面向对象的方式来组织你的前端JS代...
backbone必须依赖underscore.js才能够使用，它必须通过underscore中的函数来完成访问页面元素、处理元素的基本操作。 注：backbone可以很好的与其它js库一起工作，所以说它是一个库，而不是框架。 Underscore并没有对原生对象进行扩展，而是调用_()方法进行封装，一旦封装完成，js对象就变为Underscore对象，也可以通过Underscore对象的Value()方法获取原生js对象中的数据。（jquery通过$()方法得到Jquery对象) Underscore总共有60...
环境准备 在正式学习Backbone之前，你需要准备一些东西： 首先，你需要获取Backbone框架源文件：http://documentcloud.github.com/backbone/ Backbone依赖于Underscore框架的基础方法，因此，你同时需要下载Underscore框架的源文件：http://documentcloud.github.com/underscore/ 在Backbone中，对DOM和事件的操作依赖于第三方库（如jQuery或Zepto），你只需要选择其中一个下载： jQuery：http://jquery.com/ Zepto：http://zeptoj...
Model 关于backbone，最基础的一个东西就是model，这个东西就像是后端开发中的数据库映射那个model一样，也是数据对象的模型，并且应该是和后端的model有相同的属性（仅是需要通过前端来操作的属性）。 下面就从实例来一步一步的带大家来了解backbone的model到底是什么样的一个东西。 首先定义一个html的页面：<!DOCTYPE html> <html> <head> <title>the5fire-backbone-model</title> </head> <body> </body> <script src="http://...
什么是 Model Backbone 的作者是这样定义 Model 的： Model 是任何一个 web 应用的核心，它包含了交互的数据以及大部分的逻辑。例如：转化、验证、属性和访问权限等。 那么，我们首先来创建一个Model： Person = Backbone.Model.extend({initialize: function(){alert("Welcome to Backbone!");} });var person = new Person;上述代码中，我们定义了一个名为 Person 的 Model,实例化后，得到 person。任何时候当你实例化一个 Model...
Backbone 中的 View 用来反映你 app 中 Model 的模样。它们会监听事件并作出相应的反应。 接下来的教程我不会告诉你如何把 Model 和 Collection 绑定到 View 上，而是主要讨论 View 是如何使用 javascript 模板库的，尤其是 Underscore.jss _.template。 这里我们使用 jQuery 来操作 DOM 元素，当然你也可以使用其他的库，例如 MooTools 或者 Sizzle,但是 Backbone 的官方文档推荐我们使用 jQuery。 接下来，我们以搜索框为例来新建...
前段时间做项目，有个功能是消息提醒。 我相信很多大牛都做过。下面来分享我遇到的问题和解决方案。首先我们的项目是用frameset框架,main代码。<frameset name="myFrame" cols="85,*" frameborder="no" border="0" framespacing="0"> <frame src="${base}/left.jsp" name="leftFrame" frameborder="no" scrolling="auto" noresize="noresize" id="leftFrame" /> <frame src="${base}/welcome.jsp" name="mainFrame" frameborder=...
Express介绍 npm提供了大量的第三方模块，其中不乏许多Web框架，比如我们本章节要讲述的一个轻量级的Web框架 ——— Express。 Express是一个简洁、灵活的node.js Web应用开发框架, 它提供一系列强大的功能，比如：模板解析、静态文件服务、中间件、路由控制等等,并且还可以使用插件或整合其他模块来帮助你创建各种 Web和移动设备应用,是目前最流行的基于Node.js的Web开发框架，并且支持Ejs、jade等多种模板，可以快速地搭建一个具...
什么是JSX？ 在用React写组件的时候，通常会用到JSX语法，粗看上去，像是在Javascript代码里直接写起了XML标签，实质上这只是一个语法糖，每一个XML标签都会被JSX转换工具转换成纯Javascript代码，当然你想直接使用纯Javascript代码写也是可以的，只是利用JSX，组件的结构和组件之间的关系看上去更加清晰。 var MyComponent = React.createClass({/*...*/}); var myElement = <MyComponent someProperty={true} />; React.render(m...
指令（Directives）是所有AngularJS应用最重要的部分。尽管AngularJS已经提供了非常丰富的指令，但还是经常需要创建应用特定的指令。这篇教程会为你讲述如何自定义指令，以及介绍如何在实际项目中使用。在这篇文章的最后（第二部分），我会指导你如何使用Angular指令来创建一个简单的记事本应用。 概述 一个指令用来引入新的HTML语法。指令是DOM元素上的标记，使元素拥有特定的行为。举例来说，静态的HTML不知道如何来创建和展现一...
什么是Backbone.js？ Backbone.js是十大JS框架之首，Backbone.js 是一个重量级js MVC 应用框架，也是js MVC框架的鼻祖。它通过Models数据模型进行键值绑定及custom事件处理，通过模型集合器Collections提供一套丰富的API用于枚举功能，通过视图Views来进行事件处理及与现有的Application通过JSON接口进行交互。 简而言之，Backbone是实现了web前端MVC模式的js库 什么是MVC？ MVC：后端服务器首先（过程1）通过浏览器获取页面地址，...