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
410
KISSY 5 Upgrade
KISSY 5 Upgrade
yiminghe
October 16, 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
AIAgentの限界を超え、 現場を動かすWorkflowAgentの設計と実践
miyatakoji
1
160
多様な事業ドメインのクリエイターへ 価値を届けるための営みについて
massyuu
1
470
自動テストのコストと向き合ってみた
qa
0
200
「AI駆動PO」を考えてみる - 作る速さから価値のスループットへ:検査・適応で未来を開発 / AI-driven product owner. scrummat2025
yosuke_nagai
3
750
【Oracle Cloud ウェビナー】クラウド導入に「専用クラウド」という選択肢、Oracle AlloyとOCI Dedicated Region とは
oracle4engineer
PRO
3
120
o11yで育てる、強い内製開発組織
_awache
3
130
extension 現場で使えるXcodeショートカット一覧
ktombow
0
220
三菱電機・ソニーグループ共同の「Agile Japan企業内サテライト」_2025
sony
0
100
やる気のない自分との向き合い方/How to Deal with Your Unmotivated Self
sanogemaru
0
420
許しとアジャイル
jnuank
1
140
データエンジニアがこの先生きのこるには...?
10xinc
0
460
そのWAFのブロック、どう活かす? サービスを守るための実践的多層防御と思考法 / WAF blocks defense decision
kaminashi
0
110
Featured
See All Featured
How To Stay Up To Date on Web Technology
chriscoyier
791
250k
Done Done
chrislema
185
16k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
358
30k
It's Worth the Effort
3n
187
28k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
333
22k
Building Applications with DynamoDB
mza
96
6.7k
The Invisible Side of Design
smashingmag
301
51k
Building an army of robots
kneath
306
46k
A Tale of Four Properties
chriscoyier
160
23k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.5k
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!