轩枫阁

前言

HTML5 中新增标签Canvas，Canvas 对象表示一个 HTML 画布元素 -<canvas>。它没有自己的行为，但是定义了一个 API 支持脚本化客户端绘图操作。利用JS，可以实现一些超炫酷的效果。本文所介绍的是基于Canvas实现的炫酷3D动画大背景。

案例一

原版

QQ 官网 http://im.qq.com/pcqq/

demo

http://xuanfengge.com/demo/201411/vector/demo1.html

使用

为方便大家使用，轩枫阁已将主体代码抽出，并示范使用方法（具体看源码），只需加载相关JS并调用即可。不依赖jQery，但是需注意代码执行顺序。

特点

改变3D大背景块颜色，清晰可见，适用于文字较少、加以配图的页面。 查看全文

前言

但凡商户搞点营销活动，为了能触达更多的顾客，来点儿抽奖的把戏，应该是极好的，什么“刮刮乐”、“砸金蛋”、“大转盘”等等，换汤不换药，屡试不爽。从微客多营销平台各种活动的使用情况也能看出，抽奖活动一直是商户用得最多的线上活动，正所谓无利不起早，给点“花蜜”犒劳下“蜜蜂”也是应该的。

需求分析

那么问题来了，发奖机制怎么玩？作为一个服务商户的营销平台，怎样将商户配置的奖品发出去才能起到比较好的效果呢？

先来看目标，什么是比较好的效果，也就是用户（商户）的需求是什么：

• 抽奖活动期间奖品数量是固定的
• 稀有的奖品尽量靠后被抽中
• 物尽其用，奖品不希望有剩余
• 每个奖品可以设置被抽中的概率

查看全文

前言

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

一、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三个层面都要考虑模块化
   • 严格按照规范编写代码

三、命名规范

查看全文