轩枫阁

前言

本文档为网酷前端规范系列，主要介绍前端性能优化点

一、HTTP优化

1. 减少HTTP请求

• 合并文件，例如css代码和js代码分别合并到一个css文件和js文件中;
• 使用css sprite，详细请参考css优化中的css sprite部分。
• 使用base64技术

2. 重定向优化

• 消除没必要的跳转
• 利用服务器重写用户键入的链接
• 使用HTTP而不是js或者meta来重定向

查看全文

前言

JS在处理时间格式方面不够灵活，最初想到用字符串拼接来解决，通过getFullYear()、getMonth()、getDate()获取再拼接相应的格式，表现的十分不灵活。下面的函数能够快速方便的将时间格式化，代码实现也极为巧妙。最后提供了获取最近日期始终时间的函数。

使用

代码

链接：https://gist.github.com/xuanfeng/43d7abdaf9c4cbff1ebd 查看全文

前言

本文档为网酷前端JS规范，可根据需求进行改变

一、规范目的

为提高团队协作效率，便于前端后期优化维护，输出高质量的文档。

二、基本准则

1. 符合web标准，结构表现行为分离，兼容性优良。页面性能方面，代码要求简洁明了有序， 尽可能的减小服务器负载，保证最快的解析速度。
2. 项目的维护和二次开发可能是直接或间接的团队合作，所以创建易维护的代码是一个项目成功与否的关键，易维护的代码意味着具有如下特性：
   • 阅读性好：如良好的注释和命名规范，有文档
   • 具有一致性：看起来如同一个人编写
   • 代码的松耦合，高度模块化：将页面内的元素视为一个个模块，相互独立，尽量避免耦合过高的代码，从html,css,js三个层面都要考虑模块化
   • 严格按照规范编写代码

三、命名规范

查看全文

前言

响应式Web设计(Responsive Web design)的理念是： 页面的设计与开发应当根据用户行为以及设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相应的响应和调整。具体的实践方式由多方面组成，包括弹性网格和布局、图片、CSS media query的使用等。

1、特殊的meta 标签

现在我们用的智能手机（iOS，Android）的浏览器都是基于webkit内核，由于webkit的浏览器对于html5的支持比较好，所以我们在声明头部的时候最好用html5的声明方式。标签中可以设置具体的宽度（如像素值）或者缩放比例如2.0（设备实际尺寸的两倍）。 查看全文

前言

一图胜千言，有配图的文章显得更容易理解更有兴趣去阅读而不觉得枯燥，所以会经常给文章加上配图。而有些操作是需要gif动态图像去表意的，如实用的sublime插件集合 这篇文章中的配图就都是动态的，这里推荐一些gif录制、截图、录像软件。

1. GifChm_CHS

简介：gif图像录制

推荐指数：★★★★★

下载地址：http://pan.baidu.com/s/1qWnZAFi

功能：可录制Gif图像、捕获光标、可编辑、可导出成AVI视频等

特点：使用简单，无需安装，必推荐 查看全文