Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
kissy 1.5 progress
Search
yiminghe
March 28, 2014
Technology
1
3.2k
kissy 1.5 progress
progress about kissy 1.5 (kissy5)
yiminghe
March 28, 2014
Tweet
Share
More Decks by yiminghe
See All by yiminghe
小程序终端技术架构
yiminghe
0
150
支付宝小程序的开放架构
yiminghe
0
170
gitc2016 react based architecture
yiminghe
1
130
antd at qcon2016
yiminghe
1
190
react-based architecture
yiminghe
2
150
React Ecosystem At Ant Financial
yiminghe
4
2.2k
ant design preview
yiminghe
1
260
react best practice
yiminghe
3
180
react at alipay
yiminghe
43
4.2k
Other Decks in Technology
See All in Technology
データエンジニアリング領域におけるDuckDBのユースケース
chanyou0311
9
2.6k
Global Databaseで実現するマルチリージョン自動切替とBlue/Greenデプロイ
j2yano
0
160
Amazon Aurora のバージョンアップ手法について
smt7174
2
190
2025/3/1 公共交通オープンデータデイ2025
morohoshi
0
110
MLflowはどのようにLLMOpsの課題を解決するのか
taka_aki
0
130
あなたが人生で成功するための5つの普遍的法則 #jawsug #jawsdays2025 / 20250301 HEROZ
yoshidashingo
2
360
AI自体のOps 〜LLMアプリの運用、AWSサービスとOSSの使い分け〜
minorun365
PRO
9
1.1k
OPENLOGI Company Profile for engineer
hr01
1
20k
開発者体験を定量的に把握する手法と活用事例
ham0215
0
140
目標と時間軸 〜ベイビーステップでケイパビリティを高めよう〜
kakehashi
PRO
8
1k
開発組織を進化させる!AWSで実践するチームトポロジー
iwamot
2
540
Apache Iceberg Case Study in LY Corporation
lycorptech_jp
PRO
0
380
Featured
See All Featured
GraphQLとの向き合い方2022年版
quramy
44
14k
Art, The Web, and Tiny UX
lynnandtonic
298
20k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
227
22k
Code Review Best Practice
trishagee
67
18k
How GitHub (no longer) Works
holman
314
140k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.5k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
Building Flexible Design Systems
yeseniaperezcruz
328
38k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
11
1.3k
The Straight Up "How To Draw Better" Workshop
denniskardys
232
140k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
Transcript
KISSY 1.5 Progress 承玉 2014-03
• kissy • kissy mini • kimi • zepto
None
None
结局
KISSY 1.5
None
JDK5
KISSY5 • Major.Minor.Bugfix • 2014.03.28
Docs again
seed • Loader 独立 • http://dev.kissyui.com/kissy/build/loader-min.js • loader-min.js • gzip:
6.6kb • Seed 精简 • http://dev.kissyui.com/kissy/build/seed-min.js • 去除 uri/path 依赖 • seed-min.js • gzip: 13.8kb
seed • 细化模块拆分 • util • S.extend/S.isArray/S.each • ua •
UA.ie/UA.webkit/UA.ieMode • feature • Feature.isMsPointerSupport/Feature.isQuerySelectorSupported • path • path.relative/path.resolve • uri • new Uri(‘http://www.g.cn’)
Load kissy modules in nodejs • kissy/lib/xx • npm install
kissy • require(‘kissy/lib/base’) • require(‘kissy/lib/xtemplate’)
anim • 条件加载 • Css3 transition supported: anim/transition • Old
browser: anim/timer • node • Animate api • 依赖于 anim,同样减小 • 强制使用定时器动画模块 • use(‘anim/timer’)
xtemplate • 支持 express 下直接使用 • app.set('view engine', 'html'); •
app.set('views', path.join(__dirname, 'views')); • app.engine('html', require(‘kissy/lib/xtemplate').__express); • 性能大幅提升 • > jade > ejs
语法修改 • 靠拢 js 语法 • 内置 • {{#if x>1&&y<2}}x{{/if}}
=> {{#if (x>1 && y<2) }}x{{/if}} • 自定义命令 • {{custom x y}} => {{custom (x, y) }} • 嵌套调用 • {{custom1 (custom2 (x, y))}}
继承机制 • Layout.html • Header {{block(‘body’)}}layout{{/block}} footer • List.html •
{{extend(‘./layout’)}} Header {{block(‘body’)}}list{{/block}} footer • render(‘list’) • Header list footer
自定义异步命令 • {{ tms (id) }} • .render(function (err, content)
{ });
其他 • Event • 默认不载入需要手动 use • 拆出 event/gesture/shake •
增加 event/gesture/drag • Combobox • 去除 filter-select • 拆出 combobox.MultiValueCombobox • use(‘combobox/multi-word’)
• Touch Application Framework
router • expressjs 语法的路由 • 支持 hash 和 pushState
navigation-view
navigation-view • view 生命周期 • 初始化 • 缓存 • 销毁
• view 切换 • Loading 蒙层 • 特效 • 整合 scroll-view
summary
Scenario • 网页型 • OPOA • Touch WebApp
None