更快速将你的页面展示给用户[前端优化篇]

现在许多公司往往注重后端优化,而忽略了前端优化 想想如果辛苦优化了服务器,后台,排查了sql却在最后页面加载展示的时候很慢,也得不偿失 其实,前后台优化都是相辅相成的后台优化好了,响应请求速度快,前台展示的更迅速前台优化了不必要的请求,后台 …


[原创]CSS3打造动态3D气球

周末在江边晨跑的时候发现很多 当时心血来潮就想,应该可以在网页中实现一下   这几天得闲就做了一下,效果如下 (尽量在最新版本的chrome或者firefox中查看) demo下载在文章最后 预览 …


webapp/css3实战,制作一个《炉石传说》宣传页

在移动网页,尤其是webapp中 常需要用到大量的css3动画,来获得良好交互体验 我之前帮朋友做了一个,可惜没帮上忙 现在和大家分享一下   目标是要做一个《炉石传说》游戏的介绍宣传页面,文字内容不多,主要是要和用户有互动 脑海中闪 …


[原创]zepto打造一款移动端划屏插件

最近忙着将项目内的jquery 2换成zepto 因为不想引用过多的zepto包,所以花了点时间 zepto真的精简了许多,源代码看着真舒服   正好项目内需要一个划屏插件,就用zepto写了一个 逻辑其实很简单,但没想到测试时,在老版本android设备浏览器上的t …


移动端网页设计经验与心得

智能手机发展确实很迅速,像今年,我的大部分工作就都在移动端网页上。 再往前些年,看到的手机版/移动版网页,限制于浏览器与手机性能,2g网络速度等 网页设计无非是蓝、黑、白,界面单调,并且要尽可能的设计简单。   现在情况就大不相同了, …



[原创]css3简单几步画一个乾坤图

效果如上,鼠标移上去会有动画。 代码如下非常简单: 1 <html> 2 <head> 3 <style> 4 .outer{height:100px;width:200px;border-radius:100px 100px 0px 0px;border:solid 1px #666;border-bottom:none; margin:0 auto …


《大话设计模式》读书笔记:建造者模式与观察者模式

1.     建造者模式 建造者模式(Builder Pattern),是将一个复杂对象的创建构造与其它功能性方法(或函数)分离到不同的封装之中,使同样的构造过程能够用于不同的功能表示。 建造者模式主要分为三个部分:产品、建造者以及指 …


《大话设计模式》读书笔记:单例模式与Java同步锁synchronized

单例模式,保证一个类仅有一个实例,并提供一个访问它的全局访问点。在单例模式下,类本身负责保存它的唯一实例,这个类必须保证没有其他实例可以被创建,并且它可以提供一个访问该实例的方法。单例模式的类中,构造方法(函数/体)被设为private,从而堵 …


《大话设计模式》读书笔记:原型模式与Java的对象克隆

原型模式,用原型实例指定创建对象的种类,并且通过拷贝这些原型创建新的对象。它其实就是从一个对象再创建另外一个可定制的对象,而且不需要知道任何创建的细节。 原型模式的实现,无论是Java还是C#,都是通过克隆(clone)来完成的。虽然具体的实现方式 …