雷志兴-百度前端基础平台与架构分享

《雷志兴-百度前端基础平台与架构分享》由会员上传分享，免费在线阅读，更多相关内容在学术论文-天天文库。

1、百度前端基础平台分享雷志兴/berg百度FE@cnberg10年10月30日星期六前端通用组解决百度前端通用和基础性的问题10年10月30日星期六前端基础平台•百度前端现状•前端基础平台•开发框架•开发、测试平台•文档管理10年10月30日星期六FEWebFront-EndR&Dweb前端研发10年10月30日星期六PMFERDQA,OP...10年10月30日星期六众多产品线•搜索产品•社区产品•商业产品10年10月30日星期六与不同的后端交互•C•php•java10年10月30日星期六遇到了一些麻烦•切换和沟通成本增加•重复建设•成功实践的推广难度

2、加大10年10月30日星期六前端基础平台10年10月30日星期六在过去010010年10月30日星期六拥有基础平台03010010年10月30日星期六•基础库•开发、测试平台•前端资源管理•文档管理10年10月30日星期六1.基础库10年10月30日星期六Javascript代码分层app产品线具体逻辑componentui、效果控件业务逻辑套件base单一职能的基础方法10年10月30日星期六Javascript代码分层app产品线具体逻辑componentui、效果控件业务逻辑套件base单一职能的基础方法10年10月30日星期六百度产品线特征•需求

3、多样化•部分产品线性能要求高•产品线之间存在前端调用、交互•结构复杂的遗留系统10年10月30日星期六设计思路•易于封装、扩展•安全，避免冲突•按需装载10年10月30日星期六实现方案•最少暴露－只在当前作用域下新增一个变量•安全无害－不扩展原生对象和托管对象10年10月30日星期六实现方案•函数级别的需求选择•自动管理依赖•代码选择器和辅助工具获取最小代码集10年10月30日星期六core核心方法extra扩展方法10年10月30日星期六app产品线具体逻辑componentui、效果控件业务逻辑套件base单一职能的基础方法10年10月30日星期六f

4、x特效组件uiUI组件...其他组件10年10月30日星期六百度产品线特征•需求多样，单个组件相对简单•性能要求高•加载最小化10年10月30日星期六设计思路•高性能，安全可靠•按需组合控件特性•易封装，可重用10年10月30日星期六实现方案•采用字符串拼接创造控件•不持有DOM节点•通过插件机制来解耦控件•组合和行为使重用最大化10年10月30日星期六UIBase派生buttondialogtable...alertdraggable插件confirmstateable行为modalkeyboard......10年10月30日星期六简单可依赖的基础库1

5、0年10月30日星期六2.开发、测试平台10年10月30日星期六前端开发中的常见操作10年10月30日星期六java$%jar$yuicompressor.jar$myfile.js10年10月30日星期六拼合CSSsprite图片.rc%block1$.tl,$.rc%block1$.tr,$.rc%block1$.bl,$.rc%block1$.br${$$$$background:$url("/home/bg.gif");$$$$height:$3px;$$$$overflow:$hidden;$$$$width:$3px;}.rc%block1$

6、.tl${$$$$background%position:$%4px$%57px;}.rc%block1$.tr${$$$$background%position:$%7px$%57px;$$$$float:$right;}10年10月30日星期六完成开发后删除代码中的console.log10年10月30日星期六提交测试前将模块集成为模板10年10月30日星期六前端开发过程中的一些常见失误10年10月30日星期六线上图片写成了线下地址10年10月30日星期六js中的中文未unicode编码导致部分页面乱码10年10月30日星期六HTML标签未正确闭合1

7、0年10月30日星期六百度前端•C语言模板，性能强劲却功能有限•多人分工，模块化开发要求高•代码放在服务器上后，才能查看效果10年10月30日星期六设计思路•自动优化、检测前端资源•增强模板功能•定制性强•跨平台运行10年10月30日星期六实现方案•提供预处理模板•用户自定义工作流•提供插件机制•插件以子程序形式存在10年10月30日星期六线下地址检查检测jslint检查页面、模板检查JS、CSS、HTML压缩优化图片压缩前端CSSsprite自动化资源集成编译预处理模板上传到服务机分发自动替换地址静态文件引用添加时间戳10年10月30日星期六工作流10

8、年10月30日星期六自动处理前端开发中的机械劳动10年10月30日星期六3.文档