Saito

前端架构分享

Saito — Fri, 29 May 2015 11:34:27 +0800

前端架构

总述

在互联网应用越来越大，越来越复杂的今天，我们不可避免的需要工具来管理我们的前端代码。替代以前的一个巨大的脚本文件，我们希望可以将文件写入不同的文件模块。并且希望代码可以重用，可以简单的引用和添加各种各样的依赖到我们的项目（无论是菜单一样的 UI 组件还是一个类似 jQuery 的 DOM 操作库）。不止是 JavaScript 我们希望可以用这种方式来组织，他应该也包含 CSS，HTML 模板，字体，图片和其他静态文件。

为什么前端需要模块化开发

随着互联网应用越来越大，前端的开发也越来越复杂。如果还维持在以往以页面为单位的开发，会导致很多问题，类似依赖管理，命名冲突等棘手的问题。

命名冲突是最常见的问题：

// util.js
function log(message) {

}
// logger.js
function log(message) {

}

当页面的 script 标签同时依赖这两个文件时便会产生冲突，导致后面函数会覆盖前面的。从而可能会产生一些预想之外的结果。

而传统的解决方案是使用命名空间：

// util.js
var util.log = function(message) {

}

// logger.js
var logger.log = function(message) {

}

这样会带来显而易见的问题，所有的代码会变得冗余且编写困难。

如果使用模块化的编写方案，例如 Common Module Definition，代码见的依赖会变得格外简单。

// util.js
var log = function(message) {

}

module.exports = log

// logger.js
var log = function(message) {

}

module.exports = log

// app.js using util.js log for logging
var log = require("util.js")

log("Hello Module Definition")

util.js 与 logger.js 不会相互冲突，他们会被工具包装为 CMD 下的定义方式。然后通过依赖的方式来解决冲突

依赖管理同样是一个棘手的问题：

<script src="/util.js" type="text/javascript"></script>
<script src="/logger.js" type="text/javascript"></script>
<script src="/app.js" type="text/javascript"></script>

如果你有一大堆的依赖关系，你必须依序将所有的文件引入，否则会导致变量未定义等问题。如果使用了 Common Module Definition 便可以无序的引入组件文件。

在样式方面由于 CSS 与浏览器本身的限制我们仍然无法使用这样的技术来划分模块。

/* layout.css */
.box {

}

/* dropdown.css */
.box {

}

这样的话 dropdown.css 的 .box 便会覆盖之前的 .box 的样式，所以我们需要在模块中添加限制。

所以在样式表方面我们需要详细的划分模块的命名空间，例如在 dropbox.css 中我们可以用这样的命名方式 .dropdown .box 的方式。这边便不会影响到父级的样式。

如何进行模块化开发

首先对页面进行模块化的拆分，将模块的定义文件放在一个文件夹下，其中包含有 JavaScript CSS 以及 Templates（前后端）的文件。模块的脚本文件默认会被 CMD 包装，而 CSS 文件，开发着需要对文件进行特殊的命名，默认以模块文件夹名为命名空间，以防与别人冲突，而模板文件则不会有这样的顾虑。

我们开发了 Linner 来支持模块化的开发。

架构概览

在前端项目中，我们在底层拥有基础组件库与可视化编辑框架用于装修需求。在基础组件之上，我们会沉淀出标准的组件库，类似电商标准组件库之类的类库，而真正的类库中开发者也需要将自己的组织为组件的形式。

而工具则为整个过程保驾护航。

工具阐述

简单来说，Linner 允许我们做：

项目结构化
页面组件化
仓库管理
使用 CoffeeScript 与 SCSS 来替代 JavaScript 与 CSS
合并 CSS 与 JavaScript 文件
复制 CSS 与 JavaScript 文件
预编译 CSS 与 JavaScript 文件
合并图片至一张大图（Sprites）
压缩 CSS 与 JavaScript 文件
监视文件系统变化并实时更新

1. 项目结构化

项目通过标准化的方式来组织：

.
├── app
│   ├── components
│   │   └── dropdown
│   │       ├── view.coffee
│   │       ├── view.hbs
│   │       └── view.scss
│   ├── images
│   │   └── logo.png
│   ├── scripts
│   │   └── app.coffee
│   ├── styles
│   │   └── app.scss
│   ├── templates
│   │   └── welcome.hbs
│   └── views
│       └── index.html
├── bin
│   └── server
├── config.yml
├── public
├── test
└── vendor

app 文件夹是用户自己编写代码的地方

images 用以存放项目相关的图片文件
scripts 用以存放项目相关的 JavaScript 文件
styles 用以存放项目相关的 Stylesheet 文件
templates 用以存放项目相关的前端模板文件
views 用以存放项目相关的后端模板文件
components 用以存放项目的组件文件

config.yml 是整个项目的配置文件

bin 文件夹可以让用户很方便的启动一个本地的服务器，以当前文件夹作为根

test 文件夹可以使用户编写一些单元测试来测试自己的前端项目

vendor 文件夹可以使用户引入第三方的代码组件，如 jQuery、Underscore 等

public 文件夹是项目打包后文件位置，发布项目所需要的所有文件

2. 页面组件化

不要面向页面编程，要面向组件编程。

当拿到网站的整体设计稿时，我们应该首先去找出页面间有相同逻辑的模块。将他们抽出，考虑如何将其设计为可复用的模块。

我们可以将模块的内容包含 JavaScript CSS 与前后端模板组织在 app/components 内，通过在 app/scripts 里面的 app.coffee 中去初始化所有的组件。

通过 cmd 的形式去管理组件与组件之间的依赖关系。这样组件内部就可以通过 module.exports = "dropdown" 与 require "dropdown" 这样的形式去导出与依赖组件。

3. 仓库管理

通过 bundles 来管理远端依赖，在项目中可以非常方便的引入一些著名的第三方库。如 jQuery，Underscore 等。

依赖可以规定多个版本，当需要升级版本时，可以更改 version 与 url 在工具下次启动时便可以拉取新版本的依赖。如果希望依赖一直为最新状态，可以将 version 设置为 master 这样工具会在每次启动时都获取最新的文件。

4. 使用 CoffeeScript 与 SCSS 来替代 JavaScript 与 CSS

CoffeeScript

CoffeeScript 是这一门编程语言构建在 JavaScript 之上，其被编译成高效的 JavaScript，这样你就可以在 Web 浏览器上运行它，或是通过诸如用于服务器端应用的 Node.js 一类的技术来使用它。编译过程通常都很简单，产生出来的 JavaScript 与许多的最佳做法都保持了一致。

SCSS

SCSS 扩展了 CSS3，增加了规则、变量、混入、选择器、继承等等特性。 SCSS 生成良好格式化的 CSS 代码，易于组织和维护。

使用成本

使用 CoffeeScript 与 SCSS 可以大幅降低开发成本，使用 CoffeeScript 可以避免一些常见的 JavaScript 开发错误。而 SCSS 则可以更好的抽象样式文件，使样式得到更好的维护。并且 CoffeeScript 与 SCSS 的学习成本都很低，前端可以通过很简短的学习就能立刻写出优雅的代码。

5. 合并 CSS 与 JavaScript 文件

前端文件的合并可以明显的减少 HTTP 请求，明显的加快网页的浏览速度。

6. 复制 CSS 与 JavaScript 文件

复制文件是一个很普遍的需求，可以将文件从一个位置复制到另一个位置。如果是 CoffeeScript 文件或者 SCSS 文件，工具会帮助转换为对应的 Javascript 与 CSS 文件。

7. 预编译 JavaScript 模板文件

随着互联网应用越来越大，前端模板的需求也日渐突出。在使用前端模板的过程中，为了提高前端的渲染性能，我们需要对前端模板进行预编译。预编译的结果是使 templates 文件能直接转化为 JavaScript 的方法调用。这样可以以非常快的速度来渲染前端模板。

8. 合并图片至一张大图（Sprites）

当页面内的图片很多时，会产生多个 HTTP 请求，当请求变多时会严重影响网站的速度。所以我们需要将多个 PNG 图片合并成一张图片。同时利用 CSS 的 background 来显示对应的单个图片

9. 压缩 CSS 与 JavaScript 文件

在项目发布上线时需要将资源文件进行最大程度的压缩。从而减少 HTTP 请求文件的体积。从而可以将文件尽快的传输给用户，使页面更快的展示出来。

工具提供了快速的文件名的版本替换，可以使服务器更好的缓存压缩后的文件。

10. 监视文件系统变化并实时更新

文件系统的实时监控可以监控到项目内文件的变动，同时重新执行整个工具的逻辑。

在开发阶段，我们可以尽最大程度的提高开发者的效率。例如使用浏览器实时刷新。当文件系统有任何变化时，工具会发动 LiveReload 来自动刷新页面，当用户只修改了 CSS 文件时，我们甚至可以不刷新页面，直接重载 CSS 文件。极大的提高开发效率。

性能调优

大约 80%-90% 的终端响应时间是花费在前端，其中包含下载页面中的图片，样式表，脚本，flash 等。Yahoo 为此总结了 14 条规则，成为网站性能优化的事实标准。

雅虎网站性能优化的 14 条规则：

尽可能减少 HTTP 请求数
使用 CDN（内容分发网络）
为文件头指定 Expires 或 Cache-Control，使内容具有缓存性
使用 Gzip 压缩内容
把 CSS 放到顶部
把 JavaScript 放在底部
避免在 CSS 中使用 Expressions
把 JavaScript 和 CSS 都放到外部文件中
减少 DNS 查找次数
压缩 JavaScript 和 CSS
避免重定向
剔除重复的 JavaScript 和 CSS
配置 Etags
使 AJAX 缓存

对规则的分析：

代码编写方面的规则：
- 把 CSS 放到顶部
- 把 JavaScript 放在底部
- 把 JavaScript 和 CSS 都放到外部文件中
- 避免在 CSS 中使用 Expressions
- 使 AJAX 缓存
打包方面的规则：
- 尽可能减少 HTTP 请求数
- 压缩 JavaScript 和 CSS
- 剔除重复的 JavaScript 和 CSS
部署方面的规则：
- 使用 CDN（内容分发网络）
- 为文件头指定 Expires 或 Cache-Control，使内容具有缓存性
- 使用 Gzip 压缩内容
- 减少 DNS 查找次数
- 避免重定向
- 配置 Etags

对规则的实践

部署方面的规则，应用 Nginx 为静态文件添加 Expires 跟 Cache-Control 头，配置 Etags，并启用 Gzip 压缩。并且避免在 Nginx 中做重定向，有条件的话可以启用 CDN，并优化网络配置以减少 DNS 查找次数。
代码编写方面的规则，需要在编写代码种形成规范。默认使用类似 jQuery 这样的库便可以对 AJAX 进行缓存。
打包方面 Linner 可以合并 JavaScript 与 CSS 文件，并且支持小图片的合并，用以减少 HTTP 请求数。同时 Linner 的仓库管理可以避免重复的 JavaScript 与 CSS 文件的出现。在 build 过后所有的文件将会被压缩。

附件

工具的使用

安装 Ruby 2.0.0 以上版本
安装 Linner 及其使用规则

# 安装 Linner
gem install linner

# 使用 Linner 创建项目结构
linner new webapp && cd webapp

# 在项目下启动 Linner
linner watch

# 退出 Linner
CTRL + C

# 打包资源文件
linner build

# 清空打包的资源文件
linner clean

config.yml 文件配置详解

paths:
  app: "app"
  test: "test"
  public: "public"
groups:
  scripts:
    paths:
      - app/scripts
    concat:
      "/scripts/app.js": "app/**/*.{js,coffee}"
      "/scripts/vendor.js": "vendor/**/*.{js,coffee}"
    order:
      - vendor/jquery-1.10.2.js
      - ...
      - app/scripts/app.coffee
  styles:
    paths:
      - app/styles
    concat:
      "/styles/app.css": "app/styles/**/[a-z]*.{css,scss,sass}"
  images:
    paths:
      - app/images
    sprite:
      "../app/images/icons.scss": "app/images/**/*.png"
  views:
    paths:
      - app/views
    copy:
      "/": "app/views/**/*.html"
  templates:
    paths:
      - app/templates
    precompile:
      "/scripts/templates.js": "app/templates/**/*.hbs"
modules:
  wrapper: cmd
  ignored: vendor/**/*
  definition: /scripts/app.js
sprites:
  url: /images/
  path: /images/
  selector: .icon-
revision: index.html
notification: true
bundles:
  jquery.js:
    version: 1.10.2
    url: http://code.jquery.com/jquery-1.10.2.js
  handlebars.js:
    version: 1.0.0
    url: https://raw.github.com/wycats/handlebars.js/1.0.0/dist/handlebars.runtime.js

paths 表示当前工具做监视的文件系统目录

groups 区分了不同的组，每个组可以有一个名字。在组内部的声明中需要指定当前组的 paths，然后可以指定一系列的操作原语，包括：concat order copy precompile sprite 等

modules 定义了需要被 CMD 包装的文件路径，以及包装定义的头文件连接位置

sprites 定义了图片 sprites 的一些生成规则，例如以 .icon- 开头来生成 CSS 列表，这样用户便可以以这样的 CSS 选择器来直接生成样式。

revision 定义了需要被加载 rev 的文件，用以 md5 的文件名来替换旧文件名

notification 定义了是否需要有通知系统，（用以 Mac 系统的通知）

bundles 定义了项目的依赖关系，项目可以依赖很多第三方的项目，可以自定义版本号。如果需要每次启动都更新最新版本的依赖，可以将 version 设置为 master

Linner: https://github.com/SaitoWu/linner 原文：http://saito.im/note/The-Architecture-of-F2E/

Simba v0.8.0 has been released!

Saito — Mon, 07 Apr 2014 19:16:38 +0800

Simba 致力于做 Ruby off Rails 的最佳实践。

Changelog:

去掉了 Sprockets 作为依赖。
引入 Linner 作为前端的管理工具。
使用 ActiveRecord 作为数据库访问工具。

Usage:

simba new appname && cd appname
bundle install

# development
bundle exec rackup

# production
rake asset:precompile
bundle exec rackup -E production

清明节终于有时间做了一下更新，有需求的可以试试。

https://github.com/SaitoWu/simba

[杭州] 端点网络科技有限公司 [Java / JavaScript]

Saito — Tue, 11 Feb 2014 13:22:24 +0800

关于我们

我们是谁

杭州端点网络科技有限公司。6 位前阿里系员工组成的完整团队，从视觉设计到 PD 以及前/后端开发，团队氛围没羞没臊。公司成立一年半，成功度过前期的危险期并且保持不错的盈利。

我们做什么

电商解决方案养活自己（咨询和外包）、O2O 平台争取发财。

我们给什么

从有潜力的应届生到有工作经验的各种小伙伴们我们愿意给出 5-20K 的月薪收买（以及和团队发展挂钩的年终奖）
另外还有可能会很值钱的期权（我们都希望它真的会很值钱，但说肯定会很值钱就是吹牛逼了）
当然也有五险一金
包午饭……

招聘职位

Java 工程师

技能要求

Java 基础扎实，了解 Util、Collection、Concurrent 包中的 API
对至少一种 Java web 框架、IOC 框架熟练使用，并了解其优缺点
熟悉 sql， *nix 操作系统

比基本要求更重要的

具备发现问题根源和解决问题的思路，懂得去哪里找到需要的信息和帮助
热爱发现和使用新技术，热爱自己创造的东西
良好的沟通能力，乐观开朗的性格

这是附加题

熟悉其他任意一种语言
熟悉前端技术

前端工程师

技能要求

能熟练使用 JavaScript、CSS 和 HTML 构建设计师给出的页面
了解 jQuery、underscore 等主流前端库、了解一种前端模板引擎例如 handlebars
了解浏览器之间的差异，知道如何让你创造的东西在每一个浏览器上都有较一致的表现
了解 CSS 3 和 HTML 5

比基本要求更重要的

具备发现问题根源和解决问题的思路，懂得去哪里找到需要的信息和帮助
热爱发现和使用新技术，热爱自己创造的东西
良好的沟通能力，乐观开朗的性格

这是附加题

知道并参与 github.com 和 stackoverflow.com
熟悉 CoffeeScript、Less、SASS 等提高生产力的工具
熟悉 Java 或 Ruby

联系方式

email: anson0370@gmail.com

工作地点

杭州市滨江区六和路 368 号海外高层次人才创新创业基地

I'm curious what guarantees you're looking for that you don't get with Go that you'd get in other languages.

Saito — Tue, 01 Oct 2013 01:18:05 +0800

https://news.ycombinator.com/item?id=6469142

tl;dr 懒人包：RubyConfChina 讲师 Steve Klabnik 推荐你学 Rust & Haskell...

录了一段 Screencast, 体会到 Ryan 的艰辛.

Saito — Thu, 08 Aug 2013 14:05:40 +0800

录 Screencast 真心难！

单纯的不卡壳，顺利的演示下来就已经要受内伤了。更别提说话了..

这条 3 分钟的录了一个多小时，还没说话。

https://github.com/SaitoWu/linner#screencast

劝君远离 Windows, 西出窗户有情人.

Saito — Mon, 29 Jul 2013 18:21:12 +0800

Listen 监听文件夹变化。需要使用 wdm. 而 wdm 在 Listen 里面的实现是很挫的。监听到文件变化之后，还要再次递归文件夹。

Less 依赖 V8, 在 Windows 上无法编译通过。

popen3 在 Windows 上需要 win32-open3-19 这个 gem.

popen4 在 windows 上更悲剧。

EventMachine 在 Windows 环境下编译不过，换用 Reel 之后发现它依赖的 libev 版本比较老，还是编译不过。忍痛删除了 LiveReload 功能。

Windows 版由于各方面的原因，速度非常慢..

Linner, 一个 HTML5 应用打包器.

Saito — Sun, 14 Jul 2013 23:57:13 +0800

地址：

https://github.com/SaitoWu/linner

特性：

快！
默认支持 Sass 与 Coffee
支持 OS X Lion 以上的 Notification. ( 在编译出错的时候弹出。
Linner 放弃了 Sprockets 的 directive processor, 用简单的 YAML 配置文件解决 concat 问题。
Linner 同时解决了 Javascript 的模块化问题，所有 app/ 目录下的文件都会被 CMD 包装，这样每个文件只需要 module.exports 就可以导出可以被别的文件引用的内容。得到类似 node 的开发体验。
实时 concat, 支持 watch, $ linner watch.
Concat 后同时支持 js, css 的 compress. $ linner build
Copy: 同时支持 copy 操作，支持通配符 copy 至 dist 目录

关于为什么要开发 Linner 的缘由：http://saito.im/note/Turbolinks-sucks/ …

HN: https://news.ycombinator.com/item?id=6043883

The Ћ Symbol

Saito — Fri, 05 Jul 2013 22:33:05 +0800

[杭州][端点网络科技有限公司] 前端 / 后端 Java 工程师

Saito — Mon, 01 Jul 2013 14:35:42 +0800

关于我们

我们是谁

6 位前阿里系员工组成的完整团队，包括资深架构师、视觉设计、PD 以及资深前/后端开发工程师，团队氛围良好。

我们做什么

电商解决方案养活自己、O2O 平台努力创业中。

我们给什么

行业内有竞争力的薪资
有可能会很值钱的期权
快速学习和成长的机会

招聘职位

我们希望招聘应届毕业生，但也不限于应届毕业生，如果您有兴趣欢迎联系。

前端工程师

技能要求

能熟练使用 javascript、css 和 html 构建设计师给出的页面
了解 jquery、underscore 等主流前端库、了解一种前端模板引擎例如 handlebars
了解浏览器之间的差异，知道如何让你创造的东西在每一个浏览器上都有较一致的表现
了解 css3 和 html5

比基本要求更重要的

具备发现问题根源和解决问题的思路，懂得去哪里找到需要的信息和帮助
良好的沟通能力，乐观开朗的性格
热爱自己创造的东西

这是附加题

知道并参与 github.com 和 stackoverflow.com
熟悉 coffee、less、sass 等提高生产率的工具
熟悉 Java 或 Ruby

Java 工程师

技能要求

java 基础扎实，了解 util、collection、concurrent 包中的 api
对至少一种 java web 框架、IOC 框架熟练使用，并了解其优缺点
熟悉 sql， *nix 操作系统

比基本要求更重要的

具有自主学习及解决问题的能力，对新技术有好奇心，有热情
关注代码质量，不拒绝重构甚至重写
良好的团队协作能力，以及开放的心态

这是附加题

熟悉其他任意一种语言
熟悉前端技术

联系方式

email: anson0370@gmail.com
发这篇东西的人的任何联系方式

https://gist.github.com/anson0370/5667855

Github Open Source Contributions Calendar.

Saito — Sat, 18 May 2013 17:35:13 +0800

Gist: https://gist.github.com/SaitoWu/5599617

Account: https://github.com/SA1T0

Graph:

Ruby 开发者沙龙资料篇...

Saito — Sat, 11 May 2013 21:56:59 +0800

https://speakerdeck.com/saito/middle-scale-f2e-application

@Saito Middle-Scale F2E Application => Lightning Talk

https://speakerdeck.com/luikore/ruby-2-dot-1-walk-thru-title-bait

@luikore Ruby 2.1 Walk Thru => Session

其他各位麻烦补充，我是来组成头部的...

@ShiningRay 屌丝程序员如何打造日 PV 百万的网站架构

https://speakerdeck.com/shiningray/diao-si-cheng-xu-yuan-ru-he-da-zao-ri-pvbai-mo-de-wang-zhan-jia-gou

@flyerhzm 构建异步 API 服务

https://speakerdeck.com/flyerhzm/gou-jian-yi-bu-apifu-wu

@fsword 实践中的 CI

http://fsword.github.io/slide/ci_con/index.html

Mac 用户快来滚雪球啊...

Saito — Thu, 18 Apr 2013 16:41:58 +0800

http://macheist.com/

!![]((http://d.pr/i/VBoy+)

xScope $30

iStopMotion $50

Totals $40

Clarify $30

Fantastical $20

CleanMyMac 2 $40

Little Inferno $10

Path Finder $40

Ruby memory leak detection

Saito — Mon, 25 Mar 2013 15:54:15 +0800

Ruby memory leak detection

ObjectSpace object count

counts = Hash.new{ 0 }
ObjectSpace.each_object do |o|
  counts[o.class] += 1
end

# or
ObjectSpace.count_objects

Symbol count

# symbol will not be garbage collected
Symbol.all_symbols.count

Heap Dump

# gem i heap_dump
require 'heap_dump'
# will automatically run GC.start
HeapDump.dump

GC

# check if its just not be garbage collected
GC.start

TracePoint on system hook

# hook on native events
TracePoint.new { |tp|
  p [tp.lineno, tp.event, tp]
}.enable

def hello_world
  puts "hello"
end

hello_world

GDB & Dtrace(ruby 2.0)

# I'm not a c guy. so...

以上是我的一些笔记，结果我用了上面所有的方法，最终发现问题不是 memory leak..

orz.

[杭州][2013年3月5日] Ruby Tuesday 活动召集

Saito — Thu, 28 Feb 2013 12:52:30 +0800

时间

2013-3-5 晚 7:00

地点

地址：杭州西溪路浙大科技园 c 栋 203 室

主题

暂定为：Saito 分享前端的一些想法与认识。

地图：

!![]((http://d.pr/i/YoDj+)

gitlab-shell for gitlab v5.0

Saito — Fri, 22 Feb 2013 23:31:07 +0800

之前我分享过关于 gitlab 背后的一些小知识：https://speakerdeck.com/saito/how-gitlab-works

其中提到了 backend 部分如何实现。并且列出了 gitolite/gitsis, patch sshd, replace sshd 三种不同的实现举例..

在即将发布的 gitlab v5.0 系列，gitlab 将完全移除对于 gitolite 的依赖。这个问题其实很早以前我们就讨论过。( Thread 是从下往上的顺序...

当时的讨论最终我贡献了 gitlab 中 HTTP protocol 系列的访问，而 gitolite 没有被最终移除..

gitolite 与 gitlab 的适配问题其实是导致很多人安装困难的主要原因，我当时提出的解决方案是 HTTP Only. 不过这个也不是一个完美的解决方案。终于在 5.0 移除了这个祸害..

简单介绍一下 gitolite 与 gitlab-shell 的实现异同：

首先他们都是 SSH-magic-command 的忠实信徒 ( 名词解释参考 slide. gitolite 最终将 command 导向了自己的 auth 程序。而 gitlab-shell 则用 gitlab 的 HTTPS API 去认证。

gitolite 有自己的认证体系，所以之前与 gitlab 的结合需要冗余一份数据在 gitolite 里面，而异构系统之前的状态同步是"世界难题"... 所以经常会需要同步状态.. 而 gitlab-shell 则利用 mysql 内部的所有 Repo 认证信息来做认证，现在 HTTPS 与 SSH 的认证被统一在 Ruby 程序中了。

gitolite 自身的配置文件是利用 git 管理的，而面对较大数据量的文件。性能极差... gitlab-shell 保守提高了 10x 的性能。

其实这次 gitlab-shell 的调整也是因为 gitlab.com 本身在 randx 加入后，网站本身也在不断扩容。碰到了这样的性能问题，平时运维也出现了麻烦。所以才会做出这样的变化..

随着 gitlab.com 越做越大。肯定会有更多的新东西出来..

randx 加入 gitlab.com, 作为 co-founder 了.

Saito — Thu, 24 Jan 2013 16:23:16 +0800

1 year, 1 open source project, 1 future..

ps: gitlab.com 本身不是 GitlabHQ 控制的。GitlabHQ 拥有 Gitlab.org 域名。

10 行令你朋友惊讶的 Clojure 代码

Saito — Thu, 10 Jan 2013 18:11:08 +0800

10 Clojure One Liners to Impress Your Friends

I saw an interesting post today aptly titled 10 Scala One Liners to Impress Your Friends and then someone followed up with another blog post titled 10 CoffeeScript One Liners to Impress Your Friends. Those two posts show programming tasks (most of them trivial to solve in modern programming languages) being accomplished in about 1 line of code each.

I thought it’d be quite appropriate if someone ported those examples to my favourite programming language Clojure, so here they are -

Multiple Each Item in a List by 2

(map #(* % 2) (range 1 11))

Sum a List of Numbers

(reduce + (range 1 1001))

Verify if Word Exists in a String

I used a regex here, because I believe that’s the right way to do it.

(def tweet "This is an example tweet talking about clojure and emacs.")
(def regex (re-pattern (apply str (interpose "|" ["clojure" "logic" "compojure" "emacs" "macros"]))))
(re-seq regex tweet) ; Gives me the actual matches instead of just true/false

As suggested by a commentator, this problem can be solved without using regex by leveraging Clojure’s sets.

(def tweet "This is an example tweet talking about clojure and emacs.")
(def is-word? (set ["clojure" "logic" "compojure" "emacs" "macros"]))
(not (nil? (some is-word? (.split tweet " ")))) ; Returns true/false

Read a File

(def file-text (slurp "data.txt")) ; Reads the whole file
(def file-lines (clojure.contrib.io/read-lines "data.txt")) ; Reads as a sequence of lines

Since Clojure Contrib has been deprecated for future Clojure releases, clojure.contrib.io/read-lines can be rewritten as (line-seq (clojure.java.io/reader (clojure.java.io/file “data.txt”))) in Clojure 1.3 onwards. Thanks to Aaron for pointing it out.

Happy Birthday to You

(doseq [l (map #(str "Happy Birthday " (if (= % 2) "dear Rich" "to You")) (range 4))] (println l))
Alternate version -

(dotimes [n 4] (println "Happy Birthday " (if (= n 2) "dear Rich" "to You")))

Filter List of Numbers

(partition-by #(> % 60) [49 58 76 82 88 90])

Fetch and Parse XML Web Service

(clojure.xml/parse "http://search.twitter.com/search.atom?&q=clojure")

Find Maximum (or Minimum) in a List

(reduce max [14 35 -7 46 98])
(reduce min [14 35 -7 46 98])
;; Now both together
((juxt #(reduce max %) #(reduce min %)) [14 35 -7 46 98]) ; Returns [98 -7]

Parallel Processing

;; Assuming process-line to be a CPU intensive function that operates on a line
(pmap process-line lines) ; Note the "p" in front of map

Sieve of Eratosthenes

I don’t I have a sufficiently good (in terms of performance & beauty) one line implementation of SoE. I would recommend checking out Christophe Grand’s treatise on the subject titled Everybody loves the Sieve of Eratosthenes for a great discussion on writing real world prime sieves in Clojure.

Solve FizzBuzz

(map #(cond (zero? (mod % 15)) "FizzBuzz" (zero? (mod % 3)) "Fizz" (zero? (mod % 5)) "Buzz" :else %) (range 1 101))`

Conclusion

Can’t conclude anything from these examples, really. Clojure is an extremely powerful and succinct programming language. Learn it, write some code in it and then decide for yourself.

Have fun!

Fork from: http://freegeek.in/blog/2011/06/10-clojure-one-liners/

通过本帖可以同时学习到 CoffeeScript 与 Scala 10 技..

你必须知道的 Clojure !

Saito — Sat, 05 Jan 2013 17:35:47 +0800

你必须知道的 Clojure ( 预告

Pattern Matching

; let for :as :or ; list vector set hash ; defrecord

Function overloading

; defn ; defmulti defmethod

STM ( Software Transactional Memory )

; ref atom agent vars

底稿打了，还没写完。先让 Google 记一发！

难道你们还没学 Clojure ?

Saito — Sat, 05 Jan 2013 17:23:20 +0800

程序设计的美学都在这里了。

贴一小段笔记：

Data Structures:

nil: nil

char: \c or (char c)

number: 1 or (num 1)

string: "abc" or (str abc) ???

keyword: :a or (keyword "a")

symbols: 'a or (quote a)

boolean: false or (boolean false)

list: '(1 2 3) or (list 1 2 3)

vector: [1 2 3] or (vector 1 2 3)

hash: {:a 1, :b 2} or (hash-map :a 1 :b 2)

set: #{1 2 3} or (hash-set 1 2 3)

Clojure Seq

ASeq LazySeq

Seqable null Iterable Array CharSequence Map

Seq Interface

(first coll)

(rest coll)

(cons item coll)

Seq Library

range

user=> (range 10) (0 1 2 3 4 5 6 7 8 9) user=> (range 1 10) (1 2 3 4 5 6 7 8 9) user=> (range 1 10 2) (1 3 5 7 9)

repeat

user=> (repeat 10) (10 10 10 10 10 10 10 10 10 10 ...) user=> (repeat 1 10) (10)

iterate

user=> (iterate inc 1) (1 2 3 4 5 6 7 8 9 10 ...)

take

user=> (take 1 (repeat 10)) (10)

map

user=> (map #(* % 2) (range 1 10)) (2 4 6 8 10 12 14 16 18)

reduce

user=> (reduce + (range 10)) 45

for

user=> (for x (range 1 10)) (2 4 6 8 10 12 14 16 18)

filter

user=> (filter even? (range 10)) (0 2 4 6 8)

remove

user=> (remove even? (range 10)) (1 3 5 7 9)

replace

user=> (replace [1 2 3 4 5] [4 3 2 1 0]) [5 4 3 2 1] user=> (replace ["a" ">" "b"] [2 1 0]) ["b" ">" "a"]

cycle

user=> (cycle [0 1 2]) (0 1 2 0 1 2 0 1 2 0 ...)

reverse

user=> (reverse (range 10)) (9 8 7 6 5 4 3 2 1 0)

shuffle

user=> (shuffle (range 10)) [1 4 8 0 6 3 9 2 5 7]

sort

user=> (sort (shuffle (range 10))) (0 1 2 3 4 5 6 7 8 9)

flatten

user=> (flatten '(1 2 3 7 8 [9])) (1 2 3 4 5 6 7 8 9)

distinct

user=> (distinct [1 2 3 1 2]) (1 2 3)

interleave

user=> (interleave [:a :b] [1 2]) (:a 1 :b 2) user=> (interleave :a :b :c) (:a 1 :b 2 :c 3)

interpose

(interpose "," [:a :b :c]) (:a "," :b "," :c) user=> (apply str (interpose ", " [:a :b :c])) ":a, :b, :c"

into

user=> (into (reverse (range 5)) (range 5 10)) (9 8 7 6 5 4 3 2 1 0)

split-at

user=> (split-at 5 (range 10)) [(0 1 2 3 4) (5 6 7 8 9)]

partition

user=> (partition 2 (range 10)) ((0 1) (2 3) (4 5) (6 7) (8 9)) user=> (partition 2 3 (range 10)) ((0 1) (3 4) (6 7)) user=> (partition 2 3 10) ((0 1) (3 4) (6 7) (9 10))