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.1k
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
58
支付宝小程序的开放架构
yiminghe
0
140
gitc2016 react based architecture
yiminghe
1
130
antd at qcon2016
yiminghe
1
170
react-based architecture
yiminghe
2
130
React Ecosystem At Ant Financial
yiminghe
4
2.1k
ant design preview
yiminghe
1
200
react best practice
yiminghe
3
160
react at alipay
yiminghe
43
4k
Other Decks in Technology
See All in Technology
LangSmith入門―トレース/評価/プロンプト管理などを担うLLMアプリ開発プラットフォーム
os1ma
3
300
アクセシビリティを考慮したUI/CSSフレームワーク・ライブラリ選定
yajihum
2
1k
JAWS-UG Bedrock Claude Night
yamahiro
3
610
自己改善からチームを動かす! 「セルフエンジニアリングマネージャー」のすゝめ
shoota
6
760
元インフラエンジニアに成る / Human Resources to Human Relations
bobtani
4
920
Reducing Cross-Zone Egress at Spotify with Custom gRPC Load Balancing Recap
koh_naga
0
210
Building Dashboards as a Hobby
egmc
0
230
生成AIの変革の時代に、直近1年で直面した課題とその解決策
ktc_wada
0
300
Terraformあれやこれ/terraform-this-and-that
emiki
8
1.4k
20240418_Google ColabにLLMが搭載されたようなのでPython x データ分析の勉強方法を考えてみる
doradora09
0
140
Azureの基本的な権限管理の勉強会
yhana
0
580
プロンプトエンジニアリングでがんばらない-Agentic Workflow へ-近藤憲児
kenjikondobai
3
810
Featured
See All Featured
Why Our Code Smells
bkeepers
PRO
331
56k
Building an army of robots
kneath
300
41k
Code Review Best Practice
trishagee
55
15k
YesSQL, Process and Tooling at Scale
rocio
164
13k
Art, The Web, and Tiny UX
lynnandtonic
289
19k
From Idea to $5000 a Month in 5 Months
shpigford
377
45k
Agile that works and the tools we love
rasmusluckow
325
20k
Statistics for Hackers
jakevdp
789
220k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
2
3.4k
Designing for Performance
lara
601
67k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
7
1k
10 Git Anti Patterns You Should be Aware of
lemiorhan
648
58k
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