摘要：
cookie 与 session 是网页开发中常用的信息存储方式。Cookie是在客户端开辟的一块可存储用户信息的地方；Session是在服务器内存中开辟的一块存储用户信息的地方.JavaScript是运行在客户端的脚本，因此一般是不能够设置Session的，因为Session是运行在服务器端的。而cookie是运行在客户端的，所以可以用JS来设置cookie.假设有这样一种情况，在某个用例流程中，由A页面跳至B页面，若在A页面中采用JS用变量temp保存了某一变量的值，在B页面的时候，同样需要使用JS来引用temp的变量值，对于JS中的全局变量或者静态变量的生命周期是有限的，当发生页面跳转或 阅读全文
摘要：
Sublime Text 2 是相对比较新的代码编辑器。虽然现在依然是Beta版本，但是已经提供了很多非常不错的特性和性能的组合，这里我不得不离开我信任的Komodo，投入它的怀抱。Sublime Text 2提供的这些OOTO的特性，使得总有扩展的空间。如果和选择一个适合你的插件或者扩展，对于广大开发人员，特别是新手来说不是件容易的事情。这里我们推荐了使用Sublime Text 2开发必备的插件和扩展，希望大家喜欢！Zen Codingzen coding是为了高速HTML编程和编辑开发的插件。这个插件的核心是一个超级强大的缩略词引擎，允许你扩展表达式到HTML代码中，类似于CSS的选择器 阅读全文
摘要：
CobbySung，专注WEB开发、分享生活、记录工作、关于一切，这里有不一样的惊喜！ 阅读全文
摘要：
另外摘抄一份目前的css浏览器兼容问题汇总，记录在这里自己好好学习一下CSS对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加 DOCTYPE声名. CSS技巧 1.div的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字，就垂直居中了。缺点是要控制内容不要换行 2.... 阅读全文
摘要：
我们经常需要“修复”一个老生常谈的“bug”，那就是文本的自动换行问题。在专业术语上，这种期望得到的渲染现象被称作“word wrap”，即文本处理器有能力把超出页边的整个词自动传到下一行。在现实项目中，尤其是在测试阶段，鉴于测试使用非常极端的测试用例，我们经常需要“修复”如图所示的这个问题：长单词溢出图中，极长的这个英文单词（虽然是生造的）为了保证完整的显示，无奈地超出了容器的限制，它溢出了。为了“修复”这个“问题”，使得无论东亚还是西欧文字都能被限定在容器的尺寸范围内，我们一般会加上诸如word-wrap: break-word;word-break: break-all;这样的属性，令我 阅读全文
摘要：
一、让IE6支持PNG透明一个IE6的Bug引起了大麻烦, 他不支持透明的PNG图片。你需要使用一个css滤镜*html #image-style {background-image: none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="filename.png", sizingMethod="scale");}二、移除超链接的虚线FireFox下,当你点击一个超链接时会在外围出现一个虚线轮廓. 这很容易解决, 只需要在标签样式中加入：a{outline: none;}三 阅读全文
摘要：
让div 透明，兼容IE FFtransparent_class{filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;}filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;在里说得很清楚了：Note: Firefox 3.5 and later do not support -moz-opacity. By now, you should be using simply opacity.现在都要改用opa 阅读全文
摘要：
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {padding: 0;margin: 0;}table {border-collapse: collapse;border-spacing: 0;}fieldset,img {border: 0;}address,caption,cite,code,dfn,em,strong,th,var {font-weight: normal;font-style: normal;}ol,ul {list-sty 阅读全文
摘要：
Easy Slider 是一个滑动门插件，支持任何图片或内容，当点击时实现横向或纵向滑动。它拥有一系列丰富的参数设置，可通过CSS来进行完全的控制。所以，基本上你只需要链接这个插件文件后，设置好内容，然后样式化CSS就可以了。EasySlider的功能支持横向或纵向滑动支持自动滚动支持连续滑动“上一屏”和”下一屏按钮”“到第一屏”和”最后一屏”按钮隐藏的控制可选的控制按钮包围标记同一页面可支持多个滑动门可设置滑动速度、是否自动、停顿间隔等等EasySlider的使用方法1. 首先是html标记<div id="slider"> <ul> <li 阅读全文
摘要：
简介如果你经常网上冲浪，这样参差不齐的多栏布局，是不是很眼熟啊？类似的布局，似乎一夜之间出现在国内外大大小小的网站上，比如Pinterest(貌似是最早使用这种布局的网站了)，Mark之，蘑菇街，点点网，以及淘宝最新上线的“哇哦” 等等，倒是很流行哈~ 在淘宝即将上线的众多产品中，你还会大量看到这样的形式呢。这种布局适合于小数据块，每个数据块内容相近且没有侧重。通常，随着页面滚动条向下滚动，这种布局还会不断加载数据块并附加至当前尾部。所以，我们给这样的布局起了一个形象的名字 —瀑布流式布局。几种实现方式随着越来越多设计师爱用这种布局，我们作为前端，要尽可能满足视觉/交互设计师的需求。所以，我们 阅读全文
