文章分类 - web前端开发
摘要：很不错的javascript语句，你经常用吗？1. 取整同时转成数值型：'10.567890'|0结果: 10'10.567890'^0结果: 10-2.23456789|0结果: -2~~-2.23456789结果: -2 2. 日期转数值：var d = +new Date(); //1295698416792 3. 类数组对象转数组：var arr = [].slice.call(arguments) 4. 漂亮的随机码：Math.random().toString(16).substring(2); //14位Math.random().toString
阅读全文
摘要：浏览器差异：Firefox的滚轮事件是DOMMouseScroll，其他浏览器使用的是mousewheelFirefox事件的event对象使用detail值表示滚轮方向，负3表示向上(前)，正3表示向下(后)。其他浏览器使用wheelDelta值表示滚轮方向，正120表示向上(前)，负120表示向下(后)。Opera 11.11即有detail值(同FF)也有wheelDelta值。不要和正负3或正负120做等值比较来滚轮判断方向，应该和零比较。比如wheelDelta值大于0表示向上(前)。这么做的原因是有些用户的鼠标是基于厂家自己的驱动运行的，有更高级的灵敏度识别，在用户快速滚动滑轮的时
阅读全文
摘要：记得在刚接触iframe框架的时候，对其并不是很了解，感觉用处也不大，然而最近在给站点加上一个微博直播控件的时候遇到了它，也不得不以SEO的角度来考量它，经过分析后，笔者认为ifame框架存在一定的优缺点。 首先我们需要了解一下什么是iframe框架? 如果我们在某一个页面中使用这个标签就会在该页面内构建一个独立的框架，例如页面1内的一个区域内使用ifram调用另外一个页面，即网页2，这样的话会在页面1的这个区域里调用显示页面2中被调用的部分。使用方法： 或其他网页的本文内容等写入标签内部即可，现在让我们来以SEO的角度看看，在我们的站点上使用iframe框架所存在的优缺点。 一：...
阅读全文
摘要：frameset和div常规布局的优缺点比较用frameset来布局的优点：1，在frameset里使用iframe来实现常规的一些分栏布局，可以借助一个页面承载多个页面的方式来重用页面代码。2，一个页面中的iframe之间可以互相实现关联，而且不需要依靠过多的js就可以实现类似“局部”刷新的机制。3，一些常见的后台管理系统大部分是用这种方式来布局的（追其原因可能是上面2点），所以固定了思维系统布局可能用frameset来实现比较好。用frameset来布局的缺点：1，如果要实现不同iframe之间的dom元素产生互动和关联，需要的js复杂程度较高，而且有些根本实现不了（比如拖拽，比如用户自定
阅读全文
摘要：引言HTTP是一个属于应用层的面向对象的协议，由于其简捷、快速的方式，适用于分布式超媒体信息系统。它于1990年提出，经过几年的使用与发展，得到不断地完善和扩展。目前在WWW中使用的是HTTP/1.0的第六版，HTTP/1.1的规范化工作正在进行之中，而且HTTP-NG(Next Generation of HTTP)的建议已经提出。HTTP协议的主要特点可概括如下：1.支持客户/服务器模式。2.简单快速：客户向服务器请求服务时，只需传送请求方法和路径。请求方法常用的有GET、HEAD、POST。每种方法规定了客户与服务器联系的类型不同。由于HTTP协议简单，使得HTTP服务器的程序规模小，因
阅读全文
摘要：button使用行高让文字垂直居中，但是在firefox里文字会偏下，而且点击的时候中间会有一个虚线框。button的padding和margin我都程序定义过了，我想这可能跟浏览器的私有属性有关。于是用firebug查看浏览器系统样式发现以下代码：1 button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner
阅读全文
摘要：本文长期收集的一些非常实用的前端开发常用工具，欢迎大家留言推荐前端开发小工具：CSS3相关Css压缩/格式化：http://www.hujuntao.com/tools?action=csspackerCSS3样式生成器：http://www.css88.com/tool/css3Preview/CSS3渐变样式生成器，类似Photoshop中的渐变界面：http://www.colorzilla.com/gradient-editor/CSS3动画制作工具Sencha Animator：http://www.sencha.com/products/animator/背景色alpha透明工具：
阅读全文
摘要：让IE 6,7,8支持CSS3的部分属性。今天要给大家介绍的这个htc，它可以让IE浏览器支持CSS3的border-radius、box-shadow、border-image、CSS3 Backgrounds (-pie-background)、Gradients、RGBA属性。不相信？你可以在IE浏览器中打开我的博客看下效果。下面来一一介绍：提示：PIE.htc URL路径是相对于当前HTML文件，不是CSS文件.比如 当前文件在“/”下 ，CSS文件在“/CSS”下，PIE.htc在“/CSS”下，behavior: url(/css/PIE.htc) 而不是behavior: url
阅读全文
摘要：降低网络成本1.最大限度减少HTTP请求数。2.控制网站流量，合并样式图片。3.图片优化压缩处理，无损地减少图片体体积。4.减少CSS文件的体积，合并css样式文件。5.提高客户端渲染速度，尽量不使用占用过多CUP，占用过多内存的代码 如: text-indnt:-9999px 、IE滤镜等6.减少HTML的嵌套，减少无语义代码。 如: 消除浮动等Web内容可访问性 / 兼容性1.电脑浏览器兼容性。2.电脑分辨率兼容性。3.其它屏幕阅读器兼容性。4.语音浏览器兼容性。(暂时没有考虑,关注中,网易新闻有声版 做得不错)5.需要的话打印机兼容性也考虑，要求能准确的打印到需要的信息。HTML 相关规
阅读全文
摘要：onfocus=”this.blur()”这句代码有没有觉得眼熟？没错，我们常用它来去除链接取得焦点时外围出现的虚线框（如图一），google一下，前面几十页谈的都是这个去除虚线框的技巧。但我们也许以前从未想过：我们的这行代码给盲人用户们带来了巨大的困扰：这中断了盲人用户的Tab键路径，导致Tab光标无法聚焦页面的下一个控制器（链接、表单域、object、image map等）。测试如下：(图一)<body><a href=”#” >第一个链接</a><a href=”#” >第二个链接</a><a href=”#” onfoc
阅读全文
摘要：今天介绍的是jQuery Easing 插件，非常的小。美化排版后是130行左右，要是压缩了那就更小了。这个插件弥补了jquery里面的动画效果的不足，是其动画效果更加强悍。如此强大而且小的插件，如果不好好加以利用，真是浪费。很多国内的朋友就是使用其中的一些效果，几个简单的参数。很少有人整理所有效果的参数。下面是我整理出来的：linear，swing，jswing，easeInQuad，easeOutQuad，easeInOutQuad，easeInCubic，easeOutCubic，easeInOutCubic，easeInQuart，easeOutQuart，easeInOutQuart
阅读全文
浙公网安备 33010602011771号