摘要：
1.querySelector 返回文档中匹配指定css选择器的一个元素. 注意：uerySelector() 方法仅仅返回匹配指定选择器的第一个元素 如果你需要返回所有的元素，请使用 querySelectorAll() 语法：document.querySelector(CSS selector 阅读全文
摘要：
创建对象的方法： 使用new 关键字创建对象。 使用Ext.create方法创建。 new Ext.Viewport({}) 修改为Ext.create('Ext.Viewport',{}) Ext.widget 或Ext.createWidget 创建对象 使用Ext.ns 或者Ext.names 阅读全文
摘要：
1.根类 Ext.form.Basic 提供了,表单组件,字段管理,数据验证,表单提交,数据加载的功能 2.表单的容器 Ext.form.Panel 容器自动关联 Ext.form.Basic 的实例对象更方便的进行字段的配置 重要属性 defaultType:"" 设置默认子项 的xtype 3. 阅读全文
摘要：
表格面板类Ext.grid.Panel 重要的配置参数 columns : Array 列模式(Ext.grid.column.Columnxtype: gridcolumn) 重要的配置参数 text : String 列的标题 默认是"" dataIndex : String 和Model的列一 阅读全文
摘要：
MVC的模式，模型（Models）和控制器（Controllers） Model模型 是字段和它们的数据的集合，例如User模型带有username和password字段，模型知道如何持久化自己的数据，并且可以和其他模型关联，模型跟ExtJS 3 中的Record类有点像（区别是，Record只是单 阅读全文
摘要：
Ext.data.proxy.Proxy 代理类的根类 客户端代理： 1.LocalStorageProxy：将数据存储在localStorage中，此种方式可以持久的将数据存储在客户端 要使用代理，我们首先要有一个数据模型类，我们定义一个简单的Person类： Ext.define('Person 阅读全文
摘要：
html5 头部结构 <!doctype html> <meta charset=“utf-8”/> <header></header> 页眉 主要用于页面的头部的信息介绍，也可用于板块头部 <hgroup></hgroup> 页面上的一个标题组合 一个标题和一个子标题，或者标语的组合 <nav>< 阅读全文
摘要：
flex 即为弹性布局。 任何一个容器都可以指定为flex布局。 行内元素可以使用flex布局 webkit内核的浏览器必须加上-webkit 前缀。 注意：元素设置flex布局以后,子元素得float ,clear 和 vertical-align 属性将失效。 基本概念： 采用flex布局的元素 阅读全文
摘要：
compass 是sass的一个工具库 compass在sass 的基础上封装了一系列有用的模块，用来补充和丰富sass的工能， 安装： compass是用 ruby语言开发的，所以安装它之前必须安装ruby。 命令： gem install compass 项目初始化： 要创建一个你的Compas 阅读全文
摘要：
1.webstorm 自动编译SASS 下载安装包 http://rubyinstaller.org/downloads/ 然后点击安装，路径为默认路径就行， 勾选以下两项 add Ruby executables to your PATH Associate .rb and rbw files w 阅读全文
摘要：
1.transform-style 属性指定嵌套原始是怎样在三维空间中呈现。 语法：transform-style: flat | preserve-3d flat 表示所有子元素在2D平面呈现。 preserve-3d 表示所在元素在3D空间中呈现。2.perspective 定义3D元素距视图的 阅读全文
摘要：
1.transition 语法：transition: property duration timing-function delay; transition-property 设置过渡效果的css 属性名称 语法： transition-property: none | all | propert 阅读全文
摘要：
1.box-shadow 属性向框添加一个或者多个阴影。 语法： box-shadow: h-shadow v-shadow blur spread color inset h-shadow 必须，水平阴影的位置，允许负值。 v-shadow 必须，垂直阴影的位置，允许负值。 blur 可选 模糊距 阅读全文
摘要：
响应式设计是在不同设备下分辨率不同显示的样式就不同。 media 属性用于为不同的媒体类型规定不同的样式。根绝浏览器的宽度和高度重新渲染页面。 语法： @media mediatype and | not | only (media feature) {} 示例： <link rel="styles 阅读全文
摘要：
1.box-flex属性规定框的子元素是否可伸缩其尺寸。 父元素必须要声明display:box;子元素才可以用box-flex。 语法：box-flex:value; 示例： 结果： 图片 可以指定某个子元素的宽度，剩下的部分平分。 示例： 结果： 图片 2.box-orient 用来确定子元素的 阅读全文