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
130
支付宝小程序的开放架构
yiminghe
0
160
gitc2016 react based architecture
yiminghe
1
130
antd at qcon2016
yiminghe
1
180
react-based architecture
yiminghe
2
140
React Ecosystem At Ant Financial
yiminghe
4
2.2k
ant design preview
yiminghe
1
230
react best practice
yiminghe
3
180
react at alipay
yiminghe
43
4.2k
Other Decks in Technology
See All in Technology
【Startup CTO of the Year 2024 / Audience Award】アセンド取締役CTO 丹羽健
niwatakeru
0
1.1k
ExaDB-D dbaascli で出来ること
oracle4engineer
PRO
0
3.9k
Amazon Personalizeのレコメンドシステム構築、実際何するの?〜大体10分で具体的なイメージをつかむ〜
kniino
1
100
マルチプロダクトな開発組織で 「開発生産性」に向き合うために試みたこと / Improving Multi-Product Dev Productivity
sugamasao
1
310
社内で最大の技術的負債のリファクタリングに取り組んだお話し
kidooonn
1
550
AWS Lambdaと歩んだ“サーバーレス”と今後 #lambda_10years
yoshidashingo
1
170
TypeScript、上達の瞬間
sadnessojisan
46
13k
SREによる隣接領域への越境とその先の信頼性
shonansurvivors
2
520
OCI Security サービス 概要
oracle4engineer
PRO
0
6.5k
インフラとバックエンドとフロントエンドをくまなく調べて遅いアプリを早くした件
tubone24
1
430
Shopifyアプリ開発における Shopifyの機能活用
sonatard
4
250
Oracle Cloud Infrastructureデータベース・クラウド:各バージョンのサポート期間
oracle4engineer
PRO
28
13k
Featured
See All Featured
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
25
1.8k
Happy Clients
brianwarren
98
6.7k
The Cult of Friendly URLs
andyhume
78
6k
The Cost Of JavaScript in 2023
addyosmani
45
6.8k
Build The Right Thing And Hit Your Dates
maggiecrowley
33
2.4k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
250
21k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
0
96
Statistics for Hackers
jakevdp
796
220k
Gamification - CAS2011
davidbonilla
80
5k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
27
840
Scaling GitHub
holman
458
140k
Adopting Sorbet at Scale
ufuk
73
9.1k
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