基于React + webpack的组件化编程和自动化构建实践

作为React入门级的新手,在开始接触React的时候,其实并没觉得React具有多大的优势,理论在实践面前是脆弱的,只有真正应用到工程中,才能知道技术框架有几斤几两重。当真正将工程完全使用React的思想来开发时,才慢慢理解它的原理和优势。而webpack是目前相对于其他构建工具来说与react结合比较完美的工具,经过一段时间在项目中使用react+webpack的经验,这里想分享一下使用这套方案的具体细节,同时也想听听大家的建议,看看这套实践有什么地方需要改善。

more >>

CSS Flex布局

弹性布局(flex )可以让子元素自适应填充父元素的显示区域,防止在不同设备和屏幕下内容溢出或布局异常。
弹性布局改进了CSS的块模型,方便我们实现一些特殊的布局。

more >>

JS Promise规范

在前端开发过程中,我们经常会遇到一些耗时较长的操作,例如异步请求、IO等等,处理这种行为我们通常采用异步回调的方式,为它们指定一个回调函数,当操作完成后自动回调这些函数执行一些行为。

这些耗时较长的操作就是所谓的deferred操作。

more >>

异步请求代理ajaxProxy

当前web系统的业务逻辑越来越多地向前端倾斜,前端负责的异步请求也越来越多,在日常业务需求开发中,执行异步请求时遇到的问题不少。有两个问题是我经常会遇到的。第一,前端并发触发异步请求,导致请求之间相互影响。第二,异步请求都是通过回调来完成,这必定会导致回调的多层嵌套,形成所谓的回调函数金字塔,这样的代码很丑陋也十分难以维护。ajaxProxy是一个异步请求的代码发送器,提供一种可读性更好的接口来实现异步请求的流程控制,并且提供了阻塞式请求,在执行这类请求前会将页面上其他并发请求中止掉。

more >>

AngularJS基础概念与核心原理

AngularJS是这两三年兴起的一款优秀的前端框架,最令我惊讶的是它实现了一些后台框架的思想,如MVC, 双向数据绑定,依赖注入等等,并且支持自定义语义化标签,方便封装一些前端组件。最新项目中用到这个框架,所以开始在看,稍微整理一下Angular的一些基础概念与原理性的东西分享一下。

more >>

使用nodeJs搭建一个简单的HTTP Server

NodeJs是一个基于Chrome内核的Javascript执行引擎,它的出现使得javascript可以掉渣天地运行在服务器端,这样一来很多业务逻辑不太复杂的网站完全可以用javascript一站式搭建起来。

NodeJs不仅可以用来编写服务器程序,还可以搭建Http Server,也就是说我们完全可以使用几句简单的js代码搭建起一个非阻塞的http服务器。

more >>

jQuery图片延迟加载插件

jquery.lazyload是一个实现图片延迟加载的jQuery 插件,它可以延迟加载长页面中的图片。在浏览器可视区域外的图片在初始状态下不会被载入,直到用户将页面滚动到它们所在的位置。这与图片预加载的处理方式正好是相反的。

在包含很多大图片长页面中延迟加载图片可以加快页面加载速度。浏览器将会在加载可见图片之后即进入就绪状态。在某些情况下还可以帮助降低服务器负担。

more >>