kissy 是淘宝一个开源的 JavaScript 库,包含的组件有:日历、图片放大镜、卡片切换、弹出窗口、输入建议等
愿景:小巧灵活,简洁实用,使用起来让人感觉愉悦。
支持的浏览器:IE 6+, Firefox 3.5+, Safari 4+, Chrome 2+, Opera 10+
KISSY简介 今日任务:了解学习有关Kissy的一些知识,以便于后续的学习 一、相约KISSY,必先了解 KISSY 是一款跨终端、模块化、高性能、使用简单的 JavaScript 框架。除了完备的工具集合如 DOM、Event、Ajax、Anim 等,它还提供了经典的面向对象、动态加载、性能优化解决方案。作为一款全终端支持的JavaScript框架,KISSY为移动终端做了大量适配和优化,让程
1.页面中导入kissy(dev_index.html) <script src="http://g.alicdn.com/kissy/k/1.4.8/??seed-min.js,import-style-min.js" data-config="{combine:true}"></script> seed.min.js默认加载压缩带min字样的js、css文件,seed.js则加载不带min字
WHAT IS KISSY ? KISSY 是一款跨终端、模块化、高性能、使用简单的 JavaScript 框架。除了完备的工具集合如 DOM、Event、Ajax、Anim 等,它还提供了经典的面向对象、动态加载、性能优化解决方案。作为一款全终端支持的 JavaScript 框架,KISSY 为移动终端做了大量适配和优化,让你的程序在全终端均能流畅运行。 引入KISSY 1、引入线上kissy。
KISSY之DOM(1) 今日任务:了解学习DOM的基础知识以及学习拆合菜单实例 KISSY的DOM模块的子模块和方法众多,但又很重要,最好的情况是全部熟练掌握,当然一开始学是不可能全部记住DOM的方法。所以这里列举了一些比较常用的重要的方法。 CSS 选择器,关键方法:get、query class 属性相关操作,关键方法:addClass、removeClass、hasClass 通用属性操作
KISSY 作为国内一个完全自底向上开发起来的前台框架,经历过淘系各种复杂项目的考验: 学习网站: http://docs.kissyui.com/ 转载于:https://www.cnblogs.com/q994321263/p/3985689.html
http://docs.kissyui.com/ 转载于:https://www.cnblogs.com/dmdj/p/3432492.html
第14天:KISSY之IO(2) 今日任务:创建Maven Project并学习IO模块. 这一节我们主要来看一下IO模块里的一些方法。 一、Maven Project (1)创建mavenproject 创建Maven Project->maven-archetype-webapp,创建自己的Group Id和Artfact id,至于Package可以先不写 (2)项目配置
最近在学习淘宝框架KISSY 恩 还在学习中 很早以前 看到某个网站一个下拉菜单的效果 其中的javascript是用遍历的效果实现的 看起来javascript代码并不是怎么样 没有封装性 代码不优雅 也趁着最近在学习KISSY 所以今天用了KISSY写了一个。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "h
KISSY之DOM(2) 今日任务:深入学习DOM知识及进一步完善拆合菜单实例 在上一篇的教程中,明河使用KISSY.DOM的常用方法制作了一个拆合菜单,同时也演练到了几个常用方法,比如addClass/removeClass、attr/removeAttr、show/hide等。 拆合菜单还远远不够完美,比如缺少动画,代码不够优雅,通用性太差等,再以后的教程中还会继续完善拆合菜单,今天先继续讲解
KISSY之优化实例 今日任务:拆合菜单代码优化重构 这一节我们主要来看一下拆合菜单进行代码优化重构后的效果。 一、测试页面代码 <div id="content"> <ul id="menu"> <li class="menu-list"> <div><a></a>test0</div> <ul> <li>test00
http://docs.kissyui.com/1.3/docs/html/api/core/dom/index.html http://www.cnblogs.com/xumengxuan/archive/2013/10/29/3394641.html 转载于:https://www.cnblogs.com/coding4/p/7514560.html
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 ):构建 io 请求并发送, 继承自 Promise
KISSY之Node(1) 今日任务:学习Node模块,对拆合菜单实例代码进行优化重构. 前面我们分别讲解了DOM 和Event模块,那时是按照使用什么模块就引用什么模块的原则编写代码的。同时,我们也在Event章节提到过:通常DOM事件无需直接引用event,只需use('node')即可。使用use('base')时也无需手动引入 event。那么本节我们就来具体体会下Node模块的功能。 一
KISSY之Event事件 今日任务:了解学习Event事件的基础知识 Event 模块是KISSY最重要的模块之一,他包含自定义事件机制、事件对象封装、DOM事件封装、面向多终端的事件行为统一。下辖多个子模块,被Node、DOM、Base分别依赖。通常DOM事件无需直接引用event,只需use('node')即可。使用use('base')时也无需手动引入 event。但是前几节还是按照使用什
KISSY之IO前奏 今日任务:了解学习IO模块之前必备知识. 在学习Kissy的IO之前,咱们先来了解下ajax,http,json等知识,这些是学习IO模块的必备知识。这里只是给出了一些概念性的介绍,具体用法请大家找资料学习。如果已经对这些知识有所了解,那么恭喜你已经有了不错的基础。 一、Ajax Ajax的全称是:AsynchronousJavaScript+XML,异步Jacascript
拖拽 html: <link rel="stylesheet" href="http://wwwcdn.kimiss.net/public/bootstrap/css/bootstrap.min.css"> <link rel="stylesheet" href="http://wwwcdn.kimiss.net/public/bootstrap/font-awesome-4.0.3/css/
KISSY之Node(2) 今日任务:学习Node模块有关动画效果的方法. 在学习Anim模块之前,先看看Node模块里有关动画效果的方法的实现。查看相应的API 文档你会发现一些有关动画效果的方法: · show():当前节点列表元素以动画效果显示。参数:speed (number) – 单位秒, 动画持续时间, 不设置无动画;callback (function) – 每个动画结
KISSY之Seed 今日任务:了解Kissy的模块载入机制 首先恭喜你已经成功使用kissy想世界打了个招呼,不过这只是刚起步,咱们还有很多地方需要学习。在本节咱们就推开kissy的大门,看看房间里整体规划。在kissy的房间里,所有的设置都很具模块化,比如说厨房,厨房里的水壶可以烧水,电饭锅可以煮饭,汤锅可以煲汤,洗碗机可以洗碗……我们想喝汤,可以说找厨房,也可以说找汤锅,但是我们去找水壶或者
KISSY之HelloWorld 今日任务:使用kissy实现简单的hello World! 一、新建Kissy测试项目 打开STS,File->StaticWeb Project,命名其Project Name即可,本教程命名为kissy,其他默认设置即可,点击Finish。在WebContent里创建css,js和img三个文件夹。之后新建的file中,将.html文件放在W
KISSY 是由淘宝前端攻城师们发起创建的一个开源 JS 类库。 她遵循的原则是 小巧灵活、简洁实用、愉悦编码、快乐开发。 http://docs.kissyui.com/ 淘宝的前端工程师很牛X,一上去就解决了我几个难题。。。 转载于:https://www.cnblogs.com/LCX/archive/2012/07/14/2591033.html
什么是KISSY KISSY是由阿里前端团队发起并维护的国产javascript框架,在阿里网站比如淘宝网、天猫、聚划算中大量使用,经过近五年的发展(KISSY诞生于2009年10月26日),已经是比较成熟的解决方案,也是为数不多的国产javascript框架。 为什么推荐使用KISSY 说到javascript框架,jquery是绕不开强大的存在,很多同学都说jquery多好啊,干嘛折腾kiss
哈喽,希望同学们多了解一下,无论是面试技巧还是专业技能希望大家都能够上一个level。 Q1:你是怎么决定一个产品的配色的? 首先,如果公司有VI企业识别,我会根据公司的VI企业识别,优先选择VI的配色。其次,我会根据目标用户的喜好以及公司管理层对于产品定义的意见。当然,对于产品配色大方向已经确定的情况下,我也会多出几个方案以供公司挑选(或使用用户调研的方式寻求最能让用户接受的配色方案)。 Q2:
我有一个带有ProgressBar的活动。这个栏用于显示游戏关卡上经过的时间。 我正在更新这个栏和一个带有倒数计时器的文本视图,每100ms调用一次。问题是,每次我调用 setProgress 时,它似乎都会导致一个无效的 (),使我的整个 UI 被重绘。如果我删除进度条更新的行,一切正常,甚至为文本视图设置文本显示剩余时间。 这对我来说是一个问题,因为我还有一个自定义视图,它只需要在我需要的时候
Q1:你对加班怎么看? 本人效率非常高,我将会尽可能在8小时内将工作处理完成。因为在家我还将进修一些设计的技术/健身保持健康。当然,我不反对加班,在项目较忙的时候我将会加班,但我不喜欢无意义的加班,因为这会损失我的精力导致我在真正面对项目上线的时候精力不足。(如果公司有加班文化,询问是否有调休/加班奖金/加班饭贴) Q2:你平时用那些APP? 围绕与面试公司相关的APP,再谈一下公司APP和竞品有
面试时间大概一个小时多(虽然一开始说总共30分钟,15分钟自我介绍+作品集,15分钟提问,结果一直让我讲下去了,然后整个巨长作品集就讲完了,虽然后面部分都是过一下) 1. 自我介绍 2. 主要作品集讲解过程没有提问,不过会自己提出问题然后说明(自问自答,主要是上一段实习项目的关键点) 3. Q:你有什么问题要问我吗?A:设计团队组成、周会分享会相关、具体工作内容(说看我交互做的比较多,虽然招视觉,
1、Android手机的常用设计尺寸有怎么适配ios和安卓。 例: 安卓320x480是常规模拟器、但现在的开发都是用360x640做一倍率。480x800(1.5倍率)、720x1280(2倍率)、1920*1080(3倍率)ios用sketch软件出375*812的1倍率的设计图,直接生产标注,1倍率中1px=1pt=1dp。方便程序员理解。los 适配安卓将375缩小间距至360,文字大小不
一旦您下载了 jQuery UI,您将得到一个 zip 压缩包,包含下列文件: /css/ /development-bundle/ /js/ index.html 在网页上使用 jQuery UI 在文本编辑器中打开 index.html,您将看到引用了一些外部文件:主题、jQuery 和 jQuery UI。通常情况下,您需要在页面中引用这三个文件,以便使用 jQuery UI 的窗体小部件和
关于Clojure中第一个UI程序的SO问题,我创建了一个新的应用程序项目: 线程“Awt-EventQueue-0”java.lang.IllegalArgumentException中出现异常:没有匹配子句:在a_ui_app.core处的157$FN__16$FN__21$FN__22处的Invoke(core.clj:19)在clojure.lang.afn.call(afn.java:1
问题内容: 我知道它已经被讨论过很多次了,大多数文章都引用了以下代码:AngularJS中带有自定义URL的模态窗口 但是我就是不明白。我根本看不出来。我还发现这个jsfiddle实际上很棒,非常有帮助,除了它不添加url并允许我使用后退按钮关闭模式。 编辑:这是我需要帮助。 因此,让我尝试解释我要实现的目标。 我有一个添加新项目的表格,并且有一个“添加新项目”链接。我想当我单击“添加新项目”时,