Carp

Infomation

Carp:锦鲤如果你认为是鲤鱼的意思当然也可以,灵感来自于佩合,我们的目标是希望提供一套较公用较基础的代码库,用来节省我们的开发成本,减少重复劳动及测试过程。如同鲤鱼一般没有苛刻的环境要求,能快速的切入项目发挥作用。并在代码的提供中坚持3个基本的原则:兼容性(浏览器兼容说明)可扩展性多态性

提交组件需引用reset.css 也可引用jQuery

<script src="../js/jquery.js" ></script>
<link rel="stylesheet" href="../css/reset.css" >

代码提交:
保证代码兼容性,普通组件需保证组件兼容低级浏览器
组件尽量贴近项目
以自己名称新建目录提交在组件目录内

代码提交SVN地址

https://svn.intra.sina.com.cn/cdc/html/carp

基础

这里会是一些基础的与浏览器或组建相关样式设置,如resetfont-familyclearfix和浏览器原生组建相关

按钮

常用按钮:基本类型与高级类型。包含hover、active等状态

翻页

包含基本与特殊类型

表单

包含多种呈现样式 如:左右类型、上下类型,同时有报错与提示状态

弹层

项目中基本的弹层框架类型

Font-face

考虑与UI配合制作具有通用性的fontface在移动项目或可支持的项目中使用

代码片段

在平时开发中所收集到的代码片段,如:文本折行、border多用途、多种垂直居中、@media 等并提供较详细说明

Tools

开发中所用到基本的开发工具如:PageBuild、PageView

如何添加组件到样式库?

库样式文件carp.css

请保证与当前代码风格统一、一致;保证组件的兼容与扩展性

组件以m_开头表示。如按钮组件.m_btn.m_form

每个提交的组件要在对应的展示页面添加 “.example” 展示模块,包含对应的HTML和Css代码
<pre class="code code_scroll code_fold"><code>代码过多时.code_scroll限制最大高度.code_fold折叠代码