本月博客排行
-
第1名
Xeden -
第2名
fantaxy025025 -
第3名
bosschen - paulwong
- johnsmith9th
- zysnba
- xiangjie88
年度博客排行
-
第1名
青否云后端云 -
第2名
宏天软件 -
第3名
gashero - gengyun12
- wy_19921005
- vipbooks
- e_e
- benladeng5225
- ranbuijj
- wallimn
- javashop
- jickcai
- fantaxy025025
- zw7534313
- qepwqnp
- robotmen
- 解宜然
- ssydxa219
- zysnba
- sam123456gz
- sichunli_030
- tanling8334
- arpenker
- gaojingsong
- xpenxpen
- kaizi1992
- wiseboyloves
- jh108020
- xyuma
- ganxueyun
- wangchen.ily
- xiangjie88
- Jameslyy
- luxurioust
- mengjichen
- lemonhandsome
- jbosscn
- nychen2000
- zxq_2017
- lzyfn123
- wjianwei666
- forestqqqq
- ajinn
- siemens800
- hanbaohong
- 狂盗一枝梅
- java-007
- zhanjia
- 喧嚣求静
- Xeden
最新文章列表
模块化高扩展性的前端框架 KISSY
http://ued.taobao.org/blog/2013/03/modular-scalable-kissy/
介绍
伴随着淘宝的快速发展,诞生已三年多的 KISSY 也取得了巨大的成长。 目前应用于阿里集团的多个业务团队,特别是淘宝,天猫,一淘的绝大多数业务都采用了 KISSY, 满足了从前台的 web page 到后台的 web app 再到移动端应用(起步阶段)的广泛需求。
在阿 ...
关于KISSY中的fire
1.fire:执行符合匹配的 dom 节点的相应事件的事件处理器和默认行为.
2.在使用fire时需要在该对象的原型连上添加S.EventTarget
即:S.augment(blockLinkage,S.EventTarget,{
});
3.然后是定义一个函数
即:that.fire('callBack'{
name:'name',
...
项目中写成返回对象的js
KISSY.add('common/blockLinkage',function(S,LinkageIO){
var
$ = S.all, on = S.Event.on, fire = S.Event.fire, delegate
= S.Event.delegate,
el = {
}';
function blockLinkage ...
dropdown定位问题
问题描述
最近做项目的时候,有这么一个问题:用了brix组件dropdown做了一个下拉框,而这个下拉框有一个默认值,想让下拉框展开的时候直接定位到当前所选值,即:
希望原来的变为
其html组织结构为:
ul中的各个选项为js手动生成。
一、最初的想法
直接在js中给默认的开始值添加选中样式,再用js将下拉框定位到所选中值。具体是:在'.dropdown-hd'上加c ...
Waterfall 瀑布流的实际应用-kipling项目
http://docs.kissyui.com/docs/html/demo/component/waterfall/effect.html#waterfall-demo-effect
KISSY.use("waterfall,ajax,gallery/template/1.0/,node", function (S, Waterfall, io, Template, ...
转:pjax:ajax和pushState结合的js库
pajax是使用ajax+pushState打造无刷新改变URL的方式。虽然这种方式是将ajax、history.pushState、history.replaceStatte、window.onpopstate等几个技术点结合,但在具体使用中还是要考虑到很多情况的,如:
1、改变内容的时候也要改变title
2、不支持的浏览器如何处理
3、事件如何绑定,是否使用了delegate模式
...
一段优美的正则
记录下来,一段优美的代码。来源于jQuery,不过我是从kissy1.3源码中看到的。看来kissy还是大量参照了jquery啊。
代码如下:
var R_XHTML_TAG = /<(?!area|br|col|e ...
compareDocumentPosition与contains
研究KISSY 1.3RC源代码DOM/traversal 发现这样一段代码
__contains =
documentElement.compareDocumentPosition ?
function (a, b) {
return !!(a.compareDocumentP ...
js弹出框或者提示框居中显示
今天又‘2’了,写了居中问题,居然把参数传错了,找了好久,测试了好久都没找出来,在此感谢我的partner的灵机一动。
KISSY.add('app/login',function(S){
function init(obj){
center(obj);
$(window).resize(function(){
...
js分页
做网站时,遇到需要js分页,网上找来找去,找不到合适的,索性自己写了一个,也不是什么特别高深的东西,拿出来和大家共享下,有好的想法,欢迎与我沟通交流,共勉!
对以前的分页进行了润色,这里附加例子和截图,亲们可以好好看看
core.js
KISSY.add('plugins/pagination/core', function(S,a,juicer, ...
瀑布流-KISSY 模板Template
Template
模板, 具备如下特性:
- 模板语法,从 {{#tagName}} 开始,由 {{/tagName}} 结束(如果有结束标签的话).
- 模板变量, {{variable}} .
- 原生支持 if/elseif/else/each/! 四个标签.
- 支持嵌套.
- 容错和调试.
- 性能还不赖.
- 容易扩展.
Usage
关于各大前端框架对数组元素的遍历api设计
api的使用场景是针对数组进行遍历。
1.先看看tangram思想的做法:
/*
*each-traverse all the element in array *
*@function*
*@param {Array} source---the array*
*@param {Function} iterator---it has two params(ite ...
部分工具类函数整理
这个api在kissy以及YUI,underscore都是相似的
isNull:function(o){
return o === null;
}
isUndefined:function(o){
return typeof o === 'undefined';
}
nullOrUndefined:funct ...
个人感觉jquery比kissy好用,但更支持kissy
相比之下,用jquery更多些。当偶然听到kissy时,有些不屑,竟然几年没去看过。
现在kissy的fans越来越多了,连点点网也用了kissy,不得不回头去看看这个国产的东东。
略读了kissy的api文档,对其了解只是皮毛。可能是自己用习惯了jquery的缘故,感觉kissy好多东西没有jquery实现起来简单。当然,没有仔细阅读其源码,不知道它的实现机制是不是比jquery更快速。 ...