TAT.Fujun 优化你的 Grunt 构建
In Web开发 on 2015年10月31日 by view: 1,185
2

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

TAT.Fujun react 组件间通信
In Web开发 on 2015年07月30日 by view: 13,412
24

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

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

demo1

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

TAT.Fujun 快速搭建静态服务器的几种方法
In Web开发 on 2015年06月30日 by view: 5,154
11

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

一:使用 http-server

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

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

Express 工程环境准备

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

安装 express

安装 express

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

 

TAT.Fujun 在 JS 中实现 DI 和 AOP
In Web开发 on 2014年12月21日 by view: 14,007
2

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

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

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

一: 如何在 JS 中实现 DI

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