深入 ES6 面向对象

通常我们需要在代码中表述一个想法或概念——一部汽车引擎、一个电脑文件、一个路由器甚至一个温度计的度数。使用代码直接描述这些概念通常分为两部分:「表示状态的数据」与「表示行为的函数」。「类」给我们一个捷径来表述我们想表示的对象的状态和行为。同时,还通过初始化函数确定执行、更方便的定义约定的操作数据与维护状态的函数等机制,使得我们的代码更可控。如果你觉得某些「事物」是一个独立的实体,那么是时候单独为这个「事物」定义一个「类」了

看一段没有类的代码,有多少错误能肉眼判断出来?又如何修复这些错误?

more...

解决 Gitlab 中 the project is still being deleted 错误

团队使用 gitlab 8.16.6,部署在一个基于 Rancher 的 Docker 集群中。

最近发生了灵异事件:删除某个项目 Repo 之后,重建一个同名项目,系统会不让你建。无论是新建空项目还是 fork 项目。提示信息如下:

xxx Error

You tried to xxx {namespace} / {repo} but it failed for the following reason:

– The project is still being deleted. Please try again later.

more...

最简洁的 Alamofire、 SwiftyJSON 和 Haneke 示例

import Alamofire import SwiftyJSON import Haneke @IBOutlet weak var imageView: UIImageView! Alamofire.request(.GET, "http://jsonplaceholder.typicode.com/photos").responseJSON { (request, response, json, error) in // println(json) if (json != nil){ var photo = JSON(json!) // println(photo[0]["url"]) if let urlString = photo[0]["url"].string { self.urlString = urlString let url = NSURL(string: urlString) self.imageView.hnk_setImageFromURL(url!) } } }

你所不知道的 console 对象的五个函数

文档信息

原文https://shellycloud.com/blog/2014/11/five-functions-of-the-console-object-you-didnt-know?utm_source=himysql&utm_medium=link&utm_campaign=five-functions-of-the-console-object-you-didnt-know

作者@_bkzl

日期:2014年11月

翻译信息

译者@leopku

链接http://www.himysql.com/post/five-functions-of-the-console-object-you-didnt-know/

翻译版本:1

翻译日期:2014年11月10

console.log 常被用来作为日志之用,但是 Console 对象还有一堆类似有用函数鲜为人知。本文中我将选择五个很有意义、在每天的工作中都能实用,却不是很流行的函数。

所有的功能均在 Google Chrome 38 版本中测试有效

more...

前端开发之 API 跨域请求代理插件 grunt-connect-proxy 配置 (基于0.1.10版)

Grunt-connect-proxy

最近的前端项目均基于 yoeman 搭建。yeoman 基于 grunt ,默认启动 9000 端口的 WEB 服务,开发起来非常方便。

不过,我们的后端项目监听在 3000 端口。在向后端请求时,出报跨域的错误。

幸好,找到了 grunt-connect-proxy 用于代理 API 跨域请求。

不过,网上好多资料看上去都是基于旧版本的。本文写作时 grunt-connect-proxy 最新版为 0.1.10,网上的配置要么太复杂要么不能正常工作。

more...