摘要： 一般情况下，元素拥有默认的white-space:normal（自动换行，PS：不换行是white-space:nowrap）,当录入的文字超过定义的宽度后会自动换行，但当录入的数据是一堆没有空格的字符或字母或数字（常规数据应该不会有吧，但有些测试人员是会这样子做的），超过容器宽度时就会把容器撑大，... 阅读全文

摘要： 在javascript操作dom树的时候可能会经常遇到增加，删除节点的事情，比如一个输入框后一个增加按钮，一个删除按钮，点击增加就增加个输入框，点击删除就删除对应的输入框。在一些js框架，如Prototype中，可以用element.remove()来删除一个节点，核心JS中并没有这样的方法，IE中有这样一个方法:removeNode()，尝试运行下面的代码<div><input onclick="removeNode(this)" type="text" value="点击移除该输入框" /></div>可以发现，这个方法在IE下是好使的，但是在Firef 阅读全文

摘要： 请在主流浏览器中打开测试页面，在Fiddler里查看http请求。1. 隐藏图片测试：test_1.html结论：只有Opera不产生请求。注意：用visibility: hidden隐藏图片时，在Opera下也会产生请求。2. 重复图片测试：test_2.html结论：所有浏览器都只产生一次请求。3. 重复背景测试：test_3.html结论：所有浏览器都只产生一次请求。4. 不存在的元素的背景测试：test_4.html结论：背景仅在应用的元素在页面中存在时，才会产生请求。这对CSS框架来说，很有意义。5. 隐藏元素的背景测试：test_5.html结论：Opera和Firefox对于用d 阅读全文

摘要： 上篇中讨论了各种已有的布局实现。仔细分析各种布局的技术实现，可以发现下面三种技术被经常使用：浮动 float负边距 negative margin相对定位 relative position这是实现布局的三个最基本的原子技术。只要巧妙组合，并加以灵活运用，就能“拼”出各种布局的实现方案。尝试之路考虑以下DOM结构：利用浮动元素的负边距来定位：这样我们得到了第一个尝试页面 pe_layout_example1.html.可以看出，通过简单的负边距，已经让sub和extra定位到正确的位置。剩下的问题是如何让main也定位到正确的位置。一个自然的想法是，给main的容器#bd添加padding:效 阅读全文

摘要： 来看一个经典的三栏布局：从内容出发（渐进增强的核心思想），一份合理的HTML结构如下：main是主要内容，sub是辅助内容，比如导航、相关文章等，extra是额外信息，比如广告等，具体含义根据实际情况来定。书写HTML文档有个非常重要的原则是：重要的内容放前面。这能让文档更富语义，能提高可访问性，对SEO也更友善。写好上面的代码后，我们来看看如何实现三栏布局。（书写HTML时，尽量以内容为向导，要避免一上来就考虑布局，这体现的是内容与表现的分离，同时也是渐进增强思想在工作流程中的体现。）Table布局经典得一塌糊涂的表格布局，在渐进增强面前落花流水——表格布局要求书写HTML代码时，首先考虑布 阅读全文

摘要： 绝对定位层下margin:auto会失效，这时设置left:50%，然后margin-left的值为层的宽度的一半，就可在达到margin:auto的效果如果是要垂直居中，也是一样的方法，即设置top:50%,然后margin-top的值为层的高度的一半position:absolute;left:50%;top:50%;margin-top:-13px;margin-left:-58px;width:116px;height:25px;z-index:999999; 阅读全文

摘要： WEB前端，指的是：交互-设计-制作三个角色的组合。　　项目管理，指的是如何把需求分解成任务，分派给合适的人并正确的完成任务。需要把握的是以下四个方面。1、需求分析　　需求分析的目的是评审需求的可行性和优先级，这里就需要足够的项目经验了。　　可行性：　　关于需求本身是否合理，是否是一个值得去做的需求。　　需求的完整性，是否是一个完整的，可以进入研发规划的需求。　　其实还有一个需求的充足性，将零零散散的小运营需求合并为一个大的需求，便于开发，让任务列表清晰简洁，维护风险降低。　　再次是需要后台开发的，进行沟通，是否下一个研发线能评审通过和按时跟进。　　优先级，优先级的参考依据是重要性和紧急性。画 阅读全文

摘要： jQuery的使用开始成为javascript开发者的主选产品，但如果没有一个整体的规划，简单的拿来主义势必带来后期维护成本的增加，大量的jQuery插件如同一把双刃剑，一方面大大节省了开发时间与周期，但同时也造成WEB页面加载的负担，带来的难护与二级扩展成本将非常庞大，因此，在使用之前就需要一个最基础的javascript架构体系，能明显基础功能组件，插件组件有效实施与扩展。我们想，jQuery毕竟还只是一个基础的最底层的工具集，封装元素选择器，事件等等，基本上能满足一般的需求，但要从整体的WEB的周度来看，为了提高javascript开发的效率与可重用性，就需要有一个整体的布局，biuuu 阅读全文

摘要： De Dream', Windy(http://www.DeDream.com)，2007年7月摘译自Box&Arrows团队和Amy Hillman的Pioneering a User Experience (UX) Process名词：用户体验，User Experience/UX也许你刚刚来到一家公司，他们希望进行一些“可用性”工作。你可能是一名UI设计师，业务分析师，或前端开发人员，一名产品经理，或者负责用户体验部门的经理或副总。你知道，如果更好地了解使用产品/软件/网站的人，就可能开发出更好的产品/软件/网站。不管怎么样，不管你是谁，也不管你在哪里，用户体验这件事，现在就归你管了。那 阅读全文

摘要： 最近刚在项目里面花心思捉摸JQ，所以有些心得也及时放上来，理解不足的地方也请教下大家。在项目里面实现左的菜单折叠显示的效果，这个在软件界面里是常见的（本来到网上copy一段代码也就了事了，估计写的比我都好，但学习嘛，就要有学习的精神^^!）,我是用.animate()去实现隐藏展开的，代码如下：如果这样子的话，在FF，IE7-8，chrome下执行是正常的。可是IE6下无法隐藏left，原因是因为ie6默认内容高宽度超出时，DIV会自动撑开。所以只要给.left{}加个overflow:hidden，问题也就解决~~PS：本来早上是写个函数把.left里面的内容隐藏掉的，在写博文的时候突然想通 阅读全文