Modular JS

发表于 · 分类于 Programmer

Slide:http://slides.com/xcatliu/modular_js/

概述,发展

模块化定义

  • 一种将系统分离成独立功能部分的方法
  • 优缺点

js 模块化发展

  • 内容样式交互混合
  • 分离成独立文件
  • 动态加载
  • 服务器端 js,CommonJS
  • 发展到客户端 AMD

继续阅读


Grunt Custom Task 指南

发表于 · 分类于 Programmer

阅读这篇之前,请了解 grunt ,可以参考 [Grunt Getting Starting]。

在决定创建自己的 task 之前,最好搜索一下你的需求是不是已经有别人写好的了:http://gruntjs.com/plugins。

简介

grunt 有一套强大的创建任务机制,不管是 grunt 官方任务(如 grunt-contrib-uglify )还是 npm 上其他人提供的 grunt 任务(如 grunt-mocha )亦或是你自己创建的任务(如 mod_revision ),都是使用同一套机制。故阅读 grunt 官方任务源码,有助于我们创建自己的任务。

grunt 基于 node 开发,node 能做到的,在 grunt task 中都可以做到。

一般来说,一个任务分三部分: register taskload tasktask config

继续阅读


The Many Meanings of Open

发表于 · 分类于 Life

会议介绍

万维网之父、万维网联盟创始人见面会

蒂姆·伯纳斯·李(Tim Berners-Lee)爵士(1955年出生于英国)是万维网的发明者,万维网之父、W3C创始人兼董事

  • 会议主题:开放的万维网
  • 会议日期:11月8日(周五)下午3点开始
  • 会议地点:北京市海淀区学院路37号 北京航空航天大学 晨兴音乐厅
  • 预定人数:800人
  • 参与费用:免费
  • 主办方:北京航空航天大学
  • 承办方:W3C、北航计算机学院、北航校团委
  • 报名时间:11月1日 — 11月7日

网址:http://www.w3ctech.com/zt/tim

总结

今天天气晴朗,万里无云,我和小伙伴们吃完饭来到了大北航音乐厅,听 Tim 的演讲。

主题是《The many meanings of ‘open’》,分为了 5 个方面,下面总结一下要点:

继续阅读


Grunt Getting Started

发表于 · 分类于 Programmer

Grunt 简介

每个前端开发工程师都会遇到前端文件校验、打包、压缩的问题。使用 Grunt 之前,你可能也使用过 Shell 脚本或者 Ant 脚本,来实现校验合并压缩等任务。

Grunt 是一个基于任务的 JavaScript 项目命令行构建工具,运行于 Node.js 平台。 Grunt 能够从模板快速创建项目,合并、压缩和校验 CSS&JS 文件,运行单元测试以及启动静态服务器。

grunt 是如何工作的?

刚刚接触 grunt ,举个例子可能不太恰当,但应该可以让你先比较准确的认识它。

就好像一个万能工厂(grunt),只负责执行任务(Task),不关心每个任务到底都干了什么。 这些任务比如:

  • clean:删除临时文件
  • uglify:压缩
  • qunit:测试
  • concat:合并

任务流程可能是这样的:

  • task:clean
  • task:uglify
  • task:qunit
  • task:concat

继续阅读


Grunt

发表于 · 分类于 Programmer

Grunt API

grunt.registerTask

alias for grunt.task.registerTask

Alias Task

1
2
3
4
5
6
// http://gruntjs.com/api/grunt.task#grunt.task.registertask
grunt.registerTask(taskName, taskList);
grunt.registerTask('default', ['jshint', 'qunit', 'concat', 'uglify']);
grunt.registerTask('dist', ['concat:dist', 'uglify:dist']); // 可以写任务描述
grunt.registerTask('default', 'default task description', 'build'); // 可以定义带冒号的任务
grunt.registerTask('build:dist', ['concat:dist', 'uglify:dist']);

继续阅读


© 2012 - 2017 Xcat Liu
Hexo 强力驱动 · 主题 Mobi.css