28
2016
03

什么是同构JavaScript 应用?

什么是同构? 

“Write once, run everywhere”这是一句形容Java的语句。现在Nodejs出来后Javascript也可以用这句话来描述了。这就引出了同构JavaScript应用的概念:一份代码同时在客户端和服务端渲染的JavaScript应用。

单页应用的问题

23
2016
03

Nodejs高性能服务架构:cluster模式+Nginx多进程模式

Nodejs和Nginx都是轻量级,高性能服务器的代表,而Nodejs站点的标准配置就是在Nodejs服务器上架一层Nginx反向代理,两种轻量级高性能的服务器组合在一起产生什么样的火花呢?往下看。

为什么要在Nodejs上加Nginx反向代理,原因归纳如下:

  1. 用Nginx来做静态资源的反向代理,减少Nodejs的压力;

21
2016
03

nodejs插件PM2,我已经找到草原

昨天写的一篇关于PM2的博文:nodejs插件PM2,还只是一匹野马![Eliminate]。对于这个碰了一脸灰的插件,重新研究一下,得出了一些新的结论。完全推翻上篇的论点image

18
2016
03

nodejs插件PM2,还只是一匹野马![Eliminate]

上线Nodejs的产品,无论自己写Linux脚本还是用node的插件,都有必要把服务护航起来。起初我们一直用的是forever,除了监控文件更新的忽略文件夹功能稍微让人抓狂外,用来护航和环境切换确实不错。


但当你遇到PM2的时候,你会很快忘记forever,而爱上这个超级监控的开源插件,据说是继承了forever的优点,补充了forever的不足。我们就来看看PM2有多么的吸引人。


介绍

12
2014
06

JavaScript代码重构系列-重新组织你的函数

JavaScript代码重构系列中,最重要的要算這節了: 重新组织你的函数

  1. 提炼函数

  2. 将函数内联化

  3. 用查询取代临时变量

  4. 以临时变量取代高消耗的查询

  5. 将临时变量内联化

  6. 引入解释性变量

11
2014
06

JavaScript代码重构系列-重构基础知识

说到重构,我们先来明白下面几个问题。

什么是重构? 

在不改变现有程序功能的情况下,对代码结构及写法进行调整。


重构目的是什么? 

11
2014
06

JavaScript代码重构系列-开篇

JavaScript是一门弱式语言,同时也是一门非常强大而有趣的语言。而随前端开发工种的不断发展,对前端同学些JavaScript代码的要求也在不断升高。很多在后端语言的手段也在不断向前端衍生,JavaScript重构也在不断深入前端同学的日常编码中。

这两年阅读了这些书籍《重构-改善既有代码的设计》,《代码整洁之道》,《编写高质量的JavaScript》,《JavaScript语言精粹》,《JavaScript模式》,子曰:学而不思则罔,看了这些书,总得有些心得。同时也写了这么多年JavaScript代码,也需要做些总结。希望自己能坚持写下该系列,为初学的同学带来些帮助。

17
2013
09

用Javascript来处理CSS未加载或加载出错

CSS作为一个网页的灵魂,如果CSS加载出错我们可能看到的是一个面目全非的网页,没有样式,一切HTML标签都露除了原来的面目。什么情况下样式会失效呢?

  1. CSS文件加载失败(可能因为网络阻塞,或其他原因)

  2. CSS文件不存在

  3. CSS文件加载成功,而因为某种阻塞的原因而没有渲染(某种情况下JavaScript阻塞,这就是为什么我们要把CSS加载放head,而推从把JavaScript放最后加载的原因之一),或则加载的CSS是缓存中的文件也就是状态码304,也就是加载的不是最新的文件。

26
2013
07

如何实现网页图片资源加载进度条【类似Gmail进度条】

做前端的都知道网页资源文件的预加载,懒加载都能提高我们额网页加载速度,或则说可以让用户感觉有所提升。特别是在网页资源比较多的情况下预加载,懒加载尤其能为我们提高用户体验加分。本文就来对图片预加载这部分来做实例,例子跟Gmail加载的形式一样,在资源加载完成前显示资源加载进度条,所有图片资源加载完后再展示页面。

美女

16
2013
07

【分享】几张非常有意义的JavaScript基础学习思维图

分享几张对于学习JavaScript基础知识非常有意义的图,无论你的JavaScript级别如何,“温故而知新”完全可以从这些图中得到。

推荐理由:归类非常好,非常全面


JavaScript 数组

JavaScript-array.gif