TAT.Fujun 优化你的Grunt构建
In 未分类 on 2015年10月31日 by view: 1,158
2

在前端开发的今天,如果没用过Grunt或Gulp你还真就不好意思和人打招呼的(今天先说Grunt)。因为前端开发变得越来越复杂,前端工程化也越来越重要。当然,相信读者都能快速通过Grunt完成自己的前端工作流(workflow),下面是一个常见的Gruntfile.js, 它也的确能很好地工作。

TAT.Fujun react组件间通信
In 未分类 on 2015年07月30日 by view: 13,271
24

通信是发送者通过某种媒体以某种格式来传递信息到收信者以达致某个目的(摘至维基百科)。

前两天为了练习react,自己写了如下一个Demo,功能很简单,展示学生成绩列表,支持按性别和姓名筛选。效果如下:

demo1

从上面的效果图,我们也可以看到如下的组件树结构:

TAT.Fujun 快速搭建静态服务器的几种方法
In 未分类 on 2015年06月30日 by view: 4,975
11

作为一名前端开发人员,经常也是需要有一个静态服务器的。下面让我们来分分钟搭建自己的静态服务器吧

一:使用http-server

http-server基于Node,所以得先确保有Node环境。

TAT.Fujun 初识NodeJS服务端开发(Express+MySQL)
In 未分类 on 2015年03月09日 by view: 32,806
41

NodeJS对前端来说无疑具有里程碑意义,在其越来越流行的今天,掌握NodeJS已经不再是加分项,而是前端攻城师们必须要掌握的技能。本文将与同志们一起完成一个基于Express+MySQL的入门级服务端应用,即可以对数据库中的一张表进行简单的CRUD操作。但本人还是斗胆认为,通过这个应用,可以让没怎么接触后端开发的同志对使用Node进行后端开发有一个大致了解。

Express工程环境准备

1. 安装express,和express项目种子生成器(什么?你问第1步为什么不是安装NodeJS,我也只能呵呵..)

安装express

安装express

2. 创建工程。进入工程目录,运行命令

 

TAT.Fujun 在JS中实现DI和AOP
In 未分类 on 2014年12月21日 by view: 13,927
2

前些时候有使用过AngularJS一些时间,最大的感受就是Angular完全颠覆了我们开发Web应用的方式,自己被其许多耳目一新的设计思想所折服。

首先想说的就是依赖注入(DI),这也意味着,你在使用某一个模块时,不需要去手动require()一下,你需要的模块会自己注入到的函数所在的作用域中,如:

上面的代码中,直接使用了$http的post()方法。那么问题来了:为什么可以这样?我们知道JS函数在调用时,其形参如果没有赋值就会是undefined。能直接使用$http的post()方法,就说明$http是有对应的实参与之对应的。这是怎么发生的呢?下面,就让我们一起来揭开其中的秘密。

一: 如何在JS中实现DI

在这之前,我们先回顾一下toString方法。在JS中,除了null和undefined,其它所有的一切值都是有toString()方法的。函数也不例外,而且函数的toString()方法,是可以拿到函数定义的全部代码,甚至是注释。有了这一前提,我们可以实现一个获取函数形参的方法。