最近Redux+React似乎在前端圈子里越来越火了,然而即使是官方的文档也只给出了一个TodoMVC的范例,里面上百行的代码以及过多的新概念,对于很多初学者(包括我)来说依然很复杂。

google百度搜了搜,也一直没有找到简单傻瓜如同Hello World的快速入门,所以今天花了一点时间写了个最最简单的DEMO(真的是最最简单了/w\):

点这里看DEMO

Github:https://github.com/starkwang/react-redux-es6-quickstart

阅读全文 »

最近写复旦二手平台的时候开始尝试用一直推崇了很久的组件化。经过一番抉择之后选择了 webpack + angular 的组合。所以在这里分享一下具体的实践流程。

阅读全文 »

啊真的好久好久没有写过东西了,今天发现上一篇文章还是在暑假实习的时候写的。

这段时间(8月底到现在10月中旬)做的事情还蛮多。

先弄了个写着玩的基于canvas的图像处理的库Simage

还有个在console或者terminal里用来输出字符图画的小玩具alphabetJS

给学生网内部培训写了个基于websocket的小黑板Blackboard(然而拖延症晚期一直没有补上readme),不过如果连接复旦内网的话,访问http://stu.fudan.edu.cn/blackboard 就可以看到啦。你输入任何字符,所有打开这个网页的浏览器都可以看到(当然包括其他人的设备)。

当然最重要的还是新版复旦选课助手,网址是http://stu.fudan.edu.cn/xk ,源码在github.com/starkwang/XKHelper

现在还只是测试版本,课程的数据只导入了部分并且是这个学期的,不过功能都已经实现了,将来会考虑接入UIS认证以及搭一个可以评价课程的课程论坛,这样就可以抛弃老旧的GPA TOOLS啦。

阅读全文 »

这两周的实习除了老东西一些迁移到angular的项目以外(话说我已经写了4000+行angular了现在闭上眼睛都是满天$scope),还在做一个很有意思的东西:一个给运营人员用的可视化编辑器。据堆糖内部从阿里某宝跑出来的架构师说这东西他们之前就有一个?

阅读全文 »

iconfont可以说是前端神器之一,超小的体积,矢量图的效果,还可以随意更改颜色、大小、粗细,更可怕的是竟然还兼容IE6。真是旅行居家馈赠亲友殴打产品经理(误)的利器啊!

这几天一直在做一个很繁琐的任务,要把堆糖主站www.duitang.com及其子页面所有图片icon迁移成iconfont,所以这里涉及到了一个问题:

怎样才能优雅地使用iconfont?

阅读全文 »

自从用了hexo做静态博客之后,就一直想要自己写一个类似hexo的静态博客生成系统

本来一开始想取名叫Jarivs,然而npm上jarvis这个名字已经被占用了,后来想出了madara这个名字/w\,没错,就是宇智波斑的名字(逃

今天花了大半天算是把基础的结构搭好了,有两个部分,madara和madara-cli,分别是核心业务和命令行程序,两个包都上传了npm,直接npm install madara-cli就可以了,虽然是个什么功能都没有的0.0.0版本。

https://github.com/starkwang/Madara
https://github.com/starkwang/Madara-cli

阅读全文 »