《手机前端ui框架分享》由会员分享，可在线阅读，更多相关《手机前端ui框架分享（16页珍藏版）》请在金锄头文库上搜索。
1、手机前端UI框架,2015.12 陈峰,分享会,INDEX,一、框架的目标 二、代码规范 三、UI组件介绍,目录,一、框架的目标：,框架的目标： 一、规范样式，编写通用JS 首先通过定义样式规范达到快速开发的目的，然后使用JS封装成组件。 二、使用React组件化工具进行封装，方便复用 使用React组件化的工具进行封装，理想情况下，一行代码即可生成组件。 三、总结以往的项目经验 框架总结以往开发项目中的组件。第一期先实现13个规范模块。,二、代码规范,代码规范： 一、JS规范：https:/ 二、JS校验器：https:/ 三、css规范：http:/,三、UI组件介绍-html5导航条,h
2、tml5的手机的导航栏虽然在网络不够好的时候难以加载，但易于拓展并且全平台兼容的优点，仍然值得使用。我们团队制作一个样式demo供大家参考,三、UI组件介绍-基础样式,不同的游览器对于相同标签控件的样式是不一样的，css3提供了人工的去掉控件默认样式的代码，如-webkit-appearance:none，我们收集整理了一些基础公用样式，可以在页面加载时载入这些公用样式，方便的做出统一的UI组件。,三、UI组件介绍-字体图标,手机开发经常遇到的问题，小图标在手机上显示的比较模糊，由于字体图标是矢量图是由计算机指令生成的图片，清晰度要好过位图，所以更加的清晰，操作也很简单方便。,三、UI组件介绍
3、-布局,布局示例： 两列右侧自适应布局、两列左侧自适应布局、两列定宽布局、三列中间自适应布局、三列左侧自适应布局、右侧自适应布局,三、UI组件介绍-按钮,实现了按钮的样式示例，有不可用状态的样式、100%宽度的按钮、按钮组,三、UI组件介绍-表单,文本框、文本域、单选框（radiobox）、复选（checkbox）、密码框，金额框、搜索框样式示例。,三、UI组件介绍-Loading,loading动画样式示例,三、UI组件介绍-确认信息框,确认信息框样式示例,三、UI组件介绍-PopUp浮出层样式示例,PopUp浮出层样式示例,三、UI组件介绍-标签,标签示例,三、UI组件介绍-按钮,菜单列表（List）示例,三、UI组件介绍-按钮,登录框示例,
