随笔分类 -  web前端

摘要：这篇文章列举了当下最流行的16个 JavaScript 框架，既包含 jQuery 和 Mootools 等常规框架，也有Zepo这种支持智能手机触摸功能的移动JavaScript框架，如果你有更好的框架推荐，欢迎与我们分享。1.jQuery – Javascript FrameworkjQuery 是最流行的 JavaScript 框架，它简化了HTML 文档遍历、事件处理、动画和Ajax交互。2.Dojo Javascript FrameworkDojo强大的核心使Web开发更加敏捷，它拥有出色的UI工具库，号称 Unbeatable JavaScript Tools。3.Sencha E 阅读全文

摘要：对于Mobile Web来说，现在是快速成长时代。由于采用了HTML5和CSS3技术，移动浏览器的性能加强了许多，同时，移动app的框架也扩展了，这意味着为移动设 备创建丰富的互动的web体验的可行性又提升了。采用诸如PhoneGap这样的封装软件，您就可以使用native app Store以及单个代码库，就可以分布式部署iPhone，iPad和Android等不同的目标平台了。对于Mobile Web的开发人员来说，切换框架代价很高：因为动画的转换，工具栏，按钮，列表的显示，以及线下存储等都很麻烦。因为大部分上述功能都是新技术，以及这些 领域的技术还在迅速地改变。作者玩转了许多Mobile 阅读全文

摘要：scrollLeft,scrollTop,滚动代码的总结今天和兄弟一起研究了一下横向和竖向图片滚动的代码，很兴奋，因为解决了几个小问题第一个：for(var i=1;i<50;i++) { document.getElementById("TextBox1").scrollTop++; document.getElementById("TextBox1").scrollLeft++; }我刚开始的时候写成了for(int i=1;i<50;i++) { //document.getElementById("TextBox1" 阅读全文

摘要：CSS技巧：IE6双倍边距bug，3像素问题及解决办法，修正重复文字bug，IE6下为什么图片下方有空隙产生等等IE6BUG问题IE6双倍边距bug当页面内有多个连续浮动时，如本页的图标列表是采用左浮动，此时设置li的左侧margin值时，在最左侧呈现双倍情况。如外边距设置为10px，而左侧则呈现出20px，解决它的方法是在浮动元素上加上display:inline;的样式，这样就可避免双倍边距bug。3像素问题及解决办法当使用float浮动容器后，在IE6下会产生3px的空隙，有意思的是右侧容器没设置高度时3px在右侧容器内部，当设定高度后又跑到容器的左侧了，所以对布局精度要求高的话，请参考 阅读全文

摘要：CSS学起来并不难，但在大型项目中，就变得难以管理，特别是不同的人在CSS书写风格上稍有不同，团队上就更加难以沟通，为此总结了一些如何实现高效整洁的CSS代码原则：1. 使用Reset但并非全局Reset 不同浏览器元素的默认属性有所不同，使用Reset可重置浏览器元素的一些默认属性，以达到浏览器的兼容。但需要注意的是，请不要使用全局Reset： *{ margin:0; padding:0; } 这不仅仅因为它是缓慢和低效率的方法，而且还会导致一些不必要的元素也重置了外边距和内边距。在此建议参考YUI Reset和Eric Meyer的做法。/** 清除内外边距 **/body, h1,.. 阅读全文