轩枫阁

首页 / Web前端 / 授人以渔 / Javascript (第6页)

Node编码规范

编码规范

  • 缩进,2 个 space,tab要转换成 2 space. (入乡随俗,这是Node 源码及module 采用的标准) Eclipse设置
  • 永远用 var 声明变量,不加 var 时,会污染顶层上下文
  • 操作符与操作算子之间要有空格

Right:

Wrong:

  • 使用string 时,用单引号替代双引号(写JSON 时除外)

Right:

查看全文

2015/02 06  周五

高性能 CSS3 动画优化指南

高性能移动Web相较PC的场景需要考虑的因素也相对更多更复杂,我们总结为以下几点: 流量、功耗与流畅度。 在PC时代我们更多的是考虑体验上的流畅度,而在Mobile端本身丰富的场景下,需要额外关注对用户基站网络流量使用的情况,设备耗电量的情况。

关于流畅度,主要体现在前端动画中,在现有的前端动画体系中,通常有两种模式:JS动画与CSS3动画。 JS动画是通过JS动态改写样式实现动画能力的一种方案,在PC端兼容低端浏览器中不失为一种推荐方案。 而在移动端,我们选择性能更优浏览器原生实现方案:CSS3动画。

然而,CSS3动画在移动多终端设备场景下,相比PC会面对更多的性能问题,主要体现在动画的卡顿与闪烁。

目前对提升移动端CSS3动画体验的主要方法有几点:

尽可能多的利用硬件能力,如使用3D变形来开启GPU加速

查看全文

2015/02 01  周日

SeaJS社区优秀文章汇总

前言

SeaJS提供简单、极致的模块化开发体验。用着特方便,已经在多个项目中使用。

为什么使用 Sea.js ?

Sea.js 追求简单、自然的代码书写和组织方式,具有以下核心特性:

  • 简单友好的模块定义规范:Sea.js 遵循 CMD 规范,可以像 Node.js 一般书写模块代码。
  • 自然直观的代码组织方式:依赖的自动加载、配置的简洁清晰,可以让我们更多地享受编码的乐趣。

Sea.js 还提供常用插件,非常有助于开发调试和性能优化,并具有丰富的可扩展接口。

社区优秀文章

入门

查看全文

2015/01 12  周一

AJAX 技术分享

AJAX 在哪里?Where

无所不在的 AJAX。

  • 百度搜索框,智能补全
  • 微博搜索框,智能补全
  • 淘宝搜索框,智能补全
  • 百度相册,图片浏览
  • QQ 二维码登录

什么是 AJAX?What

网页中处理异步请求的技术。

  • AJAX 即 “Asynchronous Javascript + XML”,是指一种创建交互式网页应用的网页开发技术。
  • AJAX 是一种用于创建快速动态网页的技术。

查看全文

2014/12 10  周三

Js中iframe相关window.parent ,window.top,window.self解析

前言

在网页中有嵌入frameset或者iframe的页面时,parent是父窗口,top是最顶级父窗口(有的窗口中套了好几层frameset或者iframe),self是当前窗口, opener是用open方法打开当前窗口的那个窗口。

window.self

功能:是对当前窗口自身的引用。它和window属性是等价的。

语法:window.self

:window、self、window.self是等价的。 查看全文

2014/12 06  周六

纸飞机许愿

x

钢琴节奏

请选择弹奏的曲谱

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

    [返回曲谱列表]

    点击开始录制,可以录制弹奏的曲子