Vue Vuex vue-route学习项目

Vue 2.0已经正式发布好长时间了。想找一个Vue.js Vuex vue-route的学习项目来练手。做个电商App吧,上gitHub搜索了一下搜到一大堆,不过基本上都不是使用单文件组件开发的,更不用说基于Vue.js全家桶了。本项目不一样的地方在于使用vue-cli + webpack template人开发模式,还要求Web和移动端一体化,也就是响应式Web,而且不能Mock数据,额外需要有一个提供restful web api的后端应用。哈哈,就是搞全栈呀。 继续阅读Vue Vuex vue-route学习项目

Angular的变化

AngularJS 4.x正式版本推出以后,AngularJS 1.x统称为沿用以前的称法,AngularJS 2.x及以上版本统称为Angular。AngularJS官网继续沿用以前的地址,Angular则使用了新地址:https://angular.io/。

AngularJS有哪些主要特性呢?MVC、双向数据绑定、指令。可能给我们最印象最深的是双向数据绑定,不过这也是它的诟病,脏值检测机制会导致性能调优困难。而且使用AngularJS还要消化一大堆概念:Module、Scope、Controller、Injector、Service、Factory、Provider、Filter,初学者没几个不吐槽的吧?好消息是,Angular对这些概念进行了简化,同时以Compoent为核心,和React、Vue.js一样,Compoent才是现代Web开发方向。相比AngularJS,Angular具体有哪些重要变化呢? 继续阅读Angular的变化

AngularJS监听计数

大家都知道,AngularJS双向数据绑定很Cool。简单地说,Angular在scope模型上设置了一个监听队列,用来监听数据变化并更新view 。每次绑定一个东西到View上时AngularJS就会往$watch队列里插入一条$watch,用来检测它监听的model里是否有变化的东西。当浏览器接收到可以被Angular执行环境处理的事件时,就会触发$digest循环,遍历所有的$watch,model稳定后结束循环。大多数时候,浏览器速度很快这个过程不长,这不是一个大问题。但如果在很复杂的应用下使用不当会造成性能问题,比如说表格树组件中滥用双向数据绑定很容易造成界面很卡。 继续阅读AngularJS监听计数

图解React组件生命周期

React版本更新得太快,向下兼容做得不太好,所以放慢了学习。直到最近面试才知道很多公司都开始尝试使用React了,尤其是使用React Native开发移动混合App。

不管是哪个版本的React,它的设计思想是没有变的,核心之一就是组件生命周期。React中状态发生转换时会触发不同的钩子函数,从而让开发者有机会做出响应。每个组件都会经历初始化、运行中和销毁三个阶段,每个阶段都有开发者可以自定义的函数,执行不同的行为。 继续阅读图解React组件生命周期

NodeJS 框架简介

随着Node.js逐渐普及,框架也开始着手加快工作流程。有许多框架允许你构建实时的端到端网络应用,而无需任何其他第三方Web服务器、应用服务器、工具和技术。Koa最灵活,让你做你想要的一切,最大限度的满足开发需求。但是,在最初你需要投入更多的努力,更加依靠开发者作出正确的决策。而另一方面,像Mean.io、Meteor有自己的标准结构和技术体系,灵活性较差,然而这些框架不会给开发者太多做错误决策的空间。让我们来看看目前常用的Node.js框架,并帮助你建立实时的、各种规模和复杂性的可扩展Web应用程序。 继续阅读NodeJS 框架简介