Tag: 淘宝预览模式: 普通 | 列表

淘宝前端开发关键词

作者: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… 淘宝前端开发框架