浏览模式: 普通 | 列表
分类: H5/JS/CSS | < | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | > | >>

Exif.js 读取图像的元数据

[ 2015-07-13 17:34:29 | 作者: admin ]
非常棒,可以获取照片Exif数据,可以结合jquery和zepto使用

Exif.js 提供了 JavaScript 读取图像的原始数据的功能扩展,例如:拍照方向、相机设备型号、拍摄时间、ISO 感光度、GPS 地理位置等数据。


http://code.ciaoca.com/javascript/exif-js/demo/ajax.html


简单示例
获取 base64 编码文件数据
获取上传文件数据
异步获取图像数据
<script src="exif.js"></script>
EXIF.getData(document.getElementById('imgElement'), function(){
     EXIF.getAllTags(this);
     EXIF.getTag(this, 'Orientation');
});
p.s. 测试有效,非常简单易用啊
作者 http://www.open-lib.com/Forum/Read_69_1.action

当jquery ajax在utf-8编码下(页面utf-8,接收utf-8),无任何问题。可以正常post、get,处理页面直接获取正确的内容。

前言:
当jquery ajax在utf-8编码下(页面utf-8,接收utf-8),无任何问题。可以正常post、get,处理页面直接获取正确的内容。
但在以下情况下:
GBK -> AJAX POST ->GBK
UTF-8 -> AJAX POST ->GBK
后台代码无法获取正确的内容,通常表现为获取到奇怪字符、问号。
经典解决方法:
1:发送页面、接收页面均采用UTF-8编码。
2:发送页面在调用ajax post方法之前,将含有中文内容的input用encodeURIComponent编码一次,而接收页面则调用解码方法( ...

阅读全文…
1、文字虚的问题:桌面右键属性,显示-》外观-》效果-》“使用下列方式使字体边缘平滑”用了clear type调整字体即可(系统若无雅黑需要安装)
2、firefox显示图标字体问题:点击菜单-“选项”-“内容”-“高级”,选中“允许页面选择显示字体而无需使用上面的设置”。

CSS百分比自适应正方形

[ 2015-04-08 11:06:33 | 作者: admin ]
当遇到不确定宽高图片要统一风格显示最好的办法就是处理成正方形,就像Instagram。但是如何用CSS的方式得到一个不确定宽度的正方形容器就成了问题,尤其是要适应响应式的设计里。

后来到群里从小罗那问到了答案: 用 padding 属性来处理 。看例子:
<style type="text/css">
.figure-list{
     margin: 0;
     padding: 0;
}
.figure-list:after{
     content: "";
     display: block;
     clear: both;
     height: 0;
     overflow: hidden;
     visibility: hidden;
}
.figure-list li{
     list-style: none;
     float: left;
     width: 23.5%;
...

阅读全文…
<img src="1.jpg" style="clip:rect(10px 100px 90px 20px);position: absolute;width: 100px;" />
http://www.ppblog.cn/jquery1-9live.html

面临问题

很久没关注JQuery了,今天突然想升级一下系统中使用的jquery版本,突然发现,升级JQuery版本到1.9之后出现了很多问题,比如:$.browser is undefined。突然就想到难不成jquery升级删除了这个属性?记得以前有个版本中JQuery已经不建议使用该属性来判断浏览器了。

查了一下Google发现jQuery升级1.9还真是去掉和废弃了不少的东西,升级系统就有了很大的难度,以前用过一些比较老的插件咋办,只能自己一个个修改了。
jQuery1.9中改变的地方

Jquery1.9中改变了很多东西,具体的升级可以参考一下官方的升级指南。
.toggle(function, function, … ) 方法删除

这个方法绑定两个或多个处理程序到匹配的元素,用来执行交替的点击事件。它不应该被混同于显示或隐藏匹配元素.toggle( ...

阅读全文…


    function unicode2Chr(str) {
                     return unescape(str.replace(/\\/g, "%"))
                     }



例如输入:{"status":"error","message":"\u53c2\u6570\u9519\u8bef"}

返回:{"status":"error","message":"参数错误"}
一体化
将所有具备第三方登录的平台统一,再也不用自己去申请了,所有平台只需要申请一次即可实现多平台联合登录。

全平台
提供国内最热门的第三方建权登录体系,如QQ、新浪微博、人人网、豆瓣等。

简捷化
整体实现过程只需要一段js代码加一个html标签即可完成全部登录过程,无需开发者额外开发,更快速、更高效。

http://open.51094.com/