JavaScript函数式编程(二)

2016-08-09
阅读 6 分钟
6.7k
上一篇文章里我们提到了纯函数的概念,所谓的纯函数就是,对于相同的输入,永远会得到相同的输出,而且没有任何可观察的副作用,也不依赖外部环境的状态(我偷懒复制过来的)。

彻底解决Webpack打包慢的问题

2016-07-27
阅读 5 分钟
45.4k
这几天写腾讯实习生 Mini 项目的时候用上了 React 全家桶,当然同时引入了 Webpack 作为打包工具。但是开发过程中遇到一个很棘手的问题就是,React 加上 React-Router、superagent、eventproxy 这些第三方轮子一共有好几百个 module,Webpack 的打包速度极慢。这对于开发是非常不好的体验,同时效率也极低。

JavaScript函数式编程(一)

2016-07-22
阅读 4 分钟
8.3k
说到函数式编程,大家可能第一印象都是学院派的那些晦涩难懂的代码,充满了一大堆抽象的不知所云的符号,似乎只有大学里的计算机教授才会使用这些东西。在曾经的某个时代可能确实如此,但是近年来随着技术的发展,函数式编程已经在实际生产中发挥巨大的作用了,越来越多的语言开始加入闭包,匿名函数等非常典型的函数式...

使用 WebRTC 构建简单的前端视频通讯

2016-07-03
阅读 7 分钟
12.3k
在传统的 Web 应用中,浏览器与浏览器之间是无法直接相互通信的,必须借助服务器的帮助,但是随着 WebRTC 在各大浏览器中的普及,这一现状得到了改变。

一个浏览器和NodeJS通用的RPC框架

2016-05-11
阅读 5 分钟
13.7k
这几天写了个小型的RPC框架,最初只是想用 TCP-JSON 写个纯 NodeJS 平台的东西,后来无意中开了个脑洞,如果基于 Websocket 把浏览器当做 RPC Server ,那岂不是只要是能运行浏览器(或者nodejs)的设备,都可以作为分布式计算中的一个 Worker 了吗?

Javascript元编程(一)

2016-04-16
阅读 5 分钟
8.9k
这几天把一年多前买的《松本行弘的程序世界》重新看了看,很多当时不能理解的东西现在再去看真是茅塞顿开呀,看到元编程那一段真是把我震撼到了,后来发现 Javascript 里其实也是有一些支持元编程的特性的,今天就用一个 DEMO 示范一下吧。

手写一个CommonJS打包工具(一)

2016-04-10
阅读 5 分钟
2.7k
CommonJS 是一个流行的前端模块化规范,也是目前 NodeJS 以及其模块托管仓库 npm 使用的规范,但目前暂无浏览器支持 CommonJS 。要想让浏览器用上这些模块,必须转换格式。

一些小技巧让JS代码更优雅

2016-04-05
阅读 3 分钟
4.5k
今天翻了翻一年多前写的代码,感觉当年年轻的自己写下的代码真是图样啊(然而现在也没好到哪里去 /w\)。近期看了好多函数式编程以及设计模式的书和文章,于是想分享一些让JS代码更优雅的小技巧。

用NodeJS爬取知乎的关系链

2016-03-23
阅读 3 分钟
7.9k
一、介绍 NodeJS单线程、事件驱动的特性可以在单台机器上实现极大的吞吐量,非常适合写网络爬虫这种资源密集型的程序。 这段时间写了一个可以爬取知乎关系链的小爬虫,输入某个用户的用户主页URL,就可以爬取他的关系链:[链接] 二、爬虫的实现 数据请求方面使用了request这个模块,用express响应请求,前端构图使用了Ec...

用React+Redux+ES6写一个最傻瓜的Hello World

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

AlphabetJS --- 在console或者shell中打印字符图案的小工具

2015-11-03
阅读 1 分钟
5.1k
在一些nodejs程序,或者一些网站的console中,总是可以看到很炫的大型字符图案,比如知乎: 堆糖: 又或者是一些nodejs程序,这里不列举了。 AlphabetJS {代码...} 前段时间写完了一个用来专门输出这种图案的小工具: github·starkwang/AlphabetJS 现在支持所有英文大写字母、数字,并且有两种风格的字符:平面planar 或...

用100行代码画出DOM树状结构

2015-11-01
阅读 5 分钟
5.9k
用100行代码画出DOM树状结构 这两天写了这样一个小玩具,是一个可以把DOM的树状结构解析,并且画出来的东西,把HTML代码写到左边,右边就会自动生成啦。 点这里看DEMO 源码在github · starkwang/DOM-Drawer,使用webpack打了个包。绘图部分依赖了百度开源的 ECharts,核心功能的实现只有100行代码。 核心代码解读 核心代...

Webpack + Angular的组件化实践

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