亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

玩轉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下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號

友情提示:

您好,此課程屬于遷移課程,您已購買該課程,無需重復購買,感謝您對慕課網的支持!