摘要：
网站开发时经常需要在某个页面需要实现对大量图片的浏览;用javascript来实现一个图片浏览器，让用户无需等待过长的时间就能看到其他图片网站开发时经常需要在某个页面需要实现对大量图片的浏览，如果考虑流量的话，大可以像pconline一样每个页面只显示一张图片，让用户每看一张图片就需要重新下载一下整... 阅读全文
摘要：
老实说，这篇博客是看了园子里的OneAPM官方技术博客关于有关网页渲染，每个前端开发者都该知道的那点事来写的，真心觉得不错，对于想做前段开发的程序员来说，是不可不知知的知识。浏览器是如何完成网页渲染的？网页渲染时，浏览器的动作有：根据来自服务器的html代码形成文档对象模型（DOM）加载并解析样式，... 阅读全文
摘要：
关于z-index的问题是很多程序员都不知道它是如何起作用的。说起来不难，但是大部分人并没有花时间去看规范，这往往会照成严重的后果。你不信？那就一起来看看下面的问题。问题在下面的HTML我们写了3个元素，然后每个元素里面都有一个元素，每个元素都有个背景色，并且使用absolute定位，为了能更清楚地... 阅读全文
摘要：
使用“appearance”属性，可以改变任何元素的浏览器默认风格，简单的说，你可以使用“appearance”属性将“段落p”渲染成button的风格，也可以渲染成“输入框”、“选择框”等效果。大家都知道每个浏览器对HTML元素渲染都不一样，比如说“button”，在chrome和ff中，渲染出来... 阅读全文
摘要：
纯 CSS3 制作可口可乐罐 这个效果相信大家很多人看过了，纯css实现的立体可口可乐罐，看起来相当高大上~ 于是今天我这小菜鸟试着研究下，稍微遗憾的是，没有看到源码，还是直接F12吧，貌似实现也不是那么难 大概原理图是这样： 当然代码实现起来有所不同； 图片分别如下： 左图为遮罩层，其中中间透明部 阅读全文
摘要：
demo地址 效果图 在别人网站上看到一个立体旋转的例子，然后突然想到自己前几天学习的css3旋转，就试着做了一个例子，看起来有一些粗糙。 html结构很简单： 核心是一个ul，li列表，其中6个li通过不同的属性设置分别构成立方体的6个面，然后外围ul沿Y轴旋转，当然你也可以任意设置。 关于tra 阅读全文
摘要：
最近做了一个瀑布流效果，思路很简单 首先计算屏幕一行可以放多少个图片，然后在第二行开始，计算每一列的高度并取出最小值，将新图片加载在最小列高度下，如此循环，并且设定一个条件，当滑动到一定距离后，开始重新加载。当然中间我们可以加上一些动画效果，让网页看起来更炫酷一些。 html'比较简单，这里用了li 阅读全文
摘要：
function lazyload(option){ var settings={ defObj:null, defHeight:0 }; settings=$.extend(settings,option||{}); var defHeight=settings.defHeight,defObj=... 阅读全文
摘要：
关于css3的transform，做了一个demo，上代码html： 1 2 3 4 5 6 7 transform 8 9 10 11 12 13 14 15 16 17 18 ... 阅读全文
摘要：
/*onselectstart="return false"*/ document ... 阅读全文