基于gulp和webpack的前端工程化

我的GitHub: https://github.com/demohi 微博:@mdemo 本文样例代码 :https://github.com/demohi/learning-gulp 本文主要简单介绍一下基于gulp和webpack的前端工程化。 技术栈 React.js reFlux Node.js 我们的需求 基于CommonJS模块化开发 基于React.js的组件化开发(JSX) 为保证组件的复用, »

搞定JavaScript内存泄漏

先了解一下背景 本小节主要简述内存泄漏的背景,以及 Chrome 的Heap Profiler所用到的一些术语 众所周知JavaScript具有自动垃圾收集机制,不过随着前端页面越来越复杂,内存泄露问题还是时有发生。 JavaScript变量的内存占用 5种基本类型 数字(Numbers) (如 3.14159..) 布尔值(Booleans) (true或false) 字符型(Strings) (如 'Werner Heisenberg') Null Undefined »

JavaScript常见的内存泄漏原因

JavaScript 的垃圾收集机制 javascript具有自动垃圾收集机制,也就是说,执行环境会负责管理代码执行过程中的使用的内存。而在C和C++之类的语言中,开发人员的一项基本任务就是手动跟踪内存的使用情况,这是造成许多问题的一个根源。在编写javascript程序时候,开发人员不用再关心内存使用的问题,所需内存的分配 以及无用的回收完全实现了自动管理。 JavaScript中最常用的垃圾收集方式是标记清除(mark-and-sweep)。当变量进入环境(例如,在函数中声明一个变量)时,就将这个变量标记为“进入环境”。从逻辑上讲,永远不能释放进入环境的变量所占的内存,因为只要执行流进入相应的环境,就可能用到它们。而当变量离开环境时, »

搞定 koa 之 co源码解析

书接上文,这次我们来详细看看 co 的源码,这是了解 koa 的必要步骤。 系列目录 搞定 koa 之generator 与 co 搞定 koa 之 co源码解析 在看源码前,我们再看段 generator 的代码 function* Gen(a){ var b »

NodeJs应用程序架构

第一次写技术类的文章,水平不高,才能有限,还希望大家多多指教。o(∩_∩)o 网上关于NodeJs的文章很多,不乏有很多的经典文章,但是据我个人观察,如何利用NodeJs本身特性来架构 一个高可维护性和可扩展性的应用程序的文章几乎没有。所以在这里我将分享一下我的小小经验。 一个糟糕的架构 下面的代码是一个关于登陆的实现(伪代码)。 //当用户进行登陆时被调用 function login (userName, pwd) { getUserData() //从数据中获取用户数据 identifyAuth() //进行用户的认证 getOtherData() //如果认证通过了, »

搞定 koa 之generator 与 co

koa 是由 tj大神利用 generator 开发的 web 框架。要理解 koa,首先要先了解 generator 与 co。作为搞定 koa 的第一篇,我们便谈谈这个。文章首发在boke.io 系列目录 搞定 koa 之generator 与 co 搞定 »

优化你的css

优化你的css,是优化你的xxx系列的第一篇,后续会推出多篇,欢迎大家来关注移动云前端小组获取最新文章。 系列概述 在移动web兴起的年代,速度优化重新被大家重视起来,因为手机的网络环境和性能比PC端差了很多,估计大家也能感觉到用手机打开网页的时候,能明显感觉到页面蜗牛般的速度。 这个系列的优化会以移动环境为基础,当然绝大多数规则也同样适合PC端。 优化的基本原则 速度优化有一些基本思路,提前总结一下 按需加载(只加载你需要的) 并行(让串行的事情并行起来) 压缩(通过压缩减少体积) 缓存(利用缓存,减少请求等待) 预测(预测用户行为, »