前端性能优化之加载技术 [转]
在这个前端用户体验越来越重要的时代，你的页面稍微有点卡顿，都难以挽留用户。而作为一名有追求的前端，势必要力所能及地优化我们前端页面的性能。今天，就来谈一谈那些前端性能优化的加载技术，利用这些技术可以很好地提高网站的响应速度和用户体验。
页面渲染在理解真正的优化技术之前，我们需要先了解为什么需要优化？
...
HTTP、HTTP2.0、SPDY、HTTPS 你应该知道的一些事
发表于
作为一个经常和web打交道的程序员，了解这些协议是必须的，本文就向大家介绍一下这些协议的区别和基本概念，文中可能不局限于前端知识，还包括一些运维，协议方面的知识，希望能给读者带来一些收获，如有不对之处还请指出。
web始祖HTTP全称：超文本传输协议(HyperText Transfer Proto
...
Hostory API 学习
发表于
引言HTML5 History API 为开发者提供在不刷新浏览器页面的情况下修改 URL 的能力，在这之前，如果开发者修改 url 就会全页面刷新。History API 可以让我们灵活控制浏览器地址栏线上的内容，为我们的开发提供了更多的便利。在今天，单页面应用大行其道，除了 ajax 技术之外，
...
Web Storage 学习
发表于
简介html5 中的 Web Storage 包括了两种存储方式：sessionStorage 和 localStorage。 sessionStorage 用于本地存储一个会话（session）中的数据，这些数据只有在同一个会话中的页面才能访问，会话结束后数据也随之销毁。localStorage
...
[转] 移动端高清、多屏适配方案
发表于
背景
开发移动端H5页面
面对不同分辨率的手机
面对不同屏幕尺寸的手机
视觉稿在前端开发之前，视觉MM会给我们一个psd文件，称之为视觉稿。
对于移动端开发而言，为了做到页面高清的效果，视觉稿的规范往往会遵循以下两点：
首先，选取一款手机的屏幕宽高作为基准(以前是iPhone4的320×480，
...
垂直居中实现方式总结
发表于
在网页制作过程中，我们经常要用到图片、文字的垂直居中。今天就总结一下垂直居中的方法。
方法一 利用 line-height 实现垂直居中1234567891011#example1 { height: 100px; line-height: 100px; backgrou
...
css 实现固定宽高比
发表于
问题以前遇到一个需求，页面显示一个弹窗，弹窗宽度是随页面宽度变化而变化的，要求弹窗的高度和宽度以一个固定的宽高比显示，当时使用js来监听window的resize事件实现的，现在回头看看，完全可以用css实现。
实现先看代码
12345678910111213141516.box{
...
javascript 观察者模式实现
发表于
观察者模式（有时又被称为发布（publish ）-订阅（Subscribe）模式）是软件设计模式的一种。在此种模式中，一个目标物件管理所有相依于它的观察者物件，并且在它本身的状态改变时主动发出通知。这通常透过呼叫各观察者所提供的方法来实现。此种模式通常被用来实现事件处理系统。
基本简介观察者模式
...