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的变化
12步创建高性能Web APP
现在,Web App 日益重视用户的交互体验,了解性能优化的方式则可以有效提高用户体验。阅读和实践下面的性能优化技巧,可以帮你改善应用的流畅度、渲染时间和其他方面的性能表现。 继续阅读12步创建高性能Web APP
Web App页面性能优化
对于访问量大的网站来说,前端的优化是必须的,即使是优化1KB的大小对其影响也很大,下面我们就带大家来看看移动手机平台的HTML5前端优化,或许对你有帮助和启发。如何优化HTML5在移动设置上的性能表现,首先我们需要明确以下几个原则: 继续阅读Web App页面性能优化
AngularJS监听计数
大家都知道,AngularJS双向数据绑定很Cool。简单地说,Angular在scope模型上设置了一个监听队列,用来监听数据变化并更新view 。每次绑定一个东西到View上时AngularJS就会往$watch队列里插入一条$watch,用来检测它监听的model里是否有变化的东西。当浏览器接收到可以被Angular执行环境处理的事件时,就会触发$digest循环,遍历所有的$watch,model稳定后结束循环。大多数时候,浏览器速度很快这个过程不长,这不是一个大问题。但如果在很复杂的应用下使用不当会造成性能问题,比如说表格树组件中滥用双向数据绑定很容易造成界面很卡。 继续阅读AngularJS监听计数