随笔分类 -  web前端标准

JS将日期转换为英文格式输出
摘要：输出格式：Feb 12th Wednesday 2014 阅读全文
posted @ 2014-02-12 16:19 ishibin 阅读(3478) 评论(0) 推荐(0)
网站顶部图标使用分析
摘要：http://www.cnblogs.com图标地址：http://static.cnblogs.com/favicon.ico图标大小：32x32（不透明）http://star.taobao.com图标地址一：http://a.tbcdn.cn/apps/star/1.1/favicon.ico图标大小：48x48（透明）图标地址二：http://img03.taobaocdn.com/tps/i3/T1VjlrFh8eXXXeOHro-144-144.png图标大小：144x144（不透明） 阅读全文
posted @ 2013-09-04 13:47 ishibin 阅读(305) 评论(0) 推荐(0)
【原创】网站底部竖线布局对比/研究
摘要：近几天做页面布局，发现底部的竖线不懂咋布，于是down了阿里巴巴、新浪、网易、百度音乐几个网站来研究。 alibaba 1688.com 关于阿里巴巴 | 联系我们 | 诚征英才 | 欢迎合作 ... 阅读全文
posted @ 2013-08-20 01:02 ishibin 阅读(406) 评论(0) 推荐(0)
JS判断访问设备终端PC/iPad/iPhone/android 和浏览器IE/Opera/Firefox/webKit
摘要：出处：http://hi.baidu.com/givebest/item/0c28f0c68754ec0fad092ff5http://www.cnblogs.com/dreamhome/archive/2013/01/27/2878532.html 阅读全文
posted @ 2013-08-12 14:23 ishibin 阅读(722) 评论(0) 推荐(0)
[转]css文件和js文件后面带一个问号
摘要：经常看一些网站页面源代码中的css文件和js文件后面带一个问号，后面跟着一连串数字或字符，这是干什么用的？ 这个方法我也用过，而且很好用?，它的作用有两个：1、作为版本号，让自己方便记忆、查找；2、作为修改标签，让浏览器重新下载新文件。 其实css文件后面得问号起不到实际作用，仅能当作后缀，如果用问号加参数的方法，可以添加版本号等信息，比如新浪、facebook上用到的：http://xxx.xxx.cn/css/common/index.css?version=20101126145707http://tjs.sjs.xxx.cn//static/js/top.js?version=2010 阅读全文
posted @ 2013-07-24 16:48 ishibin 阅读(261) 评论(0) 推荐(0)
页面前端的水有多深？再议页面开发（转）
摘要：来源：网易邮箱但凡从事互联网的人基本都会写几行html，用过Word的人用Dreamweaver也能做出规整的页面，所以大部分人会很自然地认为“页面的开发没什么技术含量，很简单”。不仅有这种普遍的认知，对从业者来说也有很多疑惑：做页面前端实现，没问题；兼容性，小case；图片集成，一直都在用……还能有什么问题？瓶颈啊、天花板啊、转型啊、出路啊就在从业者中广泛讨论。是不是真的没什么问题了呢？网易邮箱前端技术中心也设立好几年了，似乎有着讨论不完的话题，也经常会有一些新的想法让大家为之一振。那么页面开发还有哪些要求，还要做些什么，这里面的水有多深，让我们舀舀看。在不同的时期对页面前端的看法似乎是多变 阅读全文
posted @ 2013-02-04 21:11 ishibin 阅读(161) 评论(0) 推荐(0)
Kill IE6
摘要：Internet Explorer 6 is outdated and insecure, it has stifled innovation long enough, Let's Kill IE 6!Adding the NOTIFICATION on your site to help phase out Internet Explorer 6 forever. They tells visitors using Internet Explorer 6 that they need to upgrade to the current version or switch to ano 阅读全文
posted @ 2013-01-30 23:40 ishibin 阅读(342) 评论(0) 推荐(0)
CSS美化 input type=”file” 兼容所有浏览器
摘要：出处：http://www.aiubug.com/?p=22demo:http://aiubug.com/wp-content/uploads/demo/input-file-style.html效果：HTML<form><a class="btn_addPic" href="javascript:void(0);"><span><em>+</em>添加图片</span><input class="filePrew" title="支持jpg、jp 阅读全文
posted @ 2013-01-15 15:14 ishibin 阅读(370) 评论(0) 推荐(0)
IE/chrome页面过渡效果
摘要：仅兼容IE（通过滤镜实现）View Code 大家经常在网站上看到一些很不错的特效,其实马上想到的就是 Javascript 或是 Flash ...没错...但通过写 Javascript 来获得特效并非易事,设计 Flash 何尝也不是这样...其实大家要好好利用下 HTML 本身有的页面效果...接下来就来看看吧..(～ o ～)~zZ怎么做呢,其实很简单,就利用文本头的 <meta> 标记中,具体 meta 标记作用这里就不介绍,这里重点说明它如何实现页面过渡效果... IE要求: 在IE5.5及以上版本的浏览器中.启用网页过渡效果 默认情况下都已经启用了，如果需要手动启用 阅读全文
posted @ 2013-01-14 22:11 ishibin 阅读(766) 评论(0) 推荐(0)
显示当前时间
摘要：View Code <html><head><title></title><script>function showDate(){var x= new Date();var y=x.getYear();// 年var m=x.getMonth();//月var d=x.getDay();//星期var ds=x.getDate();//日var h=x.getHours();//小时var m1=x.getMinutes();//分var s=x.getSeconds();//秒var day;if (x.getDay()==0) d 阅读全文
posted @ 2012-04-20 11:56 ishibin 阅读(230) 评论(1) 推荐(0)
头部属性 Meta http-equiv 大全
摘要：http-equiv类似于HTTP的头部协议，它回应给浏览器一些有用的信息，以帮助正确和精确地显示网页内容。常用的http-equiv类型有： 1、Content-Type和Content-Language (显示字符集的设定)说明：设定页面使用的字符集，用以说明主页制作所使用的文字已经语言，浏览器会根据此来调用相应的字符集显示page内容。用法：<meta http-equiv="Content-Type" Content="text/html; Charset=gb2312″ /><meta http-equiv="Content- 阅读全文
posted @ 2012-02-29 23:44 ishibin 阅读(427) 评论(0) 推荐(0)
根据关键词显示微博即时信息
摘要：效果图：代码：View Code <html><head><title></title></head><body> <!-- content begin --> <div class="w_cont_box"><div id="cont_m_46_box" class="contBox"><div id="cont_m_46"><div id="tblog_w_cont_m_46& 阅读全文
posted @ 2012-01-20 10:04 ishibin 阅读(186) 评论(0) 推荐(0)
IIS MIME设置
摘要：windows 2003安装好IIS之后默认是支持.shtml的，只要在“WEB服务扩展”允许“在服务器前端的包含文件”即可。windows 2000，则需在IIS里添加一个应用程序扩展名映射。可执行文件在: C:\WINDOWS\system32\inetsrv\ssinc.dll 。扩展名为:shtml/shtm打开IIS管理器，打开“本地计算机”的属性——》MIME类型——》新建后缀名：.shtmlMIME类型：text/html后缀名：.shtmMime类型：text/html方法： 阅读全文
posted @ 2011-10-20 15:56 ishibin 阅读(285) 评论(0) 推荐(0)
FLV播放器代码 网页FLV在线播放代码
摘要：代码如下：<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="500" height="400"> <param name="movie" value="http://www.cnzz.cc/Fl 阅读全文
posted @ 2011-10-20 15:51 ishibin 阅读(864) 评论(0) 推荐(0)
关于标签 X-UA-Compatible
摘要：X-UA-Compatible是神马？X-UA-Compatible是IE8的一个专有<meta>属性，它告诉IE8采用何种IE版本去渲染网页，在html的<head>标签中使用。可以在微软官方文档获取更多介绍。为什么要用X-UA-Compatible？在IE8刚推出的时候，很多网页由于重构的问题，无法适应较高级的浏览器，所以使用X-UA-Compatible标签强制IE8采用低版本方式渲染。使用下面这段代码后，开发者无需考虑网页是否兼容IE8浏览器，只要确保网页在IE6、IE7下的表现就可以了。<meta http-equiv="X-UA-Compat 阅读全文
posted @ 2011-09-27 10:53 ishibin 阅读(172) 评论(0) 推荐(0)
干掉IE6，人人有责
摘要：万恶的IE6，一直是网页设计人员心中的痛，虽然有很多解决兼容性办法的方法，但我觉得直接判断网页是不是IE6的比较直接有效，如果是IE6则像用户提示升级，并提供升级的链接，如果用户仍然“执迷不悟”的话，那也不必强求了，毕竟顾客才是上帝嘛，如果他们关闭了提示信息也就没必要再多唠叨了，所以可以通过cookie记录，关闭后不再显示提示信息。实现代码（gbk编码的网页中）：<!--[if lt IE 7]><script src="http://kainy.googlecode.com/svn/trunk/ie6/killie6.gbk.js"></sc 阅读全文
posted @ 2011-09-20 13:08 ishibin 阅读(305) 评论(0) 推荐(0)