![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
KISSY基础篇
文章平均质量分 84
云重影
如果你想拥有一种品质 ,那就表现得像是已经拥有了这个品质一样。
展开
-
KISSY基础篇乄KISSY之Event
今日任务:了解学习Event事件的基础知识 Event 模块是KISSY最重要的模块之一,他包含自定义事件机制、事件对象封装、DOM事件封装、面向多终端的事件行为统一。下辖多个子模块,被Node、DOM、Base分别依赖。通常DOM事件无需直接引用event,只需use('node')即可。使用use('base')时也无需手动引入 event。但是前几节还是按照使用什么功能就引用什么模块,例如原创 2016-12-14 19:34:08 · 1263 阅读 · 0 评论 -
KISSY基础篇乄KISSY之IO(1)
KISSY之IO(1) 今日任务:了解学习IO模块. IO,即Ajax,只是KISSY中不存在名称为“ajax”的模块,必须使用名字“io”。 KISSY.use('node,io',function(S,Node,IO){ //use IO }); 方便起见,仍可以用S.Ajax,S.Ajax==S.IO。 一、IO IO ( cfg ):原创 2017-01-06 19:33:34 · 486 阅读 · 0 评论 -
KISSY基础篇乄KISSY之IO前奏
KISSY之IO前奏 今日任务:了解学习IO模块之前必备知识. 在学习Kissy的IO之前,咱们先来了解下ajax,http,json等知识,这些是学习IO模块的必备知识。这里只是给出了一些概念性的介绍,具体用法请大家找资料学习。如果已经对这些知识有所了解,那么恭喜你已经有了不错的基础。 一、Ajax Ajax的全称是:AsynchronousJavaScript+XML,异步Jacasc原创 2017-01-06 19:31:42 · 532 阅读 · 0 评论 -
KISSY基础篇乄KISSY之优化实例
KISSY之优化实例 今日任务:拆合菜单代码优化重构 这一节我们主要来看一下拆合菜单进行代码优化重构后的效果。 一、测试页面代码 div id="content"> ul id="menu"> li class="menu-list"> div>a>a>test0div> ul>原创 2017-01-06 19:29:11 · 323 阅读 · 0 评论 -
KISSY基础篇乄KISSY之Anim(2)
KISSY之Anim(2) 今日任务:学习Anim动画实例 这一节来完成几个动画实例。为了能体现效果,可以先设置一个div,id为anim,该div的样式:背景色,初始的长度和宽度,本节中设、设置长度和宽度各为100px。话不多说,直接上实例代码。 一、Anim动画实例一 点击id为animbtn的按钮时,id为anim的div长度和宽度都100px—>200px,用时2秒:原创 2016-12-16 19:54:54 · 403 阅读 · 0 评论 -
KISSY基础篇乄KISSY之Anim(1)
KISSY之Anim(1) 今日任务:学习Anim模块的方法. 通过Anim可以生成一个动画实例。动画实例是用来描述动画的一些基本属性,比如,从什么状态动画到什么状态,动画时间,缓动效果,暂停和继续动画等。 一、Anim实例化 通过Anim这样实例化一个动画实例(参照Demo): KISSY.use("anim",function(S,Anim){ // 初始化原创 2016-12-16 19:53:54 · 364 阅读 · 0 评论 -
KISSY基础篇乄KISSY之Node(2)
KISSY之Node(2) 今日任务:学习Node模块有关动画效果的方法. 在学习Anim模块之前,先看看Node模块里有关动画效果的方法的实现。查看相应的API 文档你会发现一些有关动画效果的方法: · show():当前节点列表元素以动画效果显示。参数:speed (number) – 单位秒, 动画持续时间, 不设置无动画;callback (function) – 每个原创 2016-12-16 19:52:45 · 340 阅读 · 0 评论 -
KISSY基础篇乄KISSY之Node(1)
KISSY之Node(1) 今日任务:学习Node模块,对拆合菜单实例代码进行优化重构. 前面我们分别讲解了DOM 和Event模块,那时是按照使用什么模块就引用什么模块的原则编写代码的。同时,我们也在Event章节提到过:通常DOM事件无需直接引用event,只需use('node')即可。使用use('base')时也无需手动引入 event。那么本节我们就来具体体会下Node模块的功能。原创 2016-12-16 19:50:13 · 1229 阅读 · 0 评论 -
KISSY基础篇乄KISSY之Seed
KISSY之Seed 今日任务:了解Kissy的模块载入机制 首先恭喜你已经成功使用kissy想世界打了个招呼,不过这只是刚起步,咱们还有很多地方需要学习。在本节咱们就推开kissy的大门,看看房间里整体规划。在kissy的房间里,所有的设置都很具模块化,比如说厨房,厨房里的水壶可以烧水,电饭锅可以煮饭,汤锅可以煲汤,洗碗机可以洗碗……我们想喝汤,可以说找厨房,也可以说找汤锅,但是我们去找水壶原创 2016-12-12 20:27:34 · 735 阅读 · 0 评论 -
KISSY基础篇乄KISSY之HelloWorld
KISSY之HelloWorld 今日任务:使用kissy实现简单的hello World! 一、新建Kissy测试项目 打开STS,File->StaticWeb Project,命名其Project Name即可,本教程命名为kissy,其他默认设置即可,点击Finish。在WebContent里创建css,js和img三个文件夹。之后新建的file中,将.html文件原创 2016-12-12 20:24:13 · 1181 阅读 · 0 评论 -
KISSY基础篇乄KISSY简介
KISSY简介 今日任务:了解学习有关Kissy的一些知识,以便于后续的学习 一、相约KISSY,必先了解 KISSY 是一款跨终端、模块化、高性能、使用简单的 JavaScript 框架。除了完备的工具集合如 DOM、Event、Ajax、Anim 等,它还提供了经典的面向对象、动态加载、性能优化解决方案。作为一款全终端支持的JavaScript框架,KISSY为移动终端做了大量适配和优化原创 2016-12-12 20:18:52 · 1104 阅读 · 0 评论 -
KISSY基础篇乄目录
初来乍到,送上一礼,近日学习KISSY,颇有感触,沉思许久,拟定KISSY基础篇目录,并赶工三篇,需要者阅之。如有不妥,请斧正~~~ 目录 KISSY简介 了解学习有关Kissy的一些知识,以便于后续的学习 KISSY之HelloWorld 使用Kissy实现简单的hello World! KISSY之Seed 了解Kissy原创 2016-12-12 20:16:29 · 327 阅读 · 0 评论 -
KISSY基础篇乄KISSY之DOM(2)
KISSY之DOM(2) 今日任务:深入学习DOM知识及进一步完善拆合菜单实例 在上一篇的教程中,明河使用KISSY.DOM的常用方法制作了一个拆合菜单,同时也演练到了几个常用方法,比如addClass/removeClass、attr/removeAttr、show/hide等。 拆合菜单还远远不够完美,比如缺少动画,代码不够优雅,通用性太差等,再以后的教程中还会继续完善拆合菜单,今天先继原创 2016-12-14 19:56:44 · 1007 阅读 · 0 评论 -
KISSY基础篇乄KISSY之DOM(1)
今日任务:了解学习DOM的基础知识以及学习拆合菜单实例 KISSY的DOM模块的子模块和方法众多,但又很重要,最好的情况是全部熟练掌握,当然一开始学是不可能全部记住DOM的方法。所以这里列举了一些比较常用的重要的方法。 CSS 选择器,关键方法:get、query class 属性相关操作,关键方法:addClass、removeClass、hasClass 通用属性操作,关键方法:att原创 2016-12-14 19:53:01 · 713 阅读 · 0 评论 -
KISSY基础篇乄KISSY之IO(2)
第14天:KISSY之IO(2) 今日任务:创建Maven Project并学习IO模块. 这一节我们主要来看一下IO模块里的一些方法。 一、Maven Project (1)创建mavenproject 创建Maven Project->maven-archetype-webapp,创建自己的Group Id和Artfact id,至于Package可以先不写 (2)项目原创 2017-01-06 19:35:00 · 957 阅读 · 0 评论