2016年08月_robin_xiong

原创 Ext JS MVC Architecture

我们之前在之前的 Ext JS Architecture介绍的Ext JS 6的应用程序的结构，简单介绍了MVC, 和MVVM两种体系，这里包括Controller, Model, View, ViewModel, ViewController等相关的知识。因为Ext JS 6中，同样支持MVC结构，而在之前的文章中，并没有详细的讲到MVC，更多的是新特性MVVM结构，本指南将详细的讲解MVC,

2016-08-29 12:33:38 1496

Theming Ext JS(Classic Tookit)我们可以直接使用Ext JS中默认的themes，就可以创建非常专业的应用。但你可能希望提供符合自己设计风格或者企业设计的样式。原来我们装饰一个应用程序，其实就是在渲染组件的过程中，为组件中的HTML单独创建样式规则。这种方法会产生许多的问题。首先，你创建的样式要跨浏览器支持，其次，随着框架的成熟，底成组样的样式规则需要随着组件元素的结构

2016-08-25 17:45:58 1189

原创 Ext JS Architecture

为了更好的创建代码和组织代码结构，改进团队合作，以及减少代码量。在Ext JS 4引入了MVC模式，更进一步，在Ext JS 5引入了MVVM模式。MVC and MVVM模式首先我们学习一些基本概念Model: fields(字段)和数据的集合. 它被用于存放需要被显示的数据。同我们的组件或代码一起使用。可以参考 Ext JS Data PackageView: 它是与用户进行交互的视

2016-08-24 14:34:27 1712

原创 Ext JS 基本概念 - 事件与手势

Using EventsExt JS的组件和类在它们的lifecycle不同时期，触发很多的事件。Events允许你可以根据不同的事件，改变你的应用程序。它作为Ext JS的一个核心思想。What Are Events?事件是可以在任何感兴趣的时候触发，比如，当Ext.Component渲染到屏幕， Ext JS在渲染完组件后，会触发一个事件，我们可以通过创建时，指定的配置对事件进行监听Ext.cr

2016-08-22 12:47:27 3589

原创 Ext JS Data Package

Data package让我们可以在我们的代码或者application中加载和保存数据。最重要的一点是，data package可以让我们链接或者绑定数据到Ext JS组件。data apckage是由多个类组成，其中最重要的三个类为Ext.data.ModelStoreExt.data.proxy.Proxy 每个application差不多都会使用上面的三个类，它们受到很多卫星类(围

2016-08-19 17:57:54 2079

原创 Ext JS 6组件，容器，布局

组件Ext JS应用的UI是由一个或者多个widgets组称，我们称之为Components. 所有的组件都是Ext.Component的子类，允许组件自动管理生命周期，包括instantiation, rendering, sizing and positioning, 以及destruction. Ext JS提供了很多直接可以使用的组件，能过简单继承，可以创建自定义组件。The Com

2016-08-16 17:47:03 7985

翻译 Working with the DOM

Ext js 提供了一个简便的方法来处理DOM。我们可以创建节点，修改样式，添加事件监听器，和创建漂亮的动画。而且可以不用管各浏览器的兼容性。用来处理DOM节点的类为Ext.dom.Element类。这个类是包装了html原生节点，并且提供了许多的方法和实用工具来操作节点。直接操作DOM被认为是一个非常差的实践，在index文件中，不应该有任何DOM 标记，我们在这里的举的例子，只是为了说明DOM

2016-08-15 17:48:54 645

翻译 Ext js 6 - Class System

Class SystemOverview我们可以搭建测试代码, 不需要使用Sencha cmd<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <meta name="viewport" content="width=device-width, initial

2016-08-10 17:43:02 2498

翻译 Ext JS 6 下载与设置

Ext js 6 开发环境设置，以及通过Sencha Cmd创建的第一个extjs app的认识

2016-08-09 12:20:52 8262

翻译 react native 性能优化基础 - 官方文档

使用React Native的一个重要原因就是达到60FPS的刷新，这看起来跟本地APP是一样的。在可能的情况下，我们尽量完善ReactNative的性能，使你只关注APP的逻辑，而可以不用管性能的优化。但是有的地方，我们还没有关注到。同样，跟本地代码(Object c)一样，我们不能确定哪种方式是最好的，所以还需要你手动干预。

2016-08-01 17:09:11 12283 2

robin xiong的专栏