2015年05月_hsany330

转载 JS魔法堂之实战：纯前端的图片预览

一、前言　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　图片上传是一个普通不过的功能，而图片预览就是就是上传功能中必不可少的子功能了。在这之前，我曾经通过订阅input[type=file]元素的onchange事件，一旦更改路径则将图片上传至服务器，接着就获取图片路径并赋值到img元素上。先不管文件异步提交的解决方案，就是服务端清理那些临时的预览图片已经增加不少工作量

2015-05-28 20:56:17 511

转载 JavaScript 图片的上传前预览

实例一：实现要点 ● 对于 Chrome、Firefox、IE10 使用 FileReader 来实现。● 对于 IE6~9 使用滤镜 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader 来实现。#preview, .img, img{ width:200px; height

2015-05-28 14:52:06 439

转载移动前端开发之viewport的深入理解

在移动设备上进行网页的重构或开发，首先得搞明白的就是移动设备上的viewport了，只有明白了viewport的概念以及弄清楚了跟viewport有关的meta标签的使用，才能更好地让我们的网页适配或响应各种不同分辨率的移动设备。一、viewport的概念通俗的讲，移动设备上的viewport就是设备的屏幕上能用来显示我们的网页的那一块区域，在具体一点，就是浏览器上(也可能是一个a

2015-05-28 10:59:34 378

我之前写过一篇文章《文件上传利器SWFUpload使用指南》，里面介绍了上传组件SWFUpload的使用方法，但现在随着html5技术的逐渐推广和普及，再去使用以flash为上传手段的SWFUpload显然就有点过时了，毕竟html5原生的就给我们提供了文件上传的API。Plupload是一款由著名的web编辑器TinyMCE团队开发的上传组件，简单易用且功能强大，我们完全可以使用Plupload

2015-05-28 10:56:38 577

转载 HTML5之FileReader的使用

HTML5定义了FileReader作为文件API的重要成员用于读取文件，根据W3C的定义，FileReader接口提供了读取文件的方法和包含读取结果的事件模型。FileReader的使用方式非常简单，可以按照如下步骤创建FileReader对象并调用其方法：1.检测浏览器对FileReader的支持[javascript] view pla

2015-05-27 20:44:41 326

转载浅淡HTML5移动Web开发

浅淡HTML5移动Web开发说实话，我们这次开发移动端的项目，整个项目组的人都是第一次，最初立项的时候为是选择native app和web app还争论了一番，最后综合考虑，我们选择了web（我们选择了h5）开发。但从这两种开发模式的特点来说，从它们诞生之日起就开始了不断的争论，孰好孰坏，本文不作探讨，只是简单罗列下本人开发遇到的问题和最终的解决方案。1. 响应式web设计

2015-05-27 20:33:07 480

转载 CDN-内容推送网络

前段时间介绍了浏览器缓存机制，通过浏览器缓存一方面可以改善用户的体验，而不用漫长地等待从服务器下载资源；另一方面减轻服务器压力、节省流量。CDN是另一种可以大幅度优化用户体验，且减轻服务器压力的技术。下面就自己了解的CDN技术分享下。CDN的实现是一组技术的组合，每个技术都可以单独成文详细讨论，这里就不深入每个技术。内容目录：1. 什么是CDN？2. CDN技术原理

2015-05-27 20:09:45 739

转载浏览器缓存机制

浏览器缓存机制，其实主要就是HTTP协议定义的缓存机制（如： Expires； Cache-control等）。但是也有非HTTP协议定义的缓存机制，如使用HTML Meta 标签，Web开发者可以在HTML页面的节点中加入标签，代码如下：html code上述代码的作用是告诉浏览器当前页面不被缓存，每次访问都需要去服务器拉取

2015-05-27 20:03:24 351

转载移动端切图备忘

作为一名刚接触移动端页面的孩子，总会遇到很多问题，如为什么 head 那里要加 viewport meta，为什么背景图片要用二倍图等等。我相信也有很多人跟你说，加 viewport 是为了让页面不缩放，让页面在手机上能1：1显示；用二倍图是因为 retina 屏1个像素被分为4个像素，所以模糊了，需要用大一倍的图片，让其显示正常。或许你哦了一声后也一直这么做，但是你事实上并

2015-05-27 19:57:11 598

转载基于imgAreaSelect的用户图像截取

前言：想到用户资料中一般有个图像自我截取的部分，为什么要截取呢，因为好看了。so，经过我各种百度，各种参考，终于打工搞成了，写下纪念纪念，让以后拿来就用也好。一：想前端ui这东西，我就懒得说话了，哎，没艺术啊！毫不犹豫的选择上网找资料了，发现一般有两种方法1：Jcrop；2：imgAreaSelect；呵呵，我选了imgAreaSelect;使用很简单么？二：获取这个插件包：点我就

2015-05-27 00:24:32 457

转载 struts2+jsp+jquery+Jcrop实现图片裁剪并上传

struts2+jsp+jquery+Jcrop实现图片裁剪并上传---------------------------------------------------------------------------------------------------------------------------------------------------------------

2015-05-27 00:07:43 1440

转载 Java:比较运算符compareTo()、equals()、==之间的区别与应用总结

1、== 和 equals的区别： ==主要是两个变量值的比较,返回值为true 或者是false。对于普通变量，如：int a=10; int b= 10; a==b，返回为 true。而对于下面情况：String a=new String("abc");String b=new String("a

2015-05-25 14:30:31 420

转载一张图讲清楚Native APP、WEB APP与Hybrid APP的区别

一张图告诉你Native APP、WEB APP与Hybrid APP的区别 1）Native APP：Native Code编程，代码编译之后以2进制或者字节码的形式运行在OS上，直接调用OS的Device API；2）Web APP，以HTML+JS+CSS等WEB技术编程，代码运行在浏览器中，通过浏览器来调用Device API（取决于HTML5未来的支持能力）：

2015-05-13 17:11:48 666

转载单页Web应用

单页Web应用概述单页Web应用并不是突然诞生的一门新技术，而是web展示的一种新的尝试。它将所有的动作局限于一个Web页面，在加载站点首页的时候就加载站点需要的JavaScript和CSS。单页Web应用不会随着用户的操作而重新加载页面或者进行页面跳转，而是利用默默执行在后端的JavaScript动态的变换HTML内容，从而对用户动作做出响应。单页Web应用可以提供非常流畅的用户

2015-05-13 15:14:17 1133

转载 Eclipse快捷键 10个最有用的快捷键

Eclipse中10个最有用的快捷键组合一个Eclipse骨灰级开发者总结了他认为最有用但又不太为人所知的快捷键组合。通过这些组合可以更加容易的浏览源代码，使得整体的开发效率和质量得到提升。 1. ctrl+shift+r：打开资源这可能是所有快捷键组合中最省时间的了。这组快捷键可以让你打开你的工作区中任何一个文件，而你只需要按下文件名或mask名中的前几个

2015-05-07 17:55:57 389

转载 Java中的private、protected、public和default的区别

（1）对于public修饰符，它具有最大的访问权限，可以访问任何一个在CLASSPATH下的类、接口、异常等。它往往用于对外的情况，也就是对象或类对外的一种接口的形式。（2）对于protected修饰符，它主要的作用就是用来保护子类的。它的含义在于子类可以用它修饰的成员，其他的不可以，它相当于传递给子类的一种继承的东西。（3）对于default来说，有点的时候也成为friendly

2015-05-06 10:18:36 448

转载 ECMAScript 6入门

书籍详情网址：es6.ruanyifeng.comES6是JavaScript语言的下一个版本，预计将在2014年底正式发布。它对JavaScript做了大量改造，提高了灵活性和应用性，使得这门语言真正成为了企业级开发工具。但是，ES6也使得JavaScript变得更抽象、更难学了。我把自己过去一年的学习笔记，做成了这本书，采用创意共享开源许可证，源码放在Github上面。欢迎大家

2015-05-05 12:04:40 739

转载 Javascript异步编程的4种方法

你可能知道，Javascript语言的执行环境是"单线程"（single thread）。所谓"单线程"，就是指一次只能完成一件任务。如果有多个任务，就必须排队，前面一个任务完成，再执行后面一个任务，以此类推。这种模式的好处是实现起来比较简单，执行环境相对单纯；坏处是只要有一个任务耗时很长，后面的任务都必须排队等着，会拖延整个程序的执行。常见的浏览器无响应（假死），往往就是

2015-05-05 11:57:47 362

转载 jQuery的deferred对象详解

jQuery的开发速度很快，几乎每半年一个大版本，每两个月一个小版本。每个版本都会引入一些新功能。今天我想介绍的，就是从jQuery 1.5.0版本开始引入的一个新功能----deferred对象。这个功能很重要，未来将成为jQuery的核心方法，它彻底改变了如何在jQuery中使用ajax。为了实现它，jQuery的全部ajax代码都被改写了。但是，它比较抽象，初学者很难掌握，网

2015-05-05 11:52:59 372

hsany330的专栏