SlideShare a Scribd company logo
V5.6  前端开发回顾与总结 Copyright © 2008-2011 AbleSky, Inc.  |  能力天空科技 ( 北京 ) 有限公司  产品部  |  2011-09-16  V5.6 UI  Review & Summary
能力天空科技 ( 北京 ) 有限公司 AbleSky,  Inc. Copyright © 2008-2011 AbleSky, Inc.   |  能力天空科技 ( 北京 ) 有限公司  产品部  |  2011-09-16  |  HTML5  声明 Doctype  的变化  <!DOCTYPE html>  依然沿用 XHTML  的书写风格 其实想说的是 HTML Tag ,建筑的砖块 CSS  的 管理  分为全局 CSS ,公共模块,页面级别三种  模块化 CSS 书写,在全局样式里,务必减少无意义的 CSS 命名 不写行内样式 减少浮动,采用绝对定位布局 少部分采用渐进增强式开发
能力天空科技 ( 北京 ) 有限公司 AbleSky,  Inc. Copyright © 2008-2011 AbleSky, Inc.   |  能力天空科技 ( 北京 ) 有限公司  产品部  |  2011-09-16  |  从 Ext 到 JQuery 性能的提升 BUG  定位更容易
能力天空科技 ( 北京 ) 有限公司 AbleSky,  Inc. Copyright © 2008-2011 AbleSky, Inc.   |  能力天空科技 ( 北京 ) 有限公司  产品部  |  2011-09-16  |  从 Ext 到 JQuery RequireJS  的应用 脚本加载  (like seed)  JS 模块化  服务器端应用 NodeJS  组件
能力天空科技 ( 北京 ) 有限公司 AbleSky,  Inc. Copyright © 2008-2011 AbleSky, Inc.   |  能力天空科技 ( 北京 ) 有限公司  产品部  |  2011-09-16  |  多工程下, UI 的共用 目前是两个工程  search  和  ajaxablesky UI  公用一套,从产品角度上考虑不适合分成两套 UI  库,前端开发需要同步两套  UI 的配置 WEB-INF/jsp/includes/  公用文件如果更改, 其它工程下也要相应的修改 在搜索工程下  JSONP  使用的越来越多 JSONP  跨域获取数据的方式 异步获取数据或加载脚本时,注意增加 Loading 的提示 防止数据二次提交
能力天空科技 ( 北京 ) 有限公司 AbleSky,  Inc. Copyright © 2008-2011 AbleSky, Inc.   |  能力天空科技 ( 北京 ) 有限公司  产品部  |  2011-09-16  |  如何在既定的开发周期内完成既定的任务 分清前后端的工作 遵循约定的开发规范去做,但标准不是一成不变的 前端代码的复用,提高 JavaScript 代码编写的品质,保证其他开发人员也能读懂 不要直接修改前端框架和 jQuery Plugin (除自己编写外) 一些基础的 UI 组件亟待实现,需要和产品部门多沟通 前端攻城师 应该具备对优秀的 UI  的认知能力 从用户的角度考虑 责任心 多研究互联网产品 开发中前端遇到的问题
Q&A Copyright © 2008-2011 AbleSky, Inc.  |  能力天空科技 ( 北京 ) 有限公司  产品部  |  2011-07-06

More Related Content

PDF
Hello reactJS 0~1 Bulid my first web app
PDF
美团点评技术沙龙011 - 客户端用户体验数据量化
PDF
Koubei banquet 27
PPTX
Html5助跑街旁移动版
PDF
美团点评技术沙龙011 - 移动app兼容性测试工具Spider
PPT
Creating an iPhone App for your Business! v2
PPTX
NJ Connect
PPT
Ilaravto 2011-new
Hello reactJS 0~1 Bulid my first web app
美团点评技术沙龙011 - 客户端用户体验数据量化
Koubei banquet 27
Html5助跑街旁移动版
美团点评技术沙龙011 - 移动app兼容性测试工具Spider
Creating an iPhone App for your Business! v2
NJ Connect
Ilaravto 2011-new

Similar to V5.6 ui 总结 (20)

PPT
常用Js框架比较
PDF
twMVC#04 | ASP.NET MVC 4 新功能介紹(快速上手)
PDF
ASP.NET MVC 4 新功能介紹(快速上手) -twMVC#4
PPTX
淘宝网前端应用与发展
PDF
企业应用与互联网的融合
PPTX
Kiss开发平台简介
PPTX
从无阻塞并行脚本加载(Lab.js)到浏览器消息模型
PDF
ASP.Net MVC2 简介
PPTX
2024 Hello World Dev Conference 從觀察到實踐 打造符合公司需求的GitLab DevOps流水線
DOCX
陳香貝.doc
PPT
建站大业,实战ASP.NET 4
PDF
Bootstrap 導入分享
PDF
D2-ETao-show
PDF
20141212 html5 及微軟跨平台佈局 long
PPTX
移动Web开发框架jqm探讨
PPTX
赶集团购开发总结4
PDF
从无阻塞并行脚本加载(Lab.js)到浏览器消息模型
PPTX
一步一步开发Html5 mobile apps
PDF
Single-Page Application Design Principles 101
PPTX
HTML5在QQ邮箱移动Web应用的实践
常用Js框架比较
twMVC#04 | ASP.NET MVC 4 新功能介紹(快速上手)
ASP.NET MVC 4 新功能介紹(快速上手) -twMVC#4
淘宝网前端应用与发展
企业应用与互联网的融合
Kiss开发平台简介
从无阻塞并行脚本加载(Lab.js)到浏览器消息模型
ASP.Net MVC2 简介
2024 Hello World Dev Conference 從觀察到實踐 打造符合公司需求的GitLab DevOps流水線
陳香貝.doc
建站大业,实战ASP.NET 4
Bootstrap 導入分享
D2-ETao-show
20141212 html5 及微軟跨平台佈局 long
移动Web开发框架jqm探讨
赶集团购开发总结4
从无阻塞并行脚本加载(Lab.js)到浏览器消息模型
一步一步开发Html5 mobile apps
Single-Page Application Design Principles 101
HTML5在QQ邮箱移动Web应用的实践
Ad

V5.6 ui 总结

  • 1. V5.6 前端开发回顾与总结 Copyright © 2008-2011 AbleSky, Inc. | 能力天空科技 ( 北京 ) 有限公司 产品部 | 2011-09-16 V5.6 UI Review & Summary
  • 2. 能力天空科技 ( 北京 ) 有限公司 AbleSky, Inc. Copyright © 2008-2011 AbleSky, Inc. | 能力天空科技 ( 北京 ) 有限公司 产品部 | 2011-09-16 | HTML5 声明 Doctype 的变化 <!DOCTYPE html> 依然沿用 XHTML 的书写风格 其实想说的是 HTML Tag ,建筑的砖块 CSS 的 管理 分为全局 CSS ,公共模块,页面级别三种 模块化 CSS 书写,在全局样式里,务必减少无意义的 CSS 命名 不写行内样式 减少浮动,采用绝对定位布局 少部分采用渐进增强式开发
  • 3. 能力天空科技 ( 北京 ) 有限公司 AbleSky, Inc. Copyright © 2008-2011 AbleSky, Inc. | 能力天空科技 ( 北京 ) 有限公司 产品部 | 2011-09-16 | 从 Ext 到 JQuery 性能的提升 BUG 定位更容易
  • 4. 能力天空科技 ( 北京 ) 有限公司 AbleSky, Inc. Copyright © 2008-2011 AbleSky, Inc. | 能力天空科技 ( 北京 ) 有限公司 产品部 | 2011-09-16 | 从 Ext 到 JQuery RequireJS 的应用 脚本加载 (like seed) JS 模块化 服务器端应用 NodeJS 组件
  • 5. 能力天空科技 ( 北京 ) 有限公司 AbleSky, Inc. Copyright © 2008-2011 AbleSky, Inc. | 能力天空科技 ( 北京 ) 有限公司 产品部 | 2011-09-16 | 多工程下, UI 的共用 目前是两个工程 search 和 ajaxablesky UI 公用一套,从产品角度上考虑不适合分成两套 UI 库,前端开发需要同步两套 UI 的配置 WEB-INF/jsp/includes/ 公用文件如果更改, 其它工程下也要相应的修改 在搜索工程下 JSONP 使用的越来越多 JSONP 跨域获取数据的方式 异步获取数据或加载脚本时,注意增加 Loading 的提示 防止数据二次提交
  • 6. 能力天空科技 ( 北京 ) 有限公司 AbleSky, Inc. Copyright © 2008-2011 AbleSky, Inc. | 能力天空科技 ( 北京 ) 有限公司 产品部 | 2011-09-16 | 如何在既定的开发周期内完成既定的任务 分清前后端的工作 遵循约定的开发规范去做,但标准不是一成不变的 前端代码的复用,提高 JavaScript 代码编写的品质,保证其他开发人员也能读懂 不要直接修改前端框架和 jQuery Plugin (除自己编写外) 一些基础的 UI 组件亟待实现,需要和产品部门多沟通 前端攻城师 应该具备对优秀的 UI 的认知能力 从用户的角度考虑 责任心 多研究互联网产品 开发中前端遇到的问题
  • 7. Q&A Copyright © 2008-2011 AbleSky, Inc. | 能力天空科技 ( 北京 ) 有限公司 产品部 | 2011-07-06