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
200
react at alipay
yiminghe
43
4.3k
Other Decks in Technology
See All in Technology
コスト削減の基本の「キ」~ コスト消費3大リソースへの対策 ~
smt7174
2
320
実践データベース設計 ①データベース設計概論
recruitengineers
PRO
4
2k
モバイルアプリ研修
recruitengineers
PRO
5
1.7k
『FailNet~やらかし共有SNS~』エレベーターピッチ
yokomachi
1
190
AI時代にPdMとPMMはどう連携すべきか / PdM–PMM-collaboration-in-AI-era
rakus_dev
0
250
新規案件の立ち上げ専門チームから見たAI駆動開発の始め方
shuyakinjo
0
640
実践アプリケーション設計 ①データモデルとドメインモデル
recruitengineers
PRO
5
1.4k
DuckDB-Wasmを使って ブラウザ上でRDBMSを動かす
hacusk
1
140
Browser
recruitengineers
PRO
8
2.2k
20250903_1つのAWSアカウントに複数システムがある環境におけるアクセス制御をABACで実現.pdf
yhana
2
240
Webブラウザ向け動画配信プレイヤーの 大規模リプレイスから得た知見と学び
yud0uhu
0
120
Grafana MCPサーバーによるAIエージェント経由でのGrafanaダッシュボード動的生成
hamadakoji
1
1k
Featured
See All Featured
The Language of Interfaces
destraynor
160
25k
Product Roadmaps are Hard
iamctodd
PRO
54
11k
Rebuilding a faster, lazier Slack
samanthasiow
83
9.1k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
131
19k
Building a Scalable Design System with Sketch
lauravandoore
462
33k
Building Flexible Design Systems
yeseniaperezcruz
328
39k
Raft: Consensus for Rubyists
vanstee
140
7.1k
Done Done
chrislema
185
16k
Practical Orchestrator
shlominoach
190
11k
The World Runs on Bad Software
bkeepers
PRO
70
11k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
27k
VelocityConf: Rendering Performance Case Studies
addyosmani
332
24k
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!