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 5 Upgrade
Search
yiminghe
October 16, 2014
Technology
1
350
KISSY 5 Upgrade
KISSY 5 Upgrade
yiminghe
October 16, 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.1k
ant design preview
yiminghe
1
230
react best practice
yiminghe
3
180
react at alipay
yiminghe
43
4.1k
Other Decks in Technology
See All in Technology
生成AIの強みと弱みを理解して、生成AIがもたらすパワーをプロダクトの価値へ繋げるために実践したこと / advance-ai-generating
cyberagentdevelopers
PRO
1
180
マネジメント視点でのre:Invent参加 ~もしCEOがre:Inventに行ったら~
kojiasai
0
460
GitHub Universe: Evaluating RAG apps in GitHub Actions
pamelafox
0
170
わたしとトラックポイント / TrackPoint tips
masahirokawahara
1
240
使えそうで使われないCloudHSM
maikamibayashi
0
170
君は隠しイベントを見つけれるか?
mujyun
0
280
いまならこう作りたい AWSコンテナ[本格]入門ハンズオン 〜2024年版 ハンズオンの構想〜
horsewin
9
2.1k
新R25、乃木坂46 Mobileなどのファンビジネスを支えるマルチテナンシーなプラットフォームの全体像 / cam-multi-cloud
cyberagentdevelopers
PRO
1
130
Product Engineer Night #6プロダクトエンジニアを育む仕組み・施策
hacomono
PRO
1
460
グローバル展開を見据えたサービスにおける機械翻訳プラクティス / dp-ai-translating
cyberagentdevelopers
PRO
1
150
来年もre:Invent2024 に行きたいあなたへ - “集中”と“つながり”で楽しむ -
ny7760
0
460
急成長中のWINTICKETにおける品質と開発スピードと向き合ったQA戦略と今後の展望 / winticket-autify
cyberagentdevelopers
PRO
1
160
Featured
See All Featured
Building Better People: How to give real-time feedback that sticks.
wjessup
363
19k
GitHub's CSS Performance
jonrohan
1030
460k
How GitHub (no longer) Works
holman
311
140k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
107
49k
Thoughts on Productivity
jonyablonski
67
4.3k
Learning to Love Humans: Emotional Interface Design
aarron
272
40k
The World Runs on Bad Software
bkeepers
PRO
65
11k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
167
49k
Fireside Chat
paigeccino
32
3k
Code Reviewing Like a Champion
maltzj
519
39k
Facilitating Awesome Meetings
lara
49
6k
A better future with KSS
kneath
238
17k
Transcript
KISSY UP 秋知
主要内容 - Why ? - What ? - How ?
Why ?
效率
开发效率 模块规范 1. 模块格式统⼀一 • 添加模块 define • 引⽤用模块 require
• 让出控制权 modulex.noConflict() • 返回接⼝口统⼀一 modulex.use === requirejs (相 ⽐比1.4.x去掉返回的变量S) ⽆无缝接⼊入
开发效率 配套⼯工具 1. kmc & gulp-kmc -> 转成规范模块格式,⽣生成 依赖表 2.
kmd & gulp-kmd -> 去头 纯 node ⻛风格编写,舒⼼心
运⾏行效率 ⼤大瘦⾝身-拥抱⽆无线 1. seed.js 拆出util 44.kb -> 28kb 16.3kb(gzip)->10kb(gzip) 2.
模块细分,⾃自动识别,按需加载 如anim -> anim/timer + anim/transition
运⾏行效率 让代码回归⾃自然 •kclean, 让代码回归⾃自然 •去掉 modulex.add 头 •减少寻找模块,注册模块的时间,提⾼高模块加载 速度
拥抱社区
模块规范统⼀一 • ⽆无缝接⼊入 • 使⽤用舒⼼心
模块独⽴立成库 • npm包 • 共享 • 开发,⼤大家⼀一起来
舒爽的⽂文档
最强⼤大的模板xtemplate
xtemplate • 独⽴立 •
[email protected]
+ 通过gallery可⽤用 • 速度 • 语法增强
: 继承、else if … • …
What 1.模块拆分 • seed -> util • anim -> anim/timer
+ anim/transition • event -> event-dom + event-dom/gesture/* + event-custom • combobox -> combobox + combobox/multiword
What 2.新增模块/功能 • path • url • querystring • event-dom/gesture/edge-pan
• navigation-view • router • scroll-view ⽀支持 pull-up-to-refresh • …
What 3.详细升级⽂文档 •
[email protected]
官⺴⽹网 ! •
[email protected]
主要升级点
How
[email protected]
主要升级点 ⽂文档 2.1.4.x -> 5.0 兼容包 • deprecated.js •
兼容模块拆分 util、event • 兼容直接引⽤用 S.IO、S.all、S.one… 3.技术⽀支持 & 技术客服 4.⾃自动化升级⼯工具 @陶杰
Thank You!