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
「視座」の上げ方が成人発達理論にわかりやすくまとまってた / think_ perspective_hidden_dimensions
shuzon
2
7.1k
分布で見る効果検証入門 / ai-distributional-effect
cyberagentdevelopers
PRO
4
700
スプリントゴールにチームの状態も設定する背景とその効果 / Team state in sprint goals why and impact
kakehashi
2
110
Product Engineer Night #6プロダクトエンジニアを育む仕組み・施策
hacomono
PRO
1
480
【技術書典17】OpenFOAM(自宅で極める流体解析)2次元円柱まわりの流れ
kamakiri1225
0
220
MAMを軸とした動画ハンドリングにおけるAI活用前提の整備と次世代ビジョン / abema-ai-mam
cyberagentdevelopers
PRO
1
120
「 SharePoint 難しい」ってよく聞くけど、そんなに言うなら8歳の息子に試してもらった
taichinakamura
1
670
新卒1年目が挑む!生成AI × マルチエージェントで実現する次世代オンボーディング / operation-ai-onboarding
cyberagentdevelopers
PRO
1
180
物価高なラスベガスでの過ごし方
zakky
0
390
初心者に Vue.js を 教えるには
tsukuha
5
390
君は隠しイベントを見つけれるか?
mujyun
0
310
AWS で実現! 負荷テストと自動オブザーバビリティ (AWS 秋の Observability 祭り 2024)
mabuchs
1
120
Featured
See All Featured
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
25
1.8k
How to Think Like a Performance Engineer
csswizardry
19
1.1k
Measuring & Analyzing Core Web Vitals
bluesmoon
1
42
Building Flexible Design Systems
yeseniaperezcruz
327
38k
GraphQLとの向き合い方2022年版
quramy
43
13k
The Invisible Side of Design
smashingmag
297
50k
Practical Orchestrator
shlominoach
186
10k
Java REST API Framework Comparison - PWX 2021
mraible
PRO
28
7.9k
A better future with KSS
kneath
238
17k
Embracing the Ebb and Flow
colly
84
4.4k
Optimizing for Happiness
mojombo
376
69k
Music & Morning Musume
bryan
46
6.1k
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!