摘要：我在以前的公司，并不怎么用position这个属性，只是在写一些特殊效果的时候才用绝对定位。这就导致我对这个属性很不理解。今天有空，百度学习了一下。留下下面的文字position的四个属性值： relative ，absolute ，fixed，static（画外音：inherit其实也是，不过... 阅读全文
精通CSS滤镜（filter）（实例解析）
2012-06-05 10:50 by 臭小子1983, 197 阅读, 0 推荐, 收藏, 编辑
摘要：好久没弄弄美工了，前端时间由于学校的一个小网站的老师需要网站整体为绿色风格，但是他们又不能提供相关素材，这个项目就一直拖着，需求也定不下来。后台基本功能都已经哦了，就等页面了，本来是想好好学学别的东西，巩固下Java一些基础，但是这事拖着，还是够不爽的。security框架的例子也不好弄，于是还... 阅读全文
《高性能javascript》读书笔记
2012-06-04 16:19 by 臭小子1983, 462 阅读, 1 推荐, 收藏, 编辑
摘要：网站的缺陷：1、14 15 aaaaaaaaaaaabbbbbbbbbbbb // 等待JS执行完后在执行下面的内容16 17 注：如果将js代码加入window.onload中就是表示页面所有加载完后成，在执行js代码，这样就不会存在阻塞的情况. 二、src属性来调用外部文件 如果载入外... 阅读全文
《Web标准设计》读书笔记
2012-05-30 22:39 by 臭小子1983, 240 阅读, 0 推荐, 收藏, 编辑
摘要：第一章 Web标准一、CSS的作用网页 =结构 +表现 + ？N个网页就是 N*网页 = N*结构 + N*表现 + N*?二、CSS布局 vs表格布局css布局与表格布局哪种更优：css布局可以很简单实现网站换肤，css布局可以让网页一边载入一边显示，css布局可以让网页变得更小三、常见标签前端开... 阅读全文
各情景下元素宽高的或css中属性值获取
2012-05-30 16:39 by 臭小子1983, 273 阅读, 0 推荐, 收藏, 编辑
摘要：为了叙述简单，这里仅拿width示例。情景一，元素style属性设置了width/height<div style="width:100px;">test<div><script> var div = document.getElementsByTagName('div')[0]; alert(div.style.width);</script>如上，使用el.style.width即可。如果没有在style属性中设置width，那么使用el.style.width将获取不到，如下<div>test 阅读全文
Console对象详解，输出js程序
2012-05-30 12:32 by 臭小子1983, 405 阅读, 0 推荐, 收藏, 编辑
摘要：但是，它不太容易上手。我曾经翻译过一篇《Firebug入门指南》，介绍了一些基本用法。今天，继续介绍它的高级用法。===================================Firebug控制台详解作者：阮一峰出处：http://www.ruanyifeng.com/blog/2011/0... 阅读全文
Javascript开发经验V1
2012-05-29 17:03 by 臭小子1983, 337 阅读, 0 推荐, 收藏, 编辑
摘要：一、简化代码采用更为简短的写法，不仅可以减少输入的字符数，还可以减少文件大小。大部分采用简单写法的代码，执行效率都有轻微提高。1.1 简化常用对象定义：使用 var obj = {}; 代替 var obj = new Object();使用 var arr = []; 代替 var arr = ... 阅读全文
JSON对象、数组和处理JSON串的方法
2012-05-22 16:47 by 臭小子1983, 1123 阅读, 0 推荐, 收藏, 编辑
摘要：JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式，采用完全独立于语言的文本格式，是理想的数据交换格式。同时，JSON是 JavaScript 原生格式，这意味着在 JavaScript 中处理 JSON数据不须要任何特殊的 API 或工具包。 本文主要是对JS操作JSON的要领做下总结。 在JSON中，有两种结构：对象和数组。 1. 一个对象以“{”（左括号）开始，“}”（右括号）结束。每个“名称”后跟一个“:”（冒号）；“‘名称/值’ 对”之间运用 “,”（逗号）分隔。 名称用引号括起来；值如果是字符串则必须用括号，数值型则不须要。例如： va.. 阅读全文
css选择符的渲染效率
2012-05-20 15:44 by 臭小子1983, 329 阅读, 0 推荐, 收藏, 编辑
摘要：CSS选择符由一些初始化参数组成，这些参数指明了要应用这个CSS规则的页面元素。作为一个网站的前端开发工程师，应该避免编写一些常见的开销很大的CSS选择符模式，尽量编写高效的CSS选择符，从而加快页面的渲染速度，缩短页面呈现时间。 我们先来看一下safari和webkit的架构师David H... 阅读全文
******常见问题解决方法*******
2012-05-19 19:26 by 臭小子1983, 450 阅读, 1 推荐, 收藏, 编辑
摘要：一、图片下面有空隙。解决办法：给图片加display:block样式，或者vertical-align:middle样式。二、表格显示1像素边框 三、万能清除浮动另外，我见到了一个无敌的清除浮动的样式，这个是通过独立的代码来清除的。htm... 阅读全文