某网站最新WEB前端应用及发展讲义.pptxVIP

淘宝网前端应用与发展;淘宝前端发展史 近四年来的问题与挑战 实践经验与心得 前端发展展望 ;{ Name: “赵泽欣”, Nickname: “小马”, Job: “前端工程师” Company: “淘宝网” Twitter: “@zhaozexin” };T @ 2003;T @ 2004;T @ 2005;9、要学生做的事，教职员躬亲共做；要学生学的知识，教职员躬亲共学；要学生守的规则，教职员躬亲共守。5月-215月-21Tuesday, May 25, 2021 10、阅读一切好书如同和过去最杰出的人谈话。22:39:5222:39:5222:395/25/2021 10:39:52 PM 11、一个好的教师，是一个???得心理学和教育学的人。5月-2122:39:5222:39May-2125-May-21 12、要记住，你不仅是教课的教师，也是学生的教育者，生活的导师和道德的引路人。22:39:5222:39:5222:39Tuesday, May 25, 2021 13、He who seize the right moment, is the right man.谁把握机遇，谁就心想事成。5月-215月-2122:39:5222:39:52May 25, 2021 14、谁要是自己还没有发展培养和教育好，他就不能发展培养和教育别人。25 五月 202110:39:52 下午22:39:525月-21 15、一年之计，莫如树谷；十年之计，莫如树木；终身之计，莫如树人。五月 2110:39 下午5月-2122:39May 25, 2021 16、提出一个问题往往比解决一个更重要。因为解决问题也许仅是一个数学上或实验上的技能而已，而提出新的问题，却需要有创造性的想像力，而且标志着科学的真正进步。2021/5/25 22:39:5222:39:5325 May 2021 17、儿童是中心，教育的措施便围绕他们而组织起来。10:39:53 下午10:39 下午22:39:535月-21 ;T @ 2006;淘宝网前端 @ 2006;T @ 2007;淘宝网前端 @ 2007;团队合作成本高，编码规范缺失 网站应用交互变复杂，要“动”起来 脚本管理混乱，复用性低，维护成本高;;Axure;标注示例;提高与后端开发的合作效率;自行开发 Prototype jQuery YUI dojo Ext ;Prototype like;jQuery;dojo;YUI;Ext;适用于网站 适合淘宝的协作开发环境 功能齐全 稳定 可靠 ;TBra：基于YUI的电子商务网站常用组件库;;合作中最常遇到的问题： HTML 嵌套错误或标签未关闭 Hook 标签被误删或更改 脚本开发分工不明，全局变量名冲突 ;问题: HTML嵌套错误或标签未关闭 解决方法： 约定特定格式的注释 培训开发人员使用Firebug HTML Validator ;制定与后端开发的合作规范;代码约定示例;代码约定示例;制定与后端开发的合作规范; 制定UED规范 制定前端代码规范 制定前端与后端开发的协作规范;T @ 2008;淘宝网前端 @ 2008;淘宝的业务拆分，网站日益庞大。如何保持页面的一致性？ 促销活动频繁，促销页面和垂直频道占用大量前端工作量 用户抱怨淘宝页面慢;统一页头页尾 栅格化 TMS 系统 ;TMS;CSS Sprite;完善规范，将规范转化为工业化工具(TMS) 使用 ySlow / YUICompressor 等工具优化前端性能 ;T @ 2009;淘宝网前端 @ 2009;网站页面性能形势严峻 YUI+TBra 日益无法满足开发需求;问题：网站页面性能形势严峻;商品详情页面优化项目 首页性能优化项目 搜索结果页性能优化项目 其他 图片延迟加载 cookie 优化 - 图片强制压缩 ;;2010 前端性能年;网站页面性能形势严峻 YUI+TBra 日益无法满足开发需求 YUI的组件体验不合国情 YUI组件较为笨重 TBra 扩展性不足 ;建立开源 Kissy 框架 重写常用组件 AutoComplete ImageLazyLoad RichEditor …… ;联合开发/运维/测试工程师一起立项全面优化网站性能 创建Kissy开源项目，逐步迁移YUI/TBra组件到Kissy组件，改善体验，优化性能 ;T @ 2010;淘宝网前端 @ 2010 ;用户个性化需求强烈 YUI + TBra 的前端架构不再适合淘宝 性能要求苛刻 项目前端开发工作量占比不断提高，后台架构和开发过程需要改革;Kissy Core 重写，不再依赖YUI Kissy UI 开源组件库 TBra 基于 Kissy，成为淘宝专用组件库 建立