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
230
支付宝小程序的开放架构
yiminghe
0
190
gitc2016 react based architecture
yiminghe
1
150
antd at qcon2016
yiminghe
1
220
react-based architecture
yiminghe
2
160
React Ecosystem At Ant Financial
yiminghe
4
2.2k
ant design preview
yiminghe
1
290
react best practice
yiminghe
3
210
react at alipay
yiminghe
43
4.4k
Other Decks in Technology
See All in Technology
5分でカオスエンジニアリングを分かった気になろう
pandayumi
0
260
EncryptedSharedPreferences が deprecated になっちゃった!どうしよう! / Oh no! EncryptedSharedPreferences has been deprecated! What should I do?
yanzm
0
490
Generative AI Japan 第一回生成AI実践研究会「AI駆動開発の現在地──ブレイクスルーの鍵を握るのはデータ領域」
shisyu_gaku
0
330
Rustから学ぶ 非同期処理の仕組み
skanehira
1
150
Aurora DSQLはサーバーレスアーキテクチャの常識を変えるのか
iwatatomoya
1
1.2k
エンジニアリングマネージャーの成長の道筋とキャリア / Developers Summit 2025 KANSAI
daiksy
3
1.1k
新アイテムをどう使っていくか?みんなであーだこーだ言ってみよう / 20250911-rpi-jam-tokyo
akkiesoft
0
350
はじめてのOSS開発からみえたGo言語の強み
shibukazu
4
1k
品質視点から考える組織デザイン/Organizational Design from Quality
mii3king
0
210
人工衛星のファームウェアをRustで書く理由
koba789
15
8.3k
実践!カスタムインストラクション&スラッシュコマンド
puku0x
0
550
初めてAWSを使うときのセキュリティ覚書〜初心者支部編〜
cmusudakeisuke
1
280
Featured
See All Featured
[RailsConf 2023] Rails as a piece of cake
palkan
57
5.8k
Optimising Largest Contentful Paint
csswizardry
37
3.4k
Stop Working from a Prison Cell
hatefulcrawdad
271
21k
Being A Developer After 40
akosma
90
590k
Six Lessons from altMBA
skipperchong
28
4k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
127
53k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
46
7.6k
Art, The Web, and Tiny UX
lynnandtonic
303
21k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
3k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
Why Our Code Smells
bkeepers
PRO
339
57k
Fantastic passwords and where to find them - at NoRuKo
philnash
52
3.4k
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