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
220
支付宝小程序的开放架构
yiminghe
0
190
gitc2016 react based architecture
yiminghe
1
150
antd at qcon2016
yiminghe
1
210
react-based architecture
yiminghe
2
160
React Ecosystem At Ant Financial
yiminghe
4
2.2k
ant design preview
yiminghe
1
280
react best practice
yiminghe
3
200
react at alipay
yiminghe
43
4.3k
Other Decks in Technology
See All in Technology
AIエージェントを支える設計
tkikuchi1002
11
2.3k
AWS表彰プログラムとキャリアについて
naoki_0531
1
140
Datasets for Critical Operations by Dataform
kimujun
0
120
公開初日に個人環境で試した Gemini CLI 体験記など / Gemini CLI実験レポート
you
PRO
3
600
手動からの解放!!Strands Agents で実現する総合テスト自動化
ideaws
3
390
生成AIを活用した野球データ分析 - メジャーリーグ編 / Baseball Analytics for Gen AI
shinyorke
PRO
1
210
KCD Lima: eBee in Peru!
lizrice
0
110
OpenTelemetry の Log を使いこなそう
biwashi
5
1.1k
増え続ける脆弱性に立ち向かう: 事前対策と優先度づけによる 持続可能な脆弱性管理 / Confronting the Rise of Vulnerabilities: Sustainable Management Through Proactive Measures and Prioritization
nttcom
1
210
マルチモーダル基盤モデルに基づく動画と音の解析技術
lycorptech_jp
PRO
2
250
[TechNight #91] Oracle Database 最新パフォーマンス分析手法
oracle4engineer
PRO
3
140
AI工学特論: MLOps・継続的評価
asei
10
2k
Featured
See All Featured
Designing for Performance
lara
610
69k
Faster Mobile Websites
deanohume
308
31k
Statistics for Hackers
jakevdp
799
220k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
21
1.4k
Practical Orchestrator
shlominoach
189
11k
Measuring & Analyzing Core Web Vitals
bluesmoon
7
530
Facilitating Awesome Meetings
lara
54
6.5k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
45
7.5k
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.8k
Building Applications with DynamoDB
mza
95
6.5k
Fantastic passwords and where to find them - at NoRuKo
philnash
51
3.3k
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