想要的,去争,喜欢的,去爱,有恐惧,但向往更大。

是的,我要成为你心目中自私骄傲放纵的我,因为,我就是我。

 

860_main_black_hole_census

Advertisements

Gatsby上手指南 – 让你的静态网站用react来高逼格的写

最近在学习react,分享下这篇介绍Gatsby这个基于react的静态网页生成库的文章~

前言

一直以来都是用之前比较流行的静态网站生成器Hexo加Markdown来更新自己的静态站博客。偶然的机会,遇到了又一静态网站生成神器Gatsby ,直接迷上了,根本停不下来,原来静态网站还可以用react来写,组件化的思想解放了我们对静态网站的想象空间,让我们更新网站的方式直接上了一个档次。

费话不多说,先上一张用Gatsby制作的静态网站的效果图,点我查看在线效果


关于Gatsby

Read More »

无意间在infoq上看到了别人翻译的文章增进编程技能的万全之计,认为作者写的很有启发,就转过来原文,分享一下:


Editor’s Note: I originally wrote this for Fuel Your Coding back in May of 2010. Unfortunately, that site is now defunct, so I’m republishing the article here for posterity’s sake1. I considered updating it for modern times, but I think it holds up well enough as is. The parts that don’t hold up are a bit laughable, but oh well. Enjoy!


The most obvious way to improve your coding is to write more code. Everybody knows that. However, another activity which I guarantee will improve your coding is the complete opposite of writing. I will state this as plainly as I possibly can:

If you want to dramatically increase your programming skills you need to be reading other people’s code.

Maybe you believe that, maybe you don’t. You should. And if you’re willing to give it a shot, I believe you will be rewarded greatly for your time.

In this article I will help you choose what to read and give you practical advice on how to go about reading it. If you’re already a code reader you may find a few ways to get more from your efforts. If you aren’t, you absolutely must read on.

What to Read

This is a big decision, and one that is difficult to advise on. I won’t simply point you toward code I think you should read, because it really comes down to what you’re in to. However, I will provide some guidelines which you can follow to help you choose what to read.

Read code that you rely on

Read More »

今日最佳:让所有人都创新,跟大炼钢有什么区别?

本文原载于知乎,受益匪浅,特来分享

更新

答主才疏学浅,涉世未深,无法给您支招(支招是要负责滴,我可是个有责任感的男人

答主有什么门路也不会告诉你,哪怕你付费,除非我的门路就是赚你的钱(笑


说白了,知乎好人多。

14年的知乎,有位大叔给大家打气,说年轻人怕什么,赶上好时代了,没脑子还可以努努力,轻松奔小康。你见谁反驳那位大叔了?

14年的知乎,绝大部分关于要不要转行入IT的问题的标准答案就是“种树论”,现在,哪个有头有脸的大V敢劝小白入IT坑?

14年的知乎,只要你有想法,不缺心眼儿,大家都支持你去找个程序员,现在呢?谁还敢轻易让别人去创业?创业街都黄了你跟我说风口,有意思?

当然,谁都尊重个人奋斗,但是能不能也考虑下历史的行程?四万亿早就花光了,明天就是18年了,雷曼兄弟申请破产都快10年了,李+诚都溜了,聪爸都乖了,富士康都去美国了,这个时候你鼓动我创业,是我蠢还是你坏?

Read More »

Javascript的this与函数调用方式之间的关系

JavaScript中,this是一个关键字,不是变量,也不是属性名称。Javascript的语法不允许给this赋值。

和变量不同的是,关键字this没有作用域的限制,嵌套的函数不会从调用它的函数中继承this.它只睡着函数调用的方式不同而改变。如果嵌套函数作为方法调用,其this的值指向调用它的对象。如果嵌套函数作为函数调用,其this值不是全局对象(非严格模式下)就是undefined(严格模式下)。很多人误以为调用嵌套函数this会指向调用外层函数的上下文。如果你像访问这个外部的this值,需要将this的值保存在一个变量里,这个变量和内部函数都同在一个作用域内。通常使用变量self或者that_self来保存this.

Read More »

深入理解JavaScript系列(25):设计模式之单例模式

介绍

从本章开始,我们会逐步介绍在JavaScript里使用的各种设计模式实现,在这里我不会过多地介绍模式本身的理论,而只会关注实现。OK,正式开始。

在传统开发工程师眼里,单例就是保证一个类只有一个实例,实现的方法一般是先判断实例存在与否,如果存在直接返回,如果不存在就创建了再返回,这就确保了一个类只有一个实例对象。在JavaScript里,单例作为一个命名空间提供者,从全局命名空间里提供一个唯一的访问点来访问该对象。

正文

在JavaScript里,实现单例的方式有很多种,其中最简单的一个方式是使用对象字面量的方法,其字面量里可以包含大量的属性和方法:

var mySingleton = {
    property1: "something",
    property2: "something else",
    method1: function () {
        console.log('hello world');
    }
};

Read More »

深入理解JavaScript系列(26):设计模式之构造函数模式

介绍

构造函数大家都很熟悉了,不过如果你是新手,还是有必要来了解一下什么叫构造函数的。构造函数用于创建特定类型的对象——不仅声明了使用的对象,构造函数还可以接受参数以便第一次创建对象的时候设置对象的成员值。你可以自定义自己的构造函数,然后在里面声明自定义类型对象的属性或方法。

基本用法

在JavaScript里,构造函数通常是认为用来实现实例的,JavaScript没有类的概念,但是有特殊的构造函数。通过new关键字来调用定义的否早函数,你可以告诉JavaScript你要创建一个新对象并且新对象的成员声明都是构造函数里定义的。在构造函数内部,this关键字引用的是新创建的对象。基本用法如下:

function Car(model, year, miles) {
    this.model = model;
    this.year = year;
    this.miles = miles;
    this.output= function () {
        return this.model + "走了" + this.miles + "公里";
    };
}

var tom= new Car("大叔", 2009, 20000);
var dudu= new Car("Dudu", 2010, 5000);

console.log(tom.output());
console.log(dudu.output());

上面的例子是个非常简单的构造函数模式,但是有点小问题。首先是使用继承很麻烦了,其次output()在每次创建对象的时候都重新定义了,最好的方法是让所有Car类型的实例都共享这个output()方法,这样如果有大批量的实例的话,就会节约很多内存。

Read More »