轩枫阁

前言

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大背景块颜色，清晰可见，适用于文字较少、加以配图的页面。 查看全文

前言

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

使用

代码

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

前言

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

一、规范目的

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

二、基本准则

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

三、命名规范

查看全文

前言

Javascript语言的设计不够严谨，很多地方一不小心就会出错。

举例来说，请考虑以下情况。

现在，我们要判断一个全局对象myObj是否存在，如果不存在，就对它进行声明。用自然语言描述的算法如下：

你可能会觉得，写出这段代码很容易。但是实际上，它涉及的语法问题，远比我们想象的复杂。Juriy Zaytsev指出，判断一个Javascript对象是否存在，有超过50种写法。只有对Javascript语言的实现细节非常清楚，才可能分得清它们的区别。

第一种写法

根据直觉，你可能觉得可以这样写：

但是，运行这段代码，浏览器会直接抛出ReferenceError错误，导致运行中断。请问错在哪里？ 查看全文

前言

前段时间的项目有用到NodeJs，而比较主流的模版引擎当属Ejs与Jade，该如何选择呢？各自又有什么优缺点？

EJS 结构更像原生 HTML，而 Jade 更简洁。你使用其中之一，是出于什么原因呢？看一看知乎上大家的讨论。

赞同Jade

1. 点评1

Jade有两点是超出传统模板技术的。

第一、简洁。

注意，简洁并非单指更少的符号，而是看是否能match你的需要。Jade强制的缩进格式能凸显html的结构，而对于前端来说，最重要的任务恰恰是处理结构，而不像一般的html author那样是处理内容。反过来说，假如你的主要任务是处理内容，比如写作blog之类的，那你应该用wiki或者markdown之类的，而不应该用Jade。 查看全文