腾讯首页的每个新闻栏目都是一个tab选项卡切换,属于延迟动作的:鼠标hover上去之后200毫秒才会切换,防止了因为浏览滑动导致的页面上选项卡的频繁切换。仿照这样的效果,自己写了一个js插件,实现了低版本浏览器IE7-8的兼容,没有用库,纯js写的。   难点的话就是如何实现延时动作,我想到的… …
第一次安装Discuz时,有一个数据库的安装过程,看到会自动滚屏显示的信息,感觉非常好奇,由于当时主要从事后端程序的开发,对前端这些神奇的效果,也只能是欣赏一下子。 现在突然想到要自己来实现这个效果,作为今天的编程练习,实属对当时那个效果的怀念。 先上一个朴素无奇的静态效果图: 点这… …
1.尽量减少请求数 提取公用CSS,模块化,其他的合并。Javascript也一样(可以避免页面加载阻塞)。 对页面上的小图标,背景等图片进行合并,减少请求次数。 2.减少页面体积 压缩JS 3.CSS&HTML的重构 CSS选择器不能太长,禁止使用ID选择器和!important 4.延迟加载 通常应用于图片比较多的网页,如… …
1.尽量减少请求数 提取公用CSS,模块化,其他的合并。Javascript也一样(可以避免页面加载阻塞)。 对页面上的小图标,背景等图片进行合并,减少请求次数。 2.减少页面体积 压缩JS 3.CSS&HTML的重构 CSS选择器不能太长,禁止使用ID选择器和!important 4.延迟加载 通常应用于图片比较多的网页,如… …
1.尽量减少请求数 提取公用CSS,模块化,其他的合并。Javascript也一样(可以避免页面加载阻塞)。 对页面上的小图标,背景等图片进行合并,减少请求次数。 2.减少页面体积 压缩JS 3.CSS&HTML的重构 CSS选择器不能太长,禁止使用ID选择器和!important 4.延迟加载 通常应用于图片比较多的网页,如… …
1.尽量减少请求数 提取公用CSS,模块化,其他的合并。Javascript也一样(可以避免页面加载阻塞)。 对页面上的小图标,背景等图片进行合并,减少请求次数。 2.减少页面体积 压缩JS 3.CSS&HTML的重构 CSS选择器不能太长,禁止使用ID选择器和!important 4.延迟加载 通常应用于图片比较多的网页,如… …
1.尽量减少请求数 提取公用CSS,模块化,其他的合并。Javascript也一样(可以避免页面加载阻塞)。 对页面上的小图标,背景等图片进行合并,减少请求次数。 2.减少页面体积 压缩JS 3.CSS&HTML的重构 CSS选择器不能太长,禁止使用ID选择器和!important 4.延迟加载 通常应用于图片比较多的网页,如… …
1.尽量减少请求数 提取公用CSS,模块化,其他的合并。Javascript也一样(可以避免页面加载阻塞)。 对页面上的小图标,背景等图片进行合并,减少请求次数。 2.减少页面体积 压缩JS 3.CSS&HTML的重构 CSS选择器不能太长,禁止使用ID选择器和!important 4.延迟加载 通常应用于图片比较多的网页,如… …
最近在开发过程中,使用ajax去异步调取图片。在开发中这个功能没什么问题,可以后来提测,重新部署之后就有问题了,这就是ajax的跨域问题。 ajax核心对象XMLHttpRequest本身是不支持跨域的,这是由于javascript的同源策略所导致。但是我们可以通过其他方法来解决ajax的跨域问题。 2015年3.4日补充:… …
无限级分类在开发中经常使用,例如:部门结构、文章分类。无限级分类的难点在于“输出”和“查询”,例如 将文章分类输出为<ul>列表形式; 查找分类A下面所有分类包含的文章。 1.实现原理 在《无限级分类实现思路》一文中介绍了几种常见的实现方法,各有利弊。其中&ldq… …