-
包名不一定只能是物理目录名,也是可以配置路径的 只要配置 name:'bee-demo/1.0.0' ,配合包名忽略参数 ignorePackageNameInUri:true查看全部
-
debug 开启包调试,默认Kissy加载的是*-min.js文件(即压缩后的文件),debug设置为true,可以让Kissy加载*.js源码文件查看全部
-
ignorePackageNameInUri:true 可以在请求的模块路径中省去包名查看全部
-
Kissy入门教程:http://demo.kissyui.com/tutorial/查看全部
-
jQuery与Kissy不是一个层面的JavaScript框架,jQuery更像工具集,包装了前端开发常用的DOM、Event、IO等,因为web应用交互逻辑复杂度急剧膨胀,使用jQuery需要写出成千上万行代码,维护工作量巨大,很有挑战性。Kissy包含完整的工作流和解决方案,使用Kissy,只需要专注于业务代码的编写即可。 Kissy非常适合于web页面开发,特别是电子商务网站,可以实现模块化,跨终端、简单易用,丰富UI等。查看全部
-
var data = IO.serialize('#form-id'); 序列化表单数据 等同于jQuery的$('#form-id').serialize()查看全部
-
io的事件对所有io请求都有效,是全局性的事件查看全部
-
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'] } });查看全部
-
性能优化的黄金法则:尽可能减少http请求。(CH1中性能优化法则之一提到:按需加载) combo- config中combine:true combo可以理解为合并静态资源文件的规则,e.g.,阿里的cdn使用??来合并多个静态资源。--多个静态资源请求需要,只发一次http请求,合并取得。 kissy所有模块都支持combo规则 kissy默认是不使用combo规则的查看全部
-
前端构建- grunt ---> gulp: The streaming buid system. 基于文件流的构建系统 ---> gulp-kmc查看全部
-
// KISSY模块规范 KISSY.add( '模块名/路径', ['依赖的模块'], function(S, require, exports, module){ //模块回调函数,在依赖模块加载完后执行此回调函数 })查看全部
-
Using a modular script loader (like RequireJS) will improve code speed and quality.查看全部
-
requireJS- A JavaScript file and module loader.查看全部
-
kissy的三个部分:seed、core、components。 seed是种子,核心是Loader(即模块加载器),所有的功能模块或Ui组件都是在seed上开花结果,早期的Loader遵循的事自创的KMD规范,现在遵循的事CMD规范,但在API上又有些差异。 core包含kissy的核心功能模块,比如非常常用的node(DOM操作),io(ajax请求)、event(事件操作)、base(基类)等,promise是promise规范的实现,异步编程优化的优秀工具,已经融入到io操作中 components坐拥非常丰富的组件查看全部
-
kissyde 的第一个核心思想:按需加载,也是前端性能优化的重要原则、 all方法可以获取指定选择器节点,可以理解为Jquery的$方法查看全部
-
data查看全部
-
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仓库查看全部
-
$(div).before(div2)某个节点插入指定节点前面; $(div).insertbefore(div2)某个节点插入到指定的节点前面,链式操作的目标节点不同 $(div).after(div2)某个节点插入指定节点后面; $(div).insertafter(div2)某个节点插入到指定节点的后面,链式操作的目标节点不同查看全部
-
$(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 模块 组件列表 会定期更新新组件,有空可以翻翻查看全部
举报
0/150
提交
取消