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

玩转KISSY框架

明河 Web前端工程师
难度中级
时长 5小时30分
学习人数
综合评分9.23
8人评价 查看评价
9.2 内容实用
9.0 简洁易懂
9.5 逻辑清晰
  • 包名不一定只能是物理目录名,也是可以配置路径的 只要配置 name:'bee-demo/1.0.0' ,配合包名忽略参数 ignorePackageNameInUri:true
    查看全部
    0 采集 收起 来源:包配置

    2017-08-29

  • debug 开启包调试,默认Kissy加载的是*-min.js文件(即压缩后的文件),debug设置为true,可以让Kissy加载*.js源码文件
    查看全部
    0 采集 收起 来源:包配置

    2017-08-29

  • ignorePackageNameInUri:true 可以在请求的模块路径中省去包名
    查看全部
    0 采集 收起 来源:包配置

    2017-08-29

  • Kissy入门教程:http://demo.kissyui.com/tutorial/
    查看全部
    0 采集 收起 来源:动手玩Kissy

    2017-05-26

  • jQuery与Kissy不是一个层面的JavaScript框架,jQuery更像工具集,包装了前端开发常用的DOM、Event、IO等,因为web应用交互逻辑复杂度急剧膨胀,使用jQuery需要写出成千上万行代码,维护工作量巨大,很有挑战性。Kissy包含完整的工作流和解决方案,使用Kissy,只需要专注于业务代码的编写即可。 Kissy非常适合于web页面开发,特别是电子商务网站,可以实现模块化,跨终端、简单易用,丰富UI等。
    查看全部
    0 采集 收起 来源:什么是KISSY

    2017-05-26

  • var data = IO.serialize('#form-id'); 序列化表单数据 等同于jQuery的$('#form-id').serialize()
    查看全部
    0 采集 收起 来源:post 表单

    2017-05-05

  • io的事件对所有io请求都有效,是全局性的事件
    查看全部
    0 采集 收起 来源:io的事件

    2017-04-28

  • modules别名配置,alias: 常用于公共模块管理,项目负责人可以统一制定所使用公共模块的版本,方便统一升级。 团队其他具体开发者可以不关心使用模块的版本信息。 e.g.,实际引用组件是:kg/offline/2.0.0/index 希望业务模块在引用该组件时,不带版本号,即欲require('kg/offline/index'), 则可如下配置别名: KISSY.config('modules', { 'kg/offline/index':{ alias:['kg/offline/2.0.0/index'] } });
    查看全部
    0 采集 收起 来源:别名机制

    2017-03-20

  • 性能优化的黄金法则:尽可能减少http请求。(CH1中性能优化法则之一提到:按需加载) combo- config中combine:true combo可以理解为合并静态资源文件的规则,e.g.,阿里的cdn使用??来合并多个静态资源。--多个静态资源请求需要,只发一次http请求,合并取得。 kissy所有模块都支持combo规则 kissy默认是不使用combo规则的
    查看全部
  • 前端构建- grunt ---> gulp: The streaming buid system. 基于文件流的构建系统 ---> gulp-kmc
    查看全部
    0 采集 收起 来源:包配置

    2018-03-22

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

    2017-03-20

  • Using a modular script loader (like RequireJS) will improve code speed and quality.
    查看全部
    0 采集 收起 来源:什么是KISSY

    2017-03-18

  • requireJS- A JavaScript file and module loader.
    查看全部
    0 采集 收起 来源:什么是KISSY

    2017-03-18

  • kissy的三个部分:seed、core、components。 seed是种子,核心是Loader(即模块加载器),所有的功能模块或Ui组件都是在seed上开花结果,早期的Loader遵循的事自创的KMD规范,现在遵循的事CMD规范,但在API上又有些差异。 core包含kissy的核心功能模块,比如非常常用的node(DOM操作),io(ajax请求)、event(事件操作)、base(基类)等,promise是promise规范的实现,异步编程优化的优秀工具,已经融入到io操作中 components坐拥非常丰富的组件
    查看全部
    0 采集 收起 来源:KISSY 整体架构

    2017-03-13

  • kissyde 的第一个核心思想:按需加载,也是前端性能优化的重要原则、 all方法可以获取指定选择器节点,可以理解为Jquery的$方法
    查看全部
    0 采集 收起 来源:动手玩Kissy

    2017-03-13

  • data
    查看全部
    0 采集 收起 来源:自定义属性

    2016-12-29

  • 2.11
    查看全部
  • bee-demo
    查看全部
  • mark
    查看全部
  • <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>什么是模块系统</title> <script src="//g.alicdn.com/kissy/k/1.4.7/seed-min.js" charset="utf-8"></script> </head> <body> <script> //定义一个模块 KISSY.add('demo-mod',function(S,require,exports,module){ var Node = require('node'); var $ = Node.all; exports.test = function () { $('body').html('CommonJs'); }; }); //使用模块 KISSY.use('demo-mod',function(S,demo){ demo.test(); }) </script> </body> </html>
    查看全部
  • 系列教程中出现 Kissy表示是框架名称,KISSY表示全局变量KISSY,kissy表示kissy的github仓库
    查看全部
    0 采集 收起 来源:什么是KISSY

    2016-08-16

  • $(div).before(div2)某个节点插入指定节点前面; $(div).insertbefore(div2)某个节点插入到指定的节点前面,链式操作的目标节点不同 $(div).after(div2)某个节点插入指定节点后面; $(div).insertafter(div2)某个节点插入到指定节点的后面,链式操作的目标节点不同
    查看全部
    0 采集 收起 来源:节点插入

    2016-07-27

  • $(div).prepend();添加到什么之前 $(div).appendTo();添加到什么之后
    查看全部
  • 使用 generator-bee 来生成项目工程 模块编码遵循 cdm 规范 开启 combo 合并请求 使用 gulp 与 gulp-kmc 来构建 kissy 工程 js 钩子使用 J_Xxx 形式 尽量使用 class 作为钩子名,而不是 id dom 操作使用 node 模块而不是 dom 模块 节点操作比较消耗性能,变量缓存获取的节点 获取子节点的使用使用 children() ,而不是 all() 不要使用太复杂的选择器 使用 data() 方法将数据关联到节点 给一批节点绑定事件时,思考是否可以使用事件代理 delegate 使用 io 模块,使用 promise 模块的 then() 、fail() 使用 xtemplate 预编译来优化模板性能 使用 promise 模块来优化异步编程 组件请继承于 base 模块 组件列表 会定期更新新组件,有空可以翻翻
    查看全部
首页上一页1234567下一页尾页

举报

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

微信扫码,参与3人拼团

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

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