前端代码规范 及 最佳实践 | Isobar

本文档包含了Isobar公司的创意技术部(前端工程)开发web应用的规范。现在我们把它开放给任何希望了解我们迭代过程最佳实践的人。

编写本文档的主要驱动力是两方面: 1) 代码一致性 以及 2) 最佳实践。 通过保持代码风格和传统的一致性,我们可以减少遗留系统维护的负担,并降低未来系统崩溃的风险。而通过遵照最佳实践,我们能确保优化的页面加载、性能以及可维护的代码。

Categories: css3, html5, JavaScript, 项目精选

» W3C发布HTML5正式推荐标准 开放Web平台迎来新的里程碑 – W3C中国

2014年10月28日,万维网联盟(World Wide Web Consortium, W3C)宣布发布HTML5的正式推荐标准(W3C Recommendation)。HTML5是万维网的核心语言 -可扩展标记语言的第5版。在这一版本中,增加了支持Web应用开发者的许多新特性,以及更符合开发者使用习惯的新元素,并重点关注定义清晰的、一致的准则,以确保Web应用和内容在不同用户代理(浏览器)中的互操作性。

万维网联盟创始人Tim Berners-Lee评论说, “今天,我们想做的事情已经不再是通过浏览器观看视频或收听音频,或者在一部手机上运行浏览器。我们希望通过不同的设备,在任何地方,都能够共享照片,网上购物,阅读新闻,以及查找信息。虽然大多数用户对HTML5和开放Web平台(Open Web Platform, OWP)并不熟悉,但是它们正在不断改进用户体验” 。

Categories: 前端资讯

ETpl – 强复用、灵活、高性能的JavaScript模板引擎

ETpl是一款强复用、灵活、高性能的JavaScript模板引擎,适用于浏览器端或Node环境中视图的生成。它是一款开源的,项目托管在GitHub上,由百度EFE的RIA团队开发而来。

ETpl默认使用HTML注释做语法声明。也就是说,编写一个纯HTML的模板文件,开发者不会丧失编辑器本身自带的语法高亮、自动补全等功能。此外,ETpl还采用了主流的模板编译技术,ETpl在运行动态特性时,能做到接近极限的渲染性能。

主要特性包括:

强复用

我们相信,这一定是你见过的复用形式最丰富的JavaScript模版引擎。模板继承(母版)、引用代入、动态调用的支持,能够让你真正做到用最少的代码,实现相同的功能。

灵活

你可以根据喜好定制语法风格,Filter管道使模板能够根据需要对数据二次处理,Data Getter让你获得渲染时动态数据的能力,还有…..,如果你熟悉,它们会让你得心应手。

高性能

模板编译技术已经在主流JavaScript模板引擎中普及,它能让模版渲染性能比解释型更高。ETpl的高性能正来源于此。很重要的,ETpl只有3.7k(gzipped),下载耗时几乎可以忽略。

Categories: JavaScript

10个顶级的CSS UI开源框架 – 码农网

随着CSS3和HTML5的流行,我们的WEB页面不仅需要更人性化的设计理念,而且需要更酷的页面特效和用户体验。作为开发者,我们需要了解一些宝贵的CSS UI开源框架资源,它们可以帮助我们更快更好地实现一些现代化的界面,包括一些移动设备的网页界面风格设计。本文分享了10个顶级的CSS UI开源框架,有几个确实不错,一起来看看。

Categories: css3

7个高性能JavaScript代码高亮插件 – 码农网

对于喜欢写技术博客的同学来说,一定对代码高亮组件非常熟悉。一款优秀的JavaScript代码高亮插件,将会帮助你渲染任何一种编程语言,包括一些关键字的着色,以及每行代码的缩进等。今天我们要来分享一些高性能的JavaScript代码高亮插件,这些JavaScript代码高亮插件将非常有效地帮你实现在网页上的代码编辑和展示。

Categories: JavaScript

高性能Javascript–高效的数据访问 – Ico_Coco – 博客园

经典计算机科学的一个问题是,数据应当存放在什么地方,以实现最佳的读写效率。数据存储是否得当,关系到代码运行期间数据被检索到的速度。在Javascript中,此问题相对简单,因为数据表现方式只有少量方式可供选择。在Javascript中,有四种基本的数据访问位置:

  • Literal values 直接量 
    • 直接量仅仅代表自己,而不存储于特定的位置。
    • Javascript的直接量包括:字符串(strings)、数字(numbers)、布尔值(booleans)、对象(objects)、数组(arrays)、函数(functions)、正则表达式(regular expressions),具有特殊意义的空值(null),以及未定义(undefined)。
  • Variables 变量
    • 开发人员用var关键字创建用于存储数据值。
  • Array items 数组项
    • 具有数字索引,存储一个Javascript数组对象。
  • Object members 对象成员
    • 具有字符串索引,存储一个Javascript对象。

Categories: JavaScript