kf-kissyform / butterfly Goto Github PK

典型使用场景：地区联动选择

• 完善文档
• 接口文档改用YUIdoc生成
• 使用grunt打包
• 修正bug
• 增加一个单图片上传主题
• 整理主图设置插件
• 优化图片上传主题
• 重构二手主题

月下独酌同学反馈：max设置为1的时候，firebug会报一个错，这是什么原因呢，我用这个来上传头像，希望一个一个上传，错误提示是 TypeError: i.parent("li") is null

larro同学反映：，是第max张图片上传出现那个js错误，max=1的话就一张也上传不了，max=3的话，前面两站没问题，后面第3张出现错误

data-valid为Butterfly的Auth的消息配置伪属性，统一使用。

less编译出问题了

无法将验证配置，配置在除了第一项的地方

flash传递中文时会出现乱码问题，使用S. fromUnicode方法对服务器端返回的中文进行处理，要求服务器端将中文Unicode化

只见于值得快速改变时候

增加延迟，在ajax上传下存在bug

type/flash模块引入二次，导致flash上传不可用

借鉴mvvm模式**，实现表单视图和表单数据的双向同步更新

cocoon的作用

可以借鉴的现有的库

• knockoutjs
• formStorage
• sisyphus

cocoon遇到的问题

• 如何处理表单中组的数据？
• 如何应对表单多样化的场景？
• 是否需要像mvvm库那样引入自定义标签？

新思路：文件是否相同，可以额外通过图片的大小等信息确认。

snapshot是表单书籍本地存储类，可以记忆用户在表单的输入，配合cocoon使用

对ie的支持好像不是很好~

• 查看了下源码，发现第65行的代码 ，发现这里木有creat的元素span没有闭合标签，chrome下是没事的，但是在ie下面就会报错了，这个元 素是无法create的
  

$containerEl = $(D.create('<span class="'+ getCls.container + '">'))

• 还有一处是内部的两个函数_eventOnValide和_eventOnValide都有用到字符串的trim方法，但是这个方法ie 浏览器好像也不原生支持的。
  

交互方面的

左右的增减按钮的样式最好能够随着交互的状态而变动（这个是我这边日常上的需求）显示出三种状态：normal,hover，disabled，见下图

数字增减器，好像仅仅是金额

源码中会有 toFixed(2)，每次竖直都有两位小数，这个组件不仅仅可以用于金额方面，比如说detail那边的购买宝贝个数，就是整数吖，所以，让用户自己去做主吧~

增加消息层容器可配置性

新文档的编写；

• 图标细节优化
• css文件改成用less

• 分组校验
• ajax异步校验
• 单独关闭某一表单的校验

增加一个map(fn)用于上传成功后过滤返回的data，将不合标准的数据转成符合解析标准的json数据

将上传方式改成iframe，360浏览器和搜狗浏览器，flash上传cookies会丢失

IE下为了保证体验一致，是使用flash上传，flash上传第三方开发者处理起来有增加了如下成本：需要有个crossdomain.xml，而现在又遇到国产浏览器在线上环境cookies丢失的问题，见于360和搜狗。第三方开发者成本很高。如果切成iframe，用户体验变差，同时有时会遇到跨域问题。

为了和html中的required属性保持统一