轩枫阁

首页 / 授人以渔 / Javascript (第7页)

基于Canvas实现的炫酷3D动画大背景

前言

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

2014/11 15  周六

JS时间格式化函数、获取时间区间函数

前言

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

使用

代码

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

2014/11 08  周六

网酷前端javascript规范文档

前言

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

一、规范目的

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

二、基本准则

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

三、命名规范

查看全文

2014/11 07  周五

方案合集:判断Javascript对象是否存在

前言

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

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

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

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

第一种写法

根据直觉,你可能觉得可以这样写:

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

2014/10 25  周六

Ejs与Jade如何选择–NodeJs模版引擎比较

前言

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

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

赞同Jade

1. 点评1

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

第一、简洁。

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

2014/10 22  周三

纸飞机许愿

x

钢琴节奏

请选择弹奏的曲谱

    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 1
    • 2

    [返回曲谱列表]