为了账号安全,请及时绑定邮箱和手机立即绑定

玩转KISSY框架

明河 Web前端工程师
难度中级
时长 5小时30分
学习人数
综合评分9.23
8人评价 查看评价
9.2 内容实用
9.0 简洁易懂
9.5 逻辑清晰
  • Kissy : Seed , Core , Components Seed 的核心是 Loader
    查看全部
    0 采集 收起 来源:KISSY 整体架构

    2015-10-26

  • Kissy模块规范: KISSY.add( '模块名/路径', ['依赖的模块'], function(S,require, exports, module){ //模块回调函数(在依赖模块加载完成后执行) })
    查看全部
    0 采集 收起 来源: Kissy模块规范

    2015-10-08

  • io 有个非常实用的 context 配置,用途是配置io回调中的上下文指向-----------老师,这句没懂呢,能再解释下么
    查看全部
    0 采集 收起 来源: io 技巧

    2015-08-21

  • base内置了插件机制, var TipRemove = Base.extend({pluginInitializer: function(tip){}},{ATTRS:{pluginId:{value:'tip-remove'}}}); 插件的使用: var tip = new Tip(); tip.plug(new TipRemove()); 可以使用 getPlugin('tip-remove') 来获取插件.
    查看全部
    0 采集 收起 来源:插件机制

    2015-07-17

  • Base拥有Event.Target的所有特性,可以很方便地向外广播事件: show:function(msg){ var self = this; self.fire('show',{msg: msg}); }
    查看全部
  • 希望 this.get("$target") 获取一个NodeList的对象: var Tip = Base.extend(initializer: function(){},{ATTRS:{$target:{value:'body',getter:function(v){return $(v);}}}}); 外部传参会覆盖类的属性默认值:new Tip({$target:"header"}); 设置属性tip.set('visible',true);利用setter,可以很方便的将样式的改变跟属性的改变联系起来.
    查看全部
    0 采集 收起 来源:给类注入属性

    2018-03-22

  • 通过继承Base可以拥有一种统一的方式创建属性与事件的能力。 var Tip = Base.extend({initializer:function(){var self = this;}});
    查看全部
    0 采集 收起 来源:base模块介绍

    2015-07-17

  • 社区组件slide的使用 var Slide = require('kg/slide/2.0.2/index'); var slide = new Slide('slides',{}); $('#J_next').on('click',function(e){ e.halt(); slide.next(); if(slide.autoSlide && slide.stoped === false){ slide.stop().play(); } });
    查看全部
  • 内置组件overlay的使用。 var Overlay = require('overlay'); var overlay = new Overlay({}); overlay.show();
    查看全部
  • datalazyload 懒加载组件http://kissygalleryteam.github.io/datalazyload/doc/guide/index.html offline 离线存储组件http://kissygalleryteam.github.io/offline/doc/guide/index.html slide 常用的幻灯片组件http://kissygalleryteam.github.io/slide/doc/guide/index.html countdown 倒计时组件http://kissygalleryteam.github.io/countdown/doc/guide/index.html#api- auth 表单校验组件http://kissygalleryteam.github.io/auth/doc/guide/index.html Overlay悬浮的对话框http://docs.kissyui.com/1.4/docs/html/api/overlay/overlay.html SpikeTimeline 时间轴与活动展现管理组件http://kissygalleryteam.github.io/spike-Timeline/doc/guide/index.html Agiledialog灵活可爱的弹出层插件http://kissygalleryteam.github.io/agiledialog/doc/guide/index.html Trees - 树形数据管理与展现http://kissygalleryteam.github.io/trees/doc/guide/index.html Xtab基于XScroll的移动端菜单导航http://kissygalleryteam.github.io/xtab/doc/guide/index.html AttrAnim做scrollLeft/scrollTop属性滚动http://kissygalleryteam.github.io/attr-anim/doc/guide/index.html
    查看全部
  • SnakeSlider可定制复杂动画的轮播组件http://kissygalleryteam.github.io/snake-slider/doc/guide/index.html departurelayer浏览器升级http://kissygalleryteam.github.io/DepartureLayer/doc/guide/index.html Pagination分页组件http://kissygalleryteam.github.io/pagination/doc/guide/index.html form-storage表单存储http://kissygalleryteam.github.io/form-storage/doc/guide/index.html verify垂直表单验证http://kissygalleryteam.github.io/verify/doc/guide/index.html spinbox数字增减器组件http://kissygalleryteam.github.io/spinbox/doc/guide/index.html QRCode 二维码生成http://kissygalleryteam.github.io/qrcode/doc/guide/index.html Xplayer音乐播放器http://kissygalleryteam.github.io/xplayer/doc/guide/index.html Tip控件http://kissygalleryteam.github.io/tip/doc/guide/index.html RSA 算法加密库http://kissygalleryteam.github.io/rsa/doc/guide/index.html stepcontrol控制步骤组件http://kissygalleryteam.github.io/stepcontrol/doc/guide/index.html
    查看全部
  • 开启 combo 合并请求 尽量使用 class 作为钩子名,而不是 id dom 操作使用 node 模块而不是 dom 模块 节点操作比较消耗性能,变量缓存获取的节点 获取子节点的使用使用 children() ,而不是 all() 使用 data() 方法将数据关联到节点 给一批节点绑定事件时,思考是否可以使用事件代理 delegate 使用 io 模块,使用 promise 模块的 then() 、fail()
    查看全部
  • useTransition: true即可开启css3 的transition动画:$('.J_AnimDiv').animate({transform: 'rotate(250deg)'},2,'bounceOut');
    查看全部
    0 采集 收起 来源:css3 动画支持

    2015-07-16

  • animate方法可以链式调用,形成一个动画队列,只有上一个动画结束后才执行下一个动画。 终结当前动画,停止队列动画$div.stop(1, 1);
    查看全部
    0 采集 收起 来源:动画队列

    2015-07-16

  • 暂停动画:$div.pause() 继续动画:$div.resume() 完全停止动画:$div.stop() 判断动画是否暂停 :$div.isPaused() 判断动画是否进行中 : $div.isRunning() 多次动画的处理:$div.stop().animate()
    查看全部

举报

0/150
提交
取消
课程须知
基本的html知识以及基础的js技能。
老师告诉你能学到什么?
通过本系列教程的学习,掌握如何在前端项目中使用KISSY。

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!