I am fine ! - 博客园

WEB数据储存的几种方式

摘要： Cookie它是标准的客户端浏览器状态保存方式，可能在浏览器诞生不久就有Cookie了，为什么需要Cookie 这个东东？由于HTTP协议没有状态，所以需要一个标志/存储来记录客户浏览器当前的状态，保证客户浏览器和服务器通讯时可以知道客户浏览器当前的状态。Cookie就是记录这个状态的容器，Cookie在每次请求的时候都被带回到服务器，从而保证了Server可以知道浏览器当前的状态，由于Cookie会被带回到Server，所以Cookie的内容不能存太多，最多不能超过4K，4K 限制的介绍http://ec.europa.eu/ipg/standards/cookies/index_en.ht 阅读全文

posted @ 2011-09-14 09:52 I am fine ! 阅读(903) 评论(0) 推荐(1) 编辑

CSS Bug Table

摘要：作为一名前端，我们通常要做的就是让页面在各系统A-Grade浏览器，甚至网站浏览份额0.1%以上的浏览器上良好显示。当然，还有性能问题。不过，今天要说的是样式的兼容问题。在IE/Mozilla/Webkit/Opera四分天下的今天，IE6-9/Mozilla（Gecko）系列/Chrome/Safari/Opera etc. 这些浏览器的兼容，无不让前端们头痛。而在这之中，最让人头痛的当数IE，特别是IE6。搞定了IE6，基本也就能称霸半个江山了。搞定了IE，也相当于占领了7、80%的领地。你想做一个统治页面兼容的主么？反正我是想的。今天，趁着想完善公司的内部样式框架，把HasLayout. 阅读全文

posted @ 2011-09-14 09:51 I am fine ! 阅读(265) 评论(0) 推荐(0) 编辑

CSS中一些不常用的属性之几个与换行有关的属性

摘要： word-wrapnormal默认值。允许内容顶开指定的容器边界。break-word内容将在边界内换行。如果需要，词内换行也将发生。白话解释：也就是说如果一个很长的英文单词如果超过了容器长度，是否折断英文单词，默认是不折断。支持情况：IE、Firefox 3.6、Chrome 4 中测试通过。word-breaknormal默认值。依照亚洲语言和非亚洲语言的文本规则，允许在字内换行。break-all该行为与亚洲语言的 normal 相同。也允许非亚洲语言文本行的任意字内断开。该值适合包含一些非亚洲文本的亚洲文本。keep-all与所有非亚洲语言的 normal 相同。对于中文，韩文，日文，阅读全文

posted @ 2011-09-14 09:49 I am fine ! 阅读(245) 评论(0) 推荐(0) 编辑

CSS实现山顶角的补充

摘要：无意间在QZone发现了一种以其他方式实现的山顶角，如图：右边的这个就是HTML结构，可以看到是由9个b标签构成利用它们的边框并且用宽度或者margin将其撑开即可实现，例如：<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head>&l 阅读全文

posted @ 2011-09-14 09:43 I am fine ! 阅读(284) 评论(0) 推荐(0) 编辑

LESS使用简介

摘要：一直以来，都是使用JS扩展的比较多还没有使用过CSS的扩展，最近看到一个CSS的扩展叫做LESS；LESS最早是1个ruby的gem，用于扩展css的语法，前段时间出来了一个JS版的，看看先。使用方法： 1. 下载js:http://lesscss.googlecode.com/现在最新版本好像是 1.0.33 2. 使用less，css文件的后缀名需要改为.less。 3. 在html页面中加入下面代码<!-- LESS.less文件就是样式表文件，并且LESS.less必须放在less-1.0.33.min.js文件前加载并且Type一定要是text/less，切记是一定！ --&g 阅读全文

posted @ 2011-09-14 09:42 I am fine ! 阅读(559) 评论(0) 推荐(0) 编辑

IE6.0下PNG透明

摘要：在IE6.0下PNG无法透明也是个被人嚼乱了的话题，大致的解决方案有HTC、JavaScript和使用GIF或者是PNG8来替换目标图片这么几种。1，HTC的方式先获得HTC和JS文件（点这里下载）将提供的ZIP解压，然后把iepngfix.htc和iepngfix_tilebg.js文件放在网站根目录（当然，这并非必然）下。在你的Html页面中引入刚刚的那个JS文件：<script type="text/javascript" src="iepngfix_tilebg.js"></script>然后在你的Css页面加入如下代码：阅读全文

posted @ 2011-09-14 09:41 I am fine ! 阅读(242) 评论(0) 推荐(0) 编辑

Input and Img align

摘要：将近一周没有更新了，无论是原创还是转载都没有。趁着这个闲得发慌的下午赶紧凑合一篇上去。话说这是公司项目上的一个问题，嗯，这应该不违反公司的那个啥保密协议哈。HTML结构是这样的：<div><inputtype="text"/><ahref="http://www.jsann.com"><imgsrc="http://www.jsann.com/image/link/link_002.gif"/></a><inputclass="sub"type=&q 阅读全文

posted @ 2011-09-14 09:39 I am fine ! 阅读(281) 评论(0) 推荐(0) 编辑

前端开发优化总结

摘要：前言前端是庞大的，包括HTML、CSS、Javascript、Image、Flash等等各种各样的资源。前端优化是复杂的，针对方方面面的资源都有不同的方式。那么，前端优化的目的是什么？从用户角度而言，优化能够让页面加载得更快、对用户的操作响应得更及时，能够给用户提供更为友好的体验。从服务商角度而言，优化能够减少页面请求数、或者减小请求所占带宽，能够节省可观的资源。总之，恰当的优化不仅能够改善站点的用户体验并且能够节省相当的资源利用。前端优化的途径有很多，按粒度大致可以分为两类，第一类是页面级别的优化，例如HTTP请求数、脚本的无阻塞加载、内联脚本的位置优化等；第二类则是代码级别的优化，例如Ja 阅读全文

posted @ 2011-09-14 09:28 I am fine ! 阅读(246) 评论(0) 推荐(0) 编辑

IE6兼容笔记

摘要： 1、终极方法：条件注释&l 阅读全文

posted @ 2011-09-14 09:25 I am fine ! 阅读(140) 评论(0) 推荐(0) 编辑

你可能不知道的10 个JavaScript 小技巧 [转]

摘要： 1.变量转换看起来很简单，但据我所看到的，使用构造函数，像Array( ) 或者Number( ) 来进行变量转换是常用的做法。始终使用原始数据类型（有时也称为字面量）来转换变量，这种没有任何额外的影响的做法反而效率更高。varmyVar="3.14159",str=""+myVar,//tostringint=~~myVar,//tointegerfloat=1*myVar,//tofloatbool=!!myVar,/*toboolean-anystringwithlengthandanynumberexcept0aretrue*/array=[my 阅读全文

posted @ 2011-07-13 14:56 I am fine ! 阅读(198) 评论(0) 推荐(0) 编辑

凡人