淘宝前端开发关键词
作者:admin 日期:2012-04-07
开发互联网的产品时,用户体验是非常重要的一环,所以在一些规模大一些的公司对UED部门的建设非常重视,比如淘宝UED,腾讯CDC,网易UED等,没有好的用户体验,你的技术再好,做出来的产品就会很少有人用。同时产品人要有点微创新,这个是周鸿祎的观点,说得也非常在理,说到了点上。
做前端开发的,几乎没有不向淘宝学习的,没办法,他们确实做得好,那就学呗,落后并不可怕,可怕的是不思进取,原地踏步。
1.职位
WD: Web Developer 前端开发工程师
VD: Visual Designer 视觉设计师
ID: Interaction Designer 交互设计师
PD: Product Designer 产品经理
2.流程
产品经理(PRD) -> 交互设计师(Prototype) -> 视觉设计师(Mock-up) -> 前端工程师(Demo)
PM(Project Manager)项目经理
QA(Quality Assurance)质量保证/测试
PRD(Product Requirement Document)需求文档
Mock-up 设计模型/原型
Assets 资源文件(css/js/flash/img)
TMS 淘宝页面发布系统(这个系统貌似比较强大)
TPS 淘宝页面发布系统
3.工具
浏览器 IE 6-8,FF3+ Opera10+,Chrome,Safari4+
Firebug Firefox调试
YSlow Firefox性能统计
Pagespeed Firefox性能统计
Fiddler 抓包
IE Developer ToolBar IE调试器
IE Tester IETester
WinScp 图形界面链接SSH
LiveHttpHeader Firefox查看HTTP Header
JSLint JS语法检查
Minify http://code.google.com/p/minify
JSMin http://www.crockford.com/javascript/jsmin.html
4.技术
CDN Content Delivery Network
简单理解就是用YUI的combo工具全并js及css文件。
Combo服务器端合并文件
将以下三个js文件:
<script src="http://cn.yimg.com/i/yui/3.0.0/build/yui/yui‐min.js"></script>
<script src=http://cn.yimg.com/i/yui/3.0.0/build/oop/oop‐min.js></script>
<script src="http://cn.yimg.com/i/yui/3.0.0/build/dom/dom‐min.js"></script>
合并为:
<script src="http://cn.yimg.com/combo?i/yui/3.0.0/build/yui/yui‐ min.js&i/yui/3.0.0/build/oop/oop‐min.js&i/yui/3.0.0/build/dom/dom‐ min.js"></script>
ASCII GB~ Unicode UTF-8 文件编码
URLEncode
URL编码 • “淘宝”的URL编码
– Utf-8 “%E6%B7%98%E5%AE%9D”
– GB~ "%CC%D4%B1%A6"
XSS Cross Site Script 跨站攻击脚本
XSS 恶意html/js脚本 程序漏洞 Hack.run() Web page
CSRF Cross Site Request Forgery 跨站伪造请求
XDR Cross Domain Request 跨域请求数据
JSONP JSON with Padding 跨域请求JSON
DPL Design Pattern Library 设计模式库
Tbra Kissy Cubee… 淘宝前端开发框架
广告位