前端技术

移动web app开发HTML/CSS等小贴士代码 收藏有用【转载】

1 创建主屏幕图标 (Creating a home screen icon ,for ios)


//57*57
<link rel="apple-touch-icon"href="http://wlog.cn/html/"/custom_icon.png"/>
<link rel="apple-touch-icon" href="touch-icon-iphone.png" />
<link rel="apple-touch-icon" sizes="72x72" href="touch-icon-ipad.png" />
<link rel="apple-touch-icon" sizes="114x114" href="touch-icon-iphone4.png" />
<link rel="apple-touch-icon" sizes="144x144" href="touch-icon-ipad-retina.png" />

启动画面图像 (Creating a splash screen, for ios)

» 阅读全文

关键词: 移动开发

简单的jquery实现弹出即消失的提示层demo

简单的jquery实现弹出即消失的提示层demo

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 <html xmlns="http://www.w3.org/1999/xhtml">
 <head>
     <title></title>
     
<script type="text/javascript" src="http://www.jincon.com/include/jscript/jquery.js?ver=1.7.1"></script>
     <script type="text/javascript">

» 阅读全文

微信中里如何判断页面被分享到朋友圈和微信号的成功,附代码

微信中里如何判断页面被分享到朋友圈和微信号的成功,附代码

其实微信已经给好了回调函数了。

见代码:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
 "http://www.w3.org/TR/html4/loose.dtd">

» 阅读全文

关键词: 分享回调 , 微信

分享一段iframe框架自适应的JS代码

分享一段iframe自适应的JS代,随手搞的,没什么技术含量,mark一下而已。

<script>
function resize_window(){
    $("#main").height($(window).height()).width($(window).width()-291);
}
$(function(){
    resize_window();
    $(window).resize(function(){
        resize_window();
    })
})
</script>

关键词: 自适应 , iframe框架

minify:服务端合并和压缩JavaScript和CSS文件

Web性能优化最佳实践中最重要的一条是减少HTTP请求,它也是YSlow中比重最大的一条规则。减少HTTP请求的方案主要有合并 JavaScript和CSS文件、CSS Sprites、图像映射(Image Map)和使用Data URI来编码图片。CSS Sprites 和图像映射现在已经随处可见了,但由于IE6和IE7不支持Data URI以及性能问题,这项技术尚未大量使用。目前大部分网页中的 JavaScript和CSS文件数量和开发时一致,少量的网页会根据实际情况采取本地合并,这些合并中相当多的是有选择地手动完成,每次新的合并都需要 重新在本地完成并上传到服务器,比较的随意和繁琐,同样文件的压缩也有类似的情况。而利用服务端的合并和压缩,我们就可以按照开发的逻辑尽可能让文件的颗 粒度变小,利用网页中URL的规则来自动实现文件的合并和压缩,这会相当的灵活和高效。

minify

      在 Google Code上有一个PHP的开源项目叫Minify,它可以合并、精简、Gzip压缩和缓存JavaScript和CSS文件。其文件合并功 能就非常类似Combo Handler,只不过URL的语法稍微有点不同。如果Yahoo! CDN安装了Minify,那么上面 Rich Text Editor的代码用Minify的默认格式来写就是:

» 阅读全文

关键词: 压缩javascript和css , minify

artDialog v6 更新,经典的网页对话框组件,内外皆用心雕琢

blob.png

文档与示例

http://aui.github.io/artDialog/doc/index.html

兼容性

测试通过:IE6-IE11、Chrome、Firefox、Safari、Opera

» 阅读全文

关键词: 网页对话框组件 , artdialog使用

解决javascript下location跳转获取不倒来源referer的方法

目前百度统计,google ads统计,CNZZ统计,都是利用js的 document.referer 方法可以准确地判断网页的真实来路。

因为IE不支持标准,标准外的默认行为又和其他浏览器经常不一致:
在IE中用javascript做跳转,比如用window.location.href = “”; google如果使用document.referrer无法取到浏览器请求的HTTP referrer,因为IE清空了
而其他主流浏览器Firefox和Chrome都会保留referrer。

以下代码可以解决ie的这个问题:
检测如果是ie浏览器,则手动的给增加一个referer。这样的原理就是给IE浏览器的页面偷偷加了个链接,然后自动点这个链接,于是referrer就能保留了。

» 阅读全文

关键词: location跳转

去掉网页中链接虚框问题,加上这段代码就行了!

去掉网页中链接虚框问题,加上这段代码就行了!

a {outline: none;}
  
a:active {star:expression(this.onFocus=this.blur());}
  
:focus { outline:0; }