无主题 · 开发技术博客

分类目录:Web前端

HTML5图片上传利用FileReader获取图片尺寸和图片预览

HTML5图片上传利用FileReader获取图片尺寸和图片预览
背景在图片上传时,通常会有大小、图片类型和图片尺寸等限制,并显示图片预览。以前的处理方法:1.通常是在服务器端保存图片之前做出判断;这样做的弊端是:占用服务器资源和带宽资源。2.通过Flash插件(如:SWFUpload)在客户端直接限制用户上传;这样解决了第一种方法的弊端,但样式方面比较局限,不能灵活使用。图片预览,则是成功上传之后,服务器返回正确的图片地址,在前端通过js动态...
 标签:  ,

web前端仿Excel表格编辑组件Handsontable

Handsontable是使用Excel一样的外观数据网格组件。建在JavaScript中,它与最高效率的任何数据源的集成。它配备了强大的功能,如数据验证,排序,分组,数据绑定,公式支持或列顺序。官网主页,给出了一个10万个数据的加载演示,速度那是非常非常快。我测试过最多的数据是10M的CSV数据,忽略网络传输耗时,加载速度也是毫秒级。HandsonTable是目前为止,本人见过效率最高、...
 标签:  , ,

Backbone基础(四):RESTful持久化

对于大多数但页面应用程序,模型是驻留在服务器上的数据集。在数据访问方面,Backbone极大地简化了代码,通过在集合和模型上使用简单的API,来执行RESTful与服务器同步。从服务器上获取模型Collections.fetch()通过发送HTTP GET请求到URL上(集合的url属性或url函数),从服务器获取JSON数组形式的模型数据集。一旦数据接收,Backbone将执行set()函数...
 标签: 

Backbone基础(三):集合(Collection)

集合是模型的组合,可以通过扩展Backbone.Colleciton来创建集合。通常情况下,创建集合的时候也要定义一个属性,指定该集合所包含的模型(model)类型,同时还包含任何所需的示例属性。一个简单的示例,创建一个包含MyModel模型的集合MyCollection集合://创建一个模型var MyModel = Backbone.Model.extend({});//创建一个...
 标签: 

Backbone中Underscore实用函数

在Backbone中一些常用的函数1.forEach:迭代集合var MyCollection = new Backbone.Collection();MyCollection.add([ {name:'A'}, {name:'B'}, {name:'C'}]);MyCollection.forEach(function(model){ console....
 标签: 

Backbone基础(二):视图(View)

Backbone中的View用来反应的APP中的Model的样子。它们会见厅事件并做出相应的动作。或者说它们包含着模型里的展示逻辑,用于展示给用户。视图使用 JavaScript模版完成这一功能(如Underscore微模版、Mustache、jQuerytmpl等)。视图的render()方法可以绑定在模型的change()事件上,不需要重新刷新整个页面,就可以使视图即时反应模型的变化。创建视...
 标签: 

Backbone基础(一):模型(Model)

Backbone模型是任何应用的核心,包含应用程序里的数据以及与数据相关的逻辑:转换、验证、计算属性和访问控制。我们可以用特定的方法扩展Backbone.Model,Model也提供了一组基本的管理变化的功能。简单示例通过Backbone.Model来创建该模型,代码如下://创建名为MyModel的模型var MyModel = Backbone.Model.extend({});...
 标签: 

Backbone.js:什么是Backbone?

定义/介绍Backbone.js是一个重量级JavaScript MVC应用框架,也是JavaScript MVC框架的鼻祖。它通过Models数据模型进行键值绑定及事件处理,通过模型集合起Collections提供一套丰富的API用于枚举功能,通过视图Views来进行时间处理及与现有的Application通过JSON接口进行交互。当我们开发含有大量Javascript的web应用程序时...
 标签: 

jQuery File Upload 插件 – “Empty file upload result”

JQuery Upload File 上传文件提示 Empty file upload result"空的上传结果" , 通过查看 jquery.fileupload-ui.js 代码分析(78行左右),是上传后返回结果格式问题造成了空结果。 // Callback to retrieve the list of files from the server response: getFil...
 标签:  ,

js操作cookies

什么是cookiescookies是已长文本形式存储在客户端(浏览器)的数据。当浏览器发送请求时,会携带这些信息;可以通过JavaScript设置和操作cookies。cookies的长度是有限制的,cookies中存储的数据不能操作4Kb。cookies有生命周期:一种是临时cookies,当浏览器关闭后cookies消失;另一种是设置cookies的失效时间,过了失效时间cookies消...
 标签:  ,

IE浏览器new Date()带参返回NaN解决方法

问题描述今天给网站增加统计功能,其中一个功能为网站运行时间;此功能通过当前时间和建站时间算差后计算网站运行时间为n年n天n时n分n秒,代码写完后测试浏览器显示效果时发现,非IE浏览器内核均正常显示,IE浏览器下显示效果的时候发现结果显示为:undefined年undefined天undefined时undefined分undefined秒 寻找问题通过IE开发者工具控制台执行js代码发现...
 标签:  ,

XMLHttpRequest实时显示后台处理进度。

今天跟小伙伴儿在讨论out.flush()实时传回后台处理结果,前端如何接收的问题,小伙伴提供的方法是通过XMLHttpRequest()发送请求,我们来看一下XMLHttpRequest对象:百度百科中是这样介绍XMLHttpRequest的:XMLHttpRequest对象可以在不向服务器提交整个页面的情况下,实现局部更新网页。当页面全部加载完毕后,客户端通过该对象向服务器请求数据,服务器...
 标签:  ,