2011年8月15日
最简单的图片切换效果
小马过河的故事： 只有自己去尝试了，才会弄清它的深浅...我写的这个其实很简单，可是花费了我好长时间，我之前没有写过太多的js，都是在网上直接复制人家的，之前我自认为自己写不出来，可是当我真正的去尝试后（虽然花费的时间有点长），最后才发现 原来不像我想象中的那么复杂、、、 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xm Read More
posted @ 2011-08-15 09:30 limanclear Views(2544) Comments(0) Diggs(0)
2011年8月3日
css 原理及其优化
在写css代码时 做一些简单的优化，这样css的渲染速率会有一定的提高的。浏览器是如何渲染页面和加载页面为什么有些网站打开的时候会加载会很慢，而且是整个页面同时显示的，而有些网站是从顶到下逐步显示出来的？要搞懂这个可以先从下面这个常规流程开始：浏览器下载的顺序是从上到下，渲染的顺序也是从上到下，下载和渲染是同时进行的。在渲染到页面的某一部分时，其上面的所有部分都已经下载完成（并不是说所有相关联的元素都已经下载完）。如果遇到语义解释性的标签嵌入文件（JS脚本，CSS样式），那么此时IE的下载过程会启用单独连接进行下载。并且在下载后进行解析，解析过程中，停止页面所有往下元素的下载。样式表在下载完成 Read More
posted @ 2011-08-03 22:51 limanclear Views(5678) Comments(0) Diggs(1)
2011年7月26日
这些我做到那点了？
可用性、交互设计、用户体验...这么多的概念名词，我真的搞得懂看得透吗？不求忽悠别人，但求不被别人给轻易忽悠了。同时让我在表达设计思路时，也能有专业描述的方法。2. 我过去的工作经历对我的思维方式有影响吗？策划设计产品是一个从无形向有形的转化过程，我过去习惯性的思维方式会在这个过程有什么问题吗？3. 清晰概念、纠正思维方式是让我有一个正确的知识结构和自我学习的能力，具体的策划和设计表达能力，依然需要我不断的去尝试、积累和学习。这其中有很多工具需要配合使用，以求在不影响他人的情况下，让我在公司内的工作事半功倍。我准备好了吗？4. 对于策划与设计类工作，很多时候没有绝对的对和错，对于用户体验的提高 Read More
posted @ 2011-07-26 20:35 limanclear Views(243) Comments(0) Diggs(0)
2011年7月22日
Yslow
最近又遇到了网站优化方面的问题,来看一些Yslow ，Firefox 浏览器一个组件。减少HTTP请求次数合并图片、CSS、JS，改进首次访问用户等待时间。使用CDN就近缓存==>智能路由==>负载均衡==>WSA全站动态加速避免空的src和href当link标签的href属性为空、script标签的src属性为空的时候，浏览器渲染的时候会把当前页面的URL作为它们的属性值，从而把页面的内容加载进来作为它们的值。测试为文件头指定Expires使内容具有缓存性。避免了接下来的页面访问中不必要的HTTP请求。使用gzip压缩内容压缩任何一个文本类型的响应，包括XML和JSON，都 Read More
posted @ 2011-07-22 13:13 limanclear Views(199) Comments(0) Diggs(0)
2011年7月21日
鼠标经过改变该层的背景
分析：鼠标经过时 其背景色改变，移走时 又恢复原来的背景色 一共2个事件。View Code 1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" > 5 <title>content type </title> 6 <style type="text/css" rel="stylesheet& Read More
posted @ 2011-07-21 15:47 limanclear Views(391) Comments(0) Diggs(0)
如何减少网页的内存与CPU占用
有的网页看起来并不大但打开会很卡，有的网页虽然很长但使用流畅，占用用户电脑的内存与CPU就影响这些。浏览器问题，有各自的浏览器处理内存问题会影响到，但几乎没办法控制得了，Windows上的：IE系列，刷新回收的量不大，但最小化会释放内存，。Firefox2据说也会在最小化回收，可我从没见过最垃圾，用多少是多少，基本不回收。据说prototype的ajax还会引起内存一直增加。Opera最好。一直控制得很好。不存在什么问题。。Linux的内存分配机制与Win的不一样，有多少用多少，如果浏览器占光时说不定会干掉系统。页面问题，浏览器渲染页面会消耗内存和CPU，能减少一点就减少点。结构上使用DocT Read More
posted @ 2011-07-21 09:45 limanclear Views(1330) Comments(0) Diggs(0)
2011年7月20日
slice()方法 和splice 方法的区别。。。
定义splice() 方法 用于插入、删除或替换数组的元素。slice() 方法 可提取字符串的某个部分，并以新的字符串返回被提取的部分。用法splice 的参数 ：splice (start, deleteCount, [item1[, item2[, . . . [,itemN]]]])数组从 start下标开始，删除deleteCount 个元素，并且可以在这个位置开始添加 n个元素当start ,deleteCount 均为0 的时候，也就是在数组的最前面插入新的元素。当 参数只有 start，deleteCount 就是从start 下标开始删除deleteCount 个数组的元素， Read More
posted @ 2011-07-20 15:07 limanclear Views(16695) Comments(0) Diggs(3)
2011年7月19日
数组的添加push()方法和删除splice() 方法 的 应用
push() 方法可向数组的末尾添加一个或多个元素，并返回新的长度。此方法可把它的参数顺序添加到s arrayObject 的尾部。它直接修改 arrayObject.splice() 方法用于插入、删除或替换数组的元素。此方法可删除从 index 处开始的零个或多个元素，并且用参数列表中声明的一个或多个值来替换那些被删除的元素。返回的是被删除的元素的数组。 既是可直接更改数组，可以对数组的任何位置插入删除元素。下面是个实例，实现两个功能，一：添加好友分组，二：点击任意的好友即可删除该好友。1.首先建好框架View Code <!DOCTYPE html PUBLIC "-// Read More
posted @ 2011-07-19 22:14 limanclear Views(17633) Comments(2) Diggs(0)
[javascript] IE与火狐下window.event对象的区别
window.event IE：有window.event对象 FF：没有window.event对象。可以通过给函数的参数传递event对象。如onmousemove=doMouseMove(event)鼠标当前坐标 IE：event.x和event.y。 FF：event.pageX和event.pageY。 通用：两者都有event.clientX和event.clientY属性。鼠标当前坐标(加上滚动条滚过的距离) IE：event.offsetX和event.offsetY。 FF：event.layerX和event.layerY。标签的x和y的坐标位置：style.posLeft Read More
posted @ 2011-07-19 18:03 limanclear Views(2165) Comments(0) Diggs(0)
2011年7月17日
给自己规定的编码规范
规范化代码 有利于改版方便、易维护、减小代码量、网站打开速度快、适合更多人群阅读 利于搜索引擎排名。Html 编码规范语义化结构 (使用符合语义的标签书写 HTML 文档，选择恰当的元素表达所需的含义)所有的标签元素和属性的名字都必须使用小写; 属性值必须加双引号; 所有的标记都必须有一个相应的结束标记 ;嵌套标签必须合理同级标记 上下应对齐，父级标记与子标记之间的标签元素要有一定的缩进。多行相似的代码出现要对齐。注意图片大小以及保存格式：结构图片保存成 gif格式的；组合多个不同的背景小图标到一张图上并且摆放整齐有序，然后保存透明 gif /png 的格式；图片大小最大不能超过80k；图片增 Read More
posted @ 2011-07-17 10:35 limanclear Views(483) Comments(0) Diggs(0)