AppCan学习笔记(1)

来源:互联网 发布:webpack php loader 编辑:程序博客网 时间:2024/05/16 06:38

项目组最近转手机开发,研究方案ing

<meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">

target-densitydpi:当前使用设备的DPI属性
width 宽度
initial-scale 初始缩放比例
user-scalable 是否允许用户缩放
minimum-scale 最小缩放
maximum-scale 最大缩放

UI2.0 css

ui-base.css对页面中元素的大小位置形状控制 基于jQuery Mobile改写
ui-box.css控制页面布局
ui-btn.css定义按钮的样式
ui-color.css对页面中元素的色彩进行控制
ui-fold.css控制页面中折叠控件的样式
ui-input.css控制页面中表单元素的样式(输入框,文本区域,下拉列表,单选按钮,复选框)
ui-list.css控制页面中列表的样式
ui-anim.css控制页面中的动画效果
ui-img.css定义了一些作为范例的一些图片,用户可以动态修改为自己需要的
ui-on.css控制页面中开关按钮的样式
ui-res.css定义了一些框架中一些控件使用的资源图标
ui-tab.css控制页面中tab栏的样式

JS扩展

zy_anim.js 单个网页中div切换效果
zy_click.js
zy_control.js 控件操作,如select控件选择效果
zy_event.js
zy_icache.js
zy_json.js 
zy_slide.js
zy_tmpl.js 服务器中的json数据,完成显示页面