longicyboy的专栏

原创 关于XHTML的H1标记的位置（转）

　　最近对H1的讨论很多（在文章内容页中），大致有以下两种情况：　　1、H1应该用于文章的标题上 　　2、H1应该用于站点的标题上　　相信大多数人都偏向第一种方式：用于文章标题上，从文章的角度上看，用户进到内容页里，想看到的当然就是文章的内容，文章标题理所当然是最重要的、最应该突出的。　　OK，以上是在文章的角度看的，如果在页面的角度看呢？　　页面中除了文章内容、由内容引伸出来的链接外，还有导行、...

原创 h1~h6的使用原则（转）

在遵循网页标准制作网页的时候，为了使得设计更具有语义化，我们经常会在页面中用到h1~h6的标题属性。我们都知道标题几乎是所有文章都会有的要素，也是我们用以识实与索引文章的重要元素。h1，在浏览器中显示最大，那么自然用来表示最大的标题，对于一个网站来说哪个标题才是最大的？是LOGO，我们通常会在网站的最前面先标注这个网站的名称。所以h1就用来放LOGO，当然如果你的网站没有LOGO，只有一个网站...

原创 link和@import（转）

　　在XHTML加载CSS的几种方式，其中外部引用CSS分为两种方式link和@import。　　本质上，这两种方式都是为了加载CSS文件，但还是存在着细微的差别。　　不同1：兼容性的差别。由于@import是CSS2.1提出的所以老的浏览器不支持，@import只有在IE5以上的才能识别，而link标签无此问题。　　不同2：使用dom控制样式时的差别。当使用javascript控制dom去改...

原创 JS获取浏览器窗口大小 获取屏幕，浏览器，网页高度宽度（转）

网页可见区域宽：document.body.clientWidth 网页可见区域高：document.body.clientHeight 网页可见区域宽：document.body.offsetWidth (包括边线的宽) 网页可见区域高：document.body.offsetHeight (包括边线的宽) 网页正文全文宽：document.body.scrollWidth 网页正文全文高：do...

唐僧为什么能领导孙悟空

         小时候读西游记总有一个疑问——那个唐僧那么无能，为什么孙悟空非要带着他去取经呢？如果孙悟空自己去取经，不就麻烦少多了么？          后来长大了，工作了，先被人领导，之后又领导别人，总算明白了，原来唐僧领导孙悟空是有道理的，如果不是这样，取经这项伟大的事业就不能成功了。          唐僧究竟有什么东西，是孙悟空没有的呢？究竟是什么因素让唐僧是一个领导，而孙悟空...

精选网址收藏

精选网站：d2技术论坛 http://www.d2forum.org/ 精选博客：一醉而过 http://www.cnblogs.com/yizuierguo/前端观察 http://www.qianduan.net/

XMLHTTP.readyState的五种状态（转）

对于很多 Web 开发人员来说，只需要生成简单的请求并接收简单的响应即可；但是对于希望掌握 Ajax 的开发人员来说，必须要全面理解 HTTP 状态代码、就绪状态和 XMLHttpRequest 对象。在本文中，Brett McLaughlin 将向您介绍各种状态代码，并展示浏览器如何对其进行处理，本文还给出了在 Ajax 中使用的比较少见的 HTTP 请求。在本系列的 上篇文章 中，我们将详...

js中判断某个对象类型

1、typeof操作符。对于Function、String、Number、Undefined这几种类型的对象来说，不会有什么问题，但是针对Array的对象就没什么用途了： alert(typeof null); // "object" alert(typeof []); // "object"2、instanceof操作符。此操作符检测对象的原型链是否指向构造函数的prototype对象，恩，...

xmlhttp:open方法中的POST、GET参数的区别（转）

1  问题描述：xmlhttp:open方法，请求页面的时候，更新页面数据后，第2次拿到的结果还是上次的信息2  解决办法：改用POST方式3  说明：xmlhttp:open方法创建一个新的http请求，并指定此请求的方法、URL以及验证信息语法oXMLHttpRequest.open(bstrMethod, bstrUrl, varAsync, bstrUser, bstrPassword);...

Ajax问题:AJAX中文参数值乱码（转）

本文来解决本站发布的第一个解决的问题，那就是Ajax中文参数值乱码，其实ajax中文不只乱码而已，事实上AJAX中文问题分为两大类： 1.返回来的responseText或responseXML的值中含有中文是乱码。2.发送路径中的参数有中文，在服务器段接收参数值是乱码。##下面先来看第一个，返回来的responseText或responseXML的值中含有中文是乱码原因：AJAX在接...

Nicholas C. Zakas如何面试前端工程师（转）

面试前端工程师对我来说是一件非常有意思的事，因为面试过程很大程度上也是自我提升的过程。无论大公司还是小公司，之所以在如何招聘到真正有能力的前端工程师方面会遇到同样的问题，就是因为负责招聘的那些人不知道自己公司需要什么样的人，结果问问题时也问不到点子上。经过这几年在行业里的摸索，我总结出了自己的一套很有效的面试前端工程的方法。有的应聘者说我不好对付，但留给他们这样的印象也并非我所愿。我觉得之所以...

flash读取xml文件简易教程（转）

一、建立XML对象：var myXML = new XML();二、引用XML文件：myXML.load("data.xml");三、忽略空格：myXML.ignoreWhite = true;//默认的为false四、处理XML对象的函数：myXML.onLoad = function(success){statements;}五、data.XML文件的内容：&lt...

淘宝栅栏布局模块化命名浅析(转)

折腾，之前的数据几乎全部丢失掉了，学习、记笔记需要动力和时间的，在此恢复2009-05-07一篇文章记录，勉励一下自己，以下是全文，当然我会对之前的一些链接及文字做出调整。现在看来还好我当时加上了浅析二字..这是总宽950像素的24栏栅格应用，先来看下淘宝网的一处3栏布局(当然现在的淘宝网已经改版了，尽管我还是不太习惯)：这里是对应的代码：我们可以看到 class=”grid-c3-s5e7″...

Flash基本概念和原理

一、时间轴线（Timeline）时间轴线是动画和视频类软件中的一个重要概念。它相当于电影导演使用的摄影表。在实际电影拍摄中，导演通过摄影表来记录和控制整个影片的流程，包括什么时间、哪位演员上场、他应该说什么台词、做什么动作以及各位演员之间应该如何配合等等。而时间轴线则记录了全部的动画信息，是控制动画流程最重要的手段。二、帧（Frame）影片中的每个画面在Flash中称为一帧（Frame...

JavaScript基础（转）

1.document.write("");为 输出语句2.JS中的注释为//3.传统的HTML文档顺序是:document->html->(head,body)4.一个浏览器窗口中的DOM顺序是:window->(navigator,screen,history,location,document)5.得到表单中元素的名称和值:document.getElementById("表单...

你是一个职业的页面重构工作者吗？

这段时间常给来面试的同学用《 你是一个职业的页面重构工作者吗？ 》中三个部分的不同阶段去做自测，发现很多人都自我感觉良好，给我的回答基本都是比较高的，只不过实际上提交的面试题所反应出来的并没有那么高。我总结了下，主要有3点：对自己的能力没有足够的了解，没有实事求是的认清自己 存在侥幸的心理，希望以较高的答案赢得面试的机会 对文章里每一点的理解存在偏差简单做下说明：对于我...

IE6中line-height属性失效问题（转）

关于IE6下line-height属性失效问题，以前也遇到过几次。不过由于时间关系，没有深究，就用padding解决了。今天又遇到了问题，最后发现IE6下line-height属性失效是由于文字中包含img、input、select、textarea、button、object造成的。 解决办法： 对和文字相连接的img、input、te...

原创 认识浏览器的渲染引擎（转）

浏览器的渲染引擎负责取得网页的内容（html、xml、图像等）、整理讯息（加入css,javascript等），以及计算网页的显示方式，然后会输出至显示器或打印机。所有网页浏览器、电子邮件客户端以及其它需要编辑、显示网络内容的应用程序都需要渲染引擎。了解浏览器的渲染类型有助于我们理解浏览器的私有属性，从而增强web设计的感，例如：-o-:以Presto为渲染引擎的浏览Opera的私...

原创 ECMAScript对象基础（转）

内容摘要：通过引入_initialized 属性，当第一次构造对象时生成方法showColor ，再次生成对象时，此时的_initialized 已经是true,就避免了重复生成函数，属性的定义和函数的定义都在构造函数内，也满足了语义上的对象封装概念。 　　1.Global对象。这对象之所以特别就是因为它根本不存在!-_-。如果你声明　　var pointer=Global；...

原创 悟道web标准:前端性能优化（转）

　　前端性能优化完全是一个技术话题，但是对于项目的用户体验有非常大的影响，如果你的网站打开要等待三五秒或者等到浏览器提示无法连接，那网站哪来的流量，哪来的品牌影响和用户忠诚度，挣钱就算了。 　　3s，作为判断一个用户忍受你网站速度的限度，如果超过3s，用户已经对这个网站产生了负面的抵触心理。 　　前端性能优化和web标准有什么关系，接着第一篇 悟道web标准——统一思想，遵循标准 ，这是对...

原创 正则表达式 转义字符（转）

字符匹配语法： \d 匹配数字（0~9） ‘\d’匹配8,不匹配12； \D 匹配非数字 ‘\D’匹配c,不匹配3； \w 匹配任意单字符 ‘\w\w’ 匹配A3,不匹配@3； \W 匹配非单字符 ‘\W’匹配@,不匹配c； \s 匹配空白字符 ‘\d\s\d’匹配3 d,不匹配abc； \S 匹配非空字符 ‘\S\S\S’匹配A#4,不匹配3 d；...

原创 xhtml元素的分类

块元素：html,body,div,h1,h2,h3,h4,h5,h6,p,address,blockquote,form,fieldset,legend,ul,ol,li,dl,dt,dd,table,caption,tr,th,td,thead,tbody,tfoot,colgroup,col,hr,pre内联元素：span,em,strong,sup,sub,bdo,code,t...

原创 新改的jmail发送邮件代码，有解释（转）

原创 ASP页面显示乱码解决方法/ASP设置编码（转）

如果你发现浏览页面的时候出现乱码。你可以尝试一下步骤： 确保你页面本身编码格式正确：例如test.asp中使用charset=utf-8，那么请先确保这个文件本身就是Utf-8编码的。你可以利用记事本进行转换。同样如果使用charset=GBK，请先确保这个文件本身就是GBK编码的。 确认你得到的原数据（例如从数据库中得到的数据）编码方式与页面编码方式一至。 尝试指定IIS按什么编码读取。...

原创 css-IE6中的bug（转）

我们知道，IE6可能过不了多久就会消失了，但是我们还能继续支持这个浏览器并且避免hack和有约束的CSS吗？这里是10个使用有效的HTML和CSS代码来修正IE6主要问题的方法。 1. 使用DOCTYPE你应该在一直每个HTML文件的头部都使用DOCTYPE，并且我们推荐使用strict 版本，比如：或者，对于XHTML使用: 你需要处理的最棘手的事情就是IE6进入quir...

原创 css-私有css Hack（转）

只针对ie6，ie7和firefox的csshack注意都要写在正常样式的后边，除!important方法在前边---------------针对样式名------------如果只让ie6看见用*html .head{color:#000;}如果只让ie7看见用*+html .head{color:#000;}如果只让ff看见用:root body .head{color...

原创 jQuery-控制表格列显示的插件

最近做项目，表格列比较多，常用的分辨率下总是有气人的横向滚动条。我自己亲自做了一个功能简单的插件，拿出来分享一下，也希望朋友们再完善。 此插件只能控制完整的表格（有colspan,rowspan的表格控制起来会错位），不能做到所有表格通用，希望大家能完善。...