html5

scrollTop doesn’t work on firefox and IE? 解决之法

星期四, 六月 1st, 2017 | html5, JAVA-and-J2EE | 没有评论

在使用jquery的 animate 的scrollTop 返回顶部的时,在chrome使用是好的,但是在IE下无效.

解决方法:
try using

$('body,html').animate({scrollTop:$(this).offset().top},800);

instead of

$("body").animate({scrollTop:$(this).offset().top},800);

Tags:

webp的格式的转换

星期五, 十二月 16th, 2016 | html5 | 没有评论

webp出来的有年头了,最近在看微信分享处理的文章 在 chrome浏览器下图片都是webp的格式,想另存为发现无法直接打开.

想从微信获取 jpg和png格式图片:可以使用 Mozilla Firefox 和IE 打开 都会正常显示 成jpg 和png 格式.

貌似是js检测了是否支持webp 再来加载图片的策略来 节省大规模的流量带宽.

对webp的格式一直想自动转换,去了google官方 提供的对应的转换lib包可以用命令行直接调用,也是蛮方便的.

试验了一个图片,果然压缩率 很厉害 从 31K(webp) –>408K (png),质量基本上无差

本地win-x64下载包:libwebp-0-5-1-windows-x86

› Continue reading

Tags:

WP-Syntax代码高亮插件的美化和难选中修复

星期三, 一月 14th, 2015 | html5, pagemaker, wordpress | 没有评论

上次发了一个服务器安装的配置脚本信息,由于脚本比较多,发现浏览的时候用鼠标很难选择一直不知道是什么原因;

期间尝试了去除ad广告部分和统计的js代码,可是问题依旧,无意间更换了wp-syntax的css文件竟然解决了此问题;

也不太想深究其中原因,只把美化后的css代码贴出:
这一段代码替换wp-syntax/css/wp-syntax.css里的内容即可
› Continue reading

Tags: ,

js MD5或者SHA1加密遭遇Cannot read property ‘words’ of undefined

星期六, 十一月 29th, 2014 | ajax, html5 | 没有评论

使用 CryptoJS.SHA1(“Message”) 或者 CryptoJS.MD5(“Message”) 加密密码

再使用jquery 的ajax的post提交遭遇Cannot read property ‘words’ of undefined 的情况

在官方查到解决办法:(解决方法也很简单 转成字符串即可)
摘录原文:
Ahh, it’s because the hash you get back is an object (see [https://code.google.com/p/crypto-js/#The_Hasher_Output The Hasher Output]). And when you pass an object to jQuery’s data property, then jQuery tries to convert it to a query string.

You’ll need to make sure the hash has been serialized to a string. For example:

{ key: CryptoJS.SHA1(“Message”) + ” }

– or –

{ key: CryptoJS.SHA1(“Message”).toString() }

Tags:

div点击隐藏和展示代码

星期一, 四月 21st, 2014 | html5, pagemaker | 没有评论

直接上代码了:

<script type="text/javascript">
    function showorhiddenme(){
        var t_div = document.getElementById("test");
        if (t_div.style.display == "block") {
            t_div.style.display = "none";
        } else if (t_div.style.display == "none") {
            t_div.style.display = "block"
        }
    } 
</script>

Tags:

jquery mobile页面显示为空白及google广告不显示

星期一, 十二月 16th, 2013 | ajax, html5, 读书 | 没有评论

经查为Stuck in “ui-mobile-rendering” – page not displayed in jQuery Mobile

解决方法:

To resolve, include into html code the attribute, data-role=”page”.

<div data-role="page">
      <p> ooxx,ooxx</p>
</div>

and then jquery-mobile will remove the class “ui-mobile-rendering”

二:google在ajax请求中不显示
解决:

 $("#readooxx").hide();
 $("#readooxx").show();

顺便做下在线书籍阅读的地址:http://www.i5a5.com/iab/,在线阅读书籍,登录可以保存阅读进度

Tags: ,

Sublime text 2 GBK编码插件-ConvertToUTF8 可以查看非UTF-8中文文档了

星期二, 十月 2nd, 2012 | computer, html5 | 一条评论

今天打开以前的文档,发现乱码,知道sublime text 2 默认都是utf-8编码,想打开gbk的文件就需要相应的插件了.

Github地址:ConvertToUTF8 https://github.com/seanliang/ConvertToUTF8

打包后的网盘下载: ConvertToUTF8

1.推荐使用 Package Control 查找 ConvertToUTF8 进行自动下载安装与更新。

2.如需手工安装,请将本项目打包下载并解压,将解压后的文件夹名修改为 ConvertToUTF8 ,

然后将此文件夹移动到 Sublime Text 的 Packages 文件夹下(可通过 Sublime Text 菜单中的 Preferences > Browse Packages 找到 Packages 文件夹)。

3.重启下Sublime text 2就支持GBK了。

更多详细介绍可以参考:

中文文档https://github.com/seanliang/ConvertToUTF8/blob/master/README.zh_CN.md

Tags: , ,

神器般的sublime text 2

星期一, 十月 1st, 2012 | computer, html5 | 没有评论

一下子被迷住的编辑器,界面很酷,使用起来很爽.

Sublime Text 2是一个轻量、简洁、高效、跨平台的编辑器。

官方地址:http://www.sublimetext.com/

相关非官方文档(英文): http://docs.sublimetext.info/en/latest/index.html

一个中文的文档点:Sublime

注:
1.Tab完成
Tab完成允许通过按tab键快速的完成单词。当启用时按下tab编辑器会使用它的模糊匹配算法展开光标左侧的文本成最佳匹配项。
Tab完成默认是启用的。

禁用Tab完成 (在编程的时候妨碍我tab缩进)

有时候tab完成不是很需要。要关闭他的话,加入下面这行到Preferences/File Settings – User:

"tab_completion": false

2. 字体设置
可以通过添加这几行到Preferences/Settings – User:

	"font_face": "Courier New",
	"font_size": 10

改变字体,当你保存时字体就会变了。
你可以通过浏览 Preferences/Settings – Default来查看其它要改变的配置。
Sublime Text 2 的特色功能:
› Continue reading

Tags: , , ,

jquery提交post数据在firefox正常在chrome和ie下乱码解决

星期二, 五月 22nd, 2012 | ajax, Android, html5 | 一条评论

在用jquery处理html5的应用的时候,一直在firefox下测试都正常,用户用pad访问的时候说有乱码,
自己试验了下果然,后发现chrome和ie内核下都是有此问题,此问题设置了页面属性为utf-8时候,只有firefox是传的charset=utf-8的头文件
chrome和ie都没有指定,所以出现乱码问题.
解决方法:

$.ajaxSetup({
  contentType: "application/x-www-form-urlencoded; charset=utf-8"
});
$.post("test.php", { name: "i5a6", time: "2pm" },
   function(data){
     process(data);
   }, "json");

或者使用:

$.ajax({
  url:url,
  type:"POST",
  data:data,
  contentType:"application/x-www-form-urlencoded; charset=utf-8",
  dataType:"json",
  success: function(){
    ...
  }
})

推荐使用第一种,不过也是根据自己的实际情况看的,有人推荐用 encodeURIComponent 做字符转换,不推荐.

Tags: , ,

jQuery/html5 的插件turn.js实现的书本和杂志翻页效果

星期日, 五月 6th, 2012 | html5, pagemaker | 没有评论

看到一个很不错的jquery的插件turn.js,在支持html5的设备上(PC,平板,手机等)实现的像很多电子杂志和电子书的翻页效果

turn.js 支持硬件加速来让翻页效果更加平滑。

可通过 API 来获取当前显示的页号,并提供选项来定制默认页号、加速器、阴影和延时 等

更多TURN.JS信息可以去翻阅下列资料:
——————————————————
Github: https://github.com/blasten/turn.js
Reference: https://github.com/blasten/turn.js/wiki/Reference
Website: www.turnjs.com
——————————————————

上贴图:

Tags: , , , ,

Rss

Search

文章分类

Meta