随笔分类 - 前台HTML/CSS
摘要：js获取div编辑框，textarea，input text的位置，兼容FF和IE Hello,wellcome to test! 你好,欢迎测试! 注意源代码开闭合标记之间不能换行，否则统计错误！ 一二三四五六七八九零 注意源代码开闭合标记之间不能换行，否则统计错误！注意div编辑框源码里...
阅读全文
摘要：Javascript执行机制在HTML5之前，浏览器中JavaScript的运行都是以单线程的方式工作的，虽然有多种方式实现了对多线程的模拟（例如：Javascript 中的 setinterval 方法，setTimeout 方法等），但是在本质上程序的运行仍然是由 JavaScript 引擎以单...
阅读全文
摘要：最近做RIA，因为涉及到大数据量处理，担心出现内存泄漏，于是花了一段时间，从了解到处理，有些心得，在这简单做个总结。内存泄漏通俗的说：使用者认为是垃圾，而浏览器认为不是，出现了误会，资源便浪费了。而数据是否被引用是系统判断是否垃圾的依据，所以一切引起垃圾的根源就是错误的引用，解决JavaScript...
阅读全文
摘要：style.height 包括 元素的滚动条,不包括边框clientHeight 不包括元素的滚动条和边框,只有在没有元素的滚动条的情况下,style.height相等于clientHeightoffsetHeight 包括元素的滚动条和边框,只有在没有元素的滚动条和边框的情况下,offsetHei...
阅读全文
摘要：@charset "utf-8";/* reset */body,h1,h2,h3,h4,h5,p,dl,dd,ul,ol,form,input,textarea,th,td,select { margin:0; padding:0; }em { font-style:normal; }li { l...
阅读全文
摘要：对于大部分做前端设计者而言应该都使用过Firefox浏览器下一款调试网站的扩展插件firebug吧，功能非常的强大，对于我们找出网页兼容性的问题非常的有效。不过对于很多不喜欢使用Firefox浏览器的开发者而言，那么IE浏览器有没有类似的插件呢？这个当然有，新版的IE8浏览器就自带了一款开发人员工具...
阅读全文
摘要：一、长话短说CSS中有一个属性叫做clip，为修剪，剪裁之意。配合其属性关键字rect可以实现元素的矩形裁剪效果。此属性安安稳稳地存在于CSS2.1中，且使用上基本上没有类似于max-height/display:table-cell等浏览器的兼容性问题。但是，貌似大家很少使用此属性。我总结了三点原...
阅读全文
摘要：http://www.ddooo.com/softdown/47543.htm
阅读全文
摘要：看清楚哦~~这是Sublime text 3不是2的版本，两者的安装还是有区别的，下面的方法是我感觉比较简单的，其他的要命令什么的感觉太复杂了，经测试是OK的。先关闭Sublime text 3：第一步：下载sublime_package_control-master.zip，解压命名文件夹为Pac...
阅读全文
摘要：Emmet插件以前被称作为Zen Coding，是一个文本编辑器的插件，它可以帮助您快速编写HTML和CSS代码，从而加速Web前端开发。早在2009年，Sergey Chikuyonok写过一篇文章，提出编写HTML和CSS的新方法。这一革命性的插件指的就是Zen Coding，经过很多开发者多年...
阅读全文
摘要：:target是CSS3 中新增的一个伪类，用以匹配当前页面的URI中某个标志符的目标元素（比如说当前页面URL下添加#comment就会定位到id=“comment”的位置，俗称锚）。CSS3 为这个动作赋予了更加多的功能——就如同:hover一样你可以做一些样式定义。先上效果图正如标题所说，本文...
阅读全文
摘要：全屏var docElm = document.documentElement;//W3Cif (docElm.requestFullscreen) { docElm.requestFullscreen();}//FireFoxelse if (docElm.mozRequestFullScree...
阅读全文
摘要：在说到这个问题的时候，也许有人会问CSS中不是有vertical-align属性来设置垂直居中的吗？即使是某些浏览器不支持我只需做少许的CSS Hack技术就可以啊！所以在这里我还要啰嗦两句，CSS中的确是有vertical-align属性，但是它只对(X)HTML元素中拥有valign特性的元素才...
阅读全文
摘要：这篇文章主要介绍了JsRender实用入门实例,包含了tag else使用、循环嵌套访问父级数据等知识点,并提供了完整的实例下载,非常具有实用价值,需要的朋友可以参考下本文是一篇JsRender的实用入门教程，实例讲述了tag else使用、循环嵌套访问父级数据等知识点。分享给大家供大家参考。具体如...
阅读全文
摘要：浅谈移动前端的最佳实践前言这几天，第三轮全站优化结束，测试项目在2G首屏载入速度取得了一些优化成绩，对比下来有10s左右的差距：这次优化工作结束后，已经是第三次大规模折腾公司框架了，这里将一些自己知道的移动端的建议提出来分享下，希望对各位有用文中有误请您提出，以免误人自误技术选型单页or多页spa（...
阅读全文
摘要：最近做了一款小游戏，定位是移动端访问，思来想去最后选择了jQuery mobile最为框架，制作差不多以后，是否可以打包成App，恰好以前对PhoneGap有耳闻，便想用这个来做打包，可以其中艰辛曲折多次让我想放弃的心情，官方提供的例子，对我这种没用过的人而言，真是无语的很，所已将配置环境和打包过程...
阅读全文
摘要：现在，我很少写介绍CSS的文章，因为感觉网站开发的关键还是在服务器端。但是，CSS动画除外，它实在太有用了。本文介绍CSS动画的两大组成部分：transition和animation。我不打算给出每一条属性的详尽介绍，那样可以写一本书。这篇文章只是一个简介，帮助初学者了解全貌，同时又是一个快速指南，...
阅读全文
摘要：我以前一直以为旋转跟翻转一样，今日自己旋转了好久都发觉跟翻转差一点点，纠结了十几分钟才明白，只能怪自己的立体感太差了。 css3中的transform中有旋转，放缩，倾斜，平移的功能，分别对应的属性是：rotate，scale，skew，translate 旋转：（rotate）[cs...
阅读全文
摘要：下面的图片是我使用firefox和chrome浏览百度首页时候记录的http请求下面是firefox：下面是chrome： 在浏览百度首页前我都将浏览器的缓存全部清理掉，让这个场景最接近第一次访问百度首页的情景。 在firefox的请求瀑布图里有个表现非常之明显：就是javascript文件下载...
阅读全文