Enviar búsqueda
Cargar
快速定位开发常见的前端问题
•
Descargar como PPTX, PDF
•
9 recomendaciones
•
763 vistas
taobao.com
Seguir
Tecnología
Denunciar
Compartir
Denunciar
Compartir
1 de 27
Descargar ahora
Recomendados
[2008]网站重构 -who am i
[2008]网站重构 -who am i
Twinsen Liang
Inspire DGT 網站技術分享
Inspire DGT 網站技術分享
inspire digital
Web教程2
Web教程2
tamamadesu
Web dev road map part one
Web dev road map part one
安 闫
前端 JavaScript 相关的小Tips
前端 JavaScript 相关的小Tips
blank zheng
基于Greasemonkey的Firefox浏览器扩展
基于Greasemonkey的Firefox浏览器扩展
agen
開發的效能與效率-twMVC#15
開發的效能與效率-twMVC#15
twMVC
[數學軟體應用] 05 HTML+CSS
[數學軟體應用] 05 HTML+CSS
Yen-lung Tsai
Recomendados
[2008]网站重构 -who am i
[2008]网站重构 -who am i
Twinsen Liang
Inspire DGT 網站技術分享
Inspire DGT 網站技術分享
inspire digital
Web教程2
Web教程2
tamamadesu
Web dev road map part one
Web dev road map part one
安 闫
前端 JavaScript 相关的小Tips
前端 JavaScript 相关的小Tips
blank zheng
基于Greasemonkey的Firefox浏览器扩展
基于Greasemonkey的Firefox浏览器扩展
agen
開發的效能與效率-twMVC#15
開發的效能與效率-twMVC#15
twMVC
[數學軟體應用] 05 HTML+CSS
[數學軟體應用] 05 HTML+CSS
Yen-lung Tsai
2010 Apex Park And Recreation District Info
2010 Apex Park And Recreation District Info
VoIPSpecialist
Solid Professionals
Solid Professionals
snahdoes
前端,架构、框架与库(周爱明)[懒懒交流会#38]
前端,架构、框架与库(周爱明)[懒懒交流会#38]
taobao.com
台灣的四季印象
台灣的四季印象
Josephine C
大腸與健康(知識)
大腸與健康(知識)
Josephine C
視覺的震撼
視覺的震撼
Josephine C
Victory Over Neck And Back Pain Dr Shriniwas Kashalikar
Victory Over Neck And Back Pain Dr Shriniwas Kashalikar
shriniwaskashalikar
西班牙的建築與街道
西班牙的建築與街道
Josephine C
驚人的 全球磁變
驚人的 全球磁變
Josephine C
Beautiful fog
Beautiful fog
Josephine C
不抱怨的世界 書版
不抱怨的世界 書版
Josephine C
201107 sea js-d2-show
201107 sea js-d2-show
taobao.com
CIOB Complex Projects Contract 2013 - 25 April 2013 - Transcript of Talk
CIOB Complex Projects Contract 2013 - 25 April 2013 - Transcript of Talk
Francis Ho
P H Y S I O L O G Y O F N A M A S M A R A N D R
P H Y S I O L O G Y O F N A M A S M A R A N D R
shriniwaskashalikar
Anàlisi anunci
Anàlisi anunci
sbolader
Portafolio
Portafolio
manuelchi
Sexuality Debates In Kerala
Sexuality Debates In Kerala
siofilmcamp
新疆阿瓦日古麗
新疆阿瓦日古麗
Josephine C
Building Regulations, Collateral Warranties and Third Party Rights - 2014 Ols...
Building Regulations, Collateral Warranties and Third Party Rights - 2014 Ols...
Francis Ho
004環境リスクコミュニケーション部会
004環境リスクコミュニケーション部会
河井 孝仁
GDSC FCU 第1堂 前端新手村 - HTML, CSS, JavaScript介紹
GDSC FCU 第1堂 前端新手村 - HTML, CSS, JavaScript介紹
FCUGDSC
淘宝网前端应用与发展
淘宝网前端应用与发展
taobao.com
Más contenido relacionado
Destacado
2010 Apex Park And Recreation District Info
2010 Apex Park And Recreation District Info
VoIPSpecialist
Solid Professionals
Solid Professionals
snahdoes
前端,架构、框架与库(周爱明)[懒懒交流会#38]
前端,架构、框架与库(周爱明)[懒懒交流会#38]
taobao.com
台灣的四季印象
台灣的四季印象
Josephine C
大腸與健康(知識)
大腸與健康(知識)
Josephine C
視覺的震撼
視覺的震撼
Josephine C
Victory Over Neck And Back Pain Dr Shriniwas Kashalikar
Victory Over Neck And Back Pain Dr Shriniwas Kashalikar
shriniwaskashalikar
西班牙的建築與街道
西班牙的建築與街道
Josephine C
驚人的 全球磁變
驚人的 全球磁變
Josephine C
Beautiful fog
Beautiful fog
Josephine C
不抱怨的世界 書版
不抱怨的世界 書版
Josephine C
201107 sea js-d2-show
201107 sea js-d2-show
taobao.com
CIOB Complex Projects Contract 2013 - 25 April 2013 - Transcript of Talk
CIOB Complex Projects Contract 2013 - 25 April 2013 - Transcript of Talk
Francis Ho
P H Y S I O L O G Y O F N A M A S M A R A N D R
P H Y S I O L O G Y O F N A M A S M A R A N D R
shriniwaskashalikar
Anàlisi anunci
Anàlisi anunci
sbolader
Portafolio
Portafolio
manuelchi
Sexuality Debates In Kerala
Sexuality Debates In Kerala
siofilmcamp
新疆阿瓦日古麗
新疆阿瓦日古麗
Josephine C
Building Regulations, Collateral Warranties and Third Party Rights - 2014 Ols...
Building Regulations, Collateral Warranties and Third Party Rights - 2014 Ols...
Francis Ho
004環境リスクコミュニケーション部会
004環境リスクコミュニケーション部会
河井 孝仁
Destacado
(20)
2010 Apex Park And Recreation District Info
2010 Apex Park And Recreation District Info
Solid Professionals
Solid Professionals
前端,架构、框架与库(周爱明)[懒懒交流会#38]
前端,架构、框架与库(周爱明)[懒懒交流会#38]
台灣的四季印象
台灣的四季印象
大腸與健康(知識)
大腸與健康(知識)
視覺的震撼
視覺的震撼
Victory Over Neck And Back Pain Dr Shriniwas Kashalikar
Victory Over Neck And Back Pain Dr Shriniwas Kashalikar
西班牙的建築與街道
西班牙的建築與街道
驚人的 全球磁變
驚人的 全球磁變
Beautiful fog
Beautiful fog
不抱怨的世界 書版
不抱怨的世界 書版
201107 sea js-d2-show
201107 sea js-d2-show
CIOB Complex Projects Contract 2013 - 25 April 2013 - Transcript of Talk
CIOB Complex Projects Contract 2013 - 25 April 2013 - Transcript of Talk
P H Y S I O L O G Y O F N A M A S M A R A N D R
P H Y S I O L O G Y O F N A M A S M A R A N D R
Anàlisi anunci
Anàlisi anunci
Portafolio
Portafolio
Sexuality Debates In Kerala
Sexuality Debates In Kerala
新疆阿瓦日古麗
新疆阿瓦日古麗
Building Regulations, Collateral Warranties and Third Party Rights - 2014 Ols...
Building Regulations, Collateral Warranties and Third Party Rights - 2014 Ols...
004環境リスクコミュニケーション部会
004環境リスクコミュニケーション部会
Similar a 快速定位开发常见的前端问题
GDSC FCU 第1堂 前端新手村 - HTML, CSS, JavaScript介紹
GDSC FCU 第1堂 前端新手村 - HTML, CSS, JavaScript介紹
FCUGDSC
淘宝网前端应用与发展
淘宝网前端应用与发展
taobao.com
高性能网站最佳实践
高性能网站最佳实践
longhao
建立前端开发团队 (Front-end Development Environment)
建立前端开发团队 (Front-end Development Environment)
Joseph Chiang
日新培训
日新培训
pan quanjin
前端性能优化和自动化
前端性能优化和自动化
kaven yan
富文本编辑器在互联网上的应用
富文本编辑器在互联网上的应用
luolonghao
前端開發學習簡介
前端開發學習簡介
peterju
淘宝网前端开发面试题
淘宝网前端开发面试题
Lumend
网站重构&Web标准设计第二版
网站重构&Web标准设计第二版
志勇 孙
Html规范常见问题举例
Html规范常见问题举例
noahlu
Css schema by_sofish
Css schema by_sofish
Webrebuild
支付宝CSS构架
支付宝CSS构架
Sofish Lin
猫粮快报
猫粮快报
tbmallf2e
Html&css基础
Html&css基础
KenerLinfeng
前端开发规范
前端开发规范
aNd1coder
Exam 98-375 HTML5 Application Development Fundamentals
Exam 98-375 HTML5 Application Development Fundamentals
Chieh Lin
【第一季第一期】开发的前端之痛 by 银环
【第一季第一期】开发的前端之痛 by 银环
tbosstraining
【第一期】开发的前端之痛 by 银环
【第一期】开发的前端之痛 by 银环
tbosstraining
价值中国网站开发、管理经验探讨、分享、交流
价值中国网站开发、管理经验探讨、分享、交流
hizhubo
Similar a 快速定位开发常见的前端问题
(20)
GDSC FCU 第1堂 前端新手村 - HTML, CSS, JavaScript介紹
GDSC FCU 第1堂 前端新手村 - HTML, CSS, JavaScript介紹
淘宝网前端应用与发展
淘宝网前端应用与发展
高性能网站最佳实践
高性能网站最佳实践
建立前端开发团队 (Front-end Development Environment)
建立前端开发团队 (Front-end Development Environment)
日新培训
日新培训
前端性能优化和自动化
前端性能优化和自动化
富文本编辑器在互联网上的应用
富文本编辑器在互联网上的应用
前端開發學習簡介
前端開發學習簡介
淘宝网前端开发面试题
淘宝网前端开发面试题
网站重构&Web标准设计第二版
网站重构&Web标准设计第二版
Html规范常见问题举例
Html规范常见问题举例
Css schema by_sofish
Css schema by_sofish
支付宝CSS构架
支付宝CSS构架
猫粮快报
猫粮快报
Html&css基础
Html&css基础
前端开发规范
前端开发规范
Exam 98-375 HTML5 Application Development Fundamentals
Exam 98-375 HTML5 Application Development Fundamentals
【第一季第一期】开发的前端之痛 by 银环
【第一季第一期】开发的前端之痛 by 银环
【第一期】开发的前端之痛 by 银环
【第一期】开发的前端之痛 by 银环
价值中国网站开发、管理经验探讨、分享、交流
价值中国网站开发、管理经验探讨、分享、交流
Más de taobao.com
编辑器设计U editor
编辑器设计U editor
taobao.com
Berserk js
Berserk js
taobao.com
淘宝开放产品前端实践
淘宝开放产品前端实践
taobao.com
广告投放代码和创意代码持续优化
广告投放代码和创意代码持续优化
taobao.com
第三方内容开发最佳实践
第三方内容开发最佳实践
taobao.com
编辑器设计Kissy editor
编辑器设计Kissy editor
taobao.com
百度前端性能监控与优化实践
百度前端性能监控与优化实践
taobao.com
Node.js在淘宝的应用实践
Node.js在淘宝的应用实践
taobao.com
Kind editor设计思路
Kind editor设计思路
taobao.com
Java script physical engine
Java script physical engine
taobao.com
Html5环保小游戏
Html5环保小游戏
taobao.com
阅读类Web应用前端技术探索
阅读类Web应用前端技术探索
taobao.com
完颜:移动网站的兼容性探索
完颜:移动网站的兼容性探索
taobao.com
张平:JavaScript引擎实现
张平:JavaScript引擎实现
taobao.com
高力:19楼现有前端架构
高力:19楼现有前端架构
taobao.com
李成银:前端编译平台
李成银:前端编译平台
taobao.com
钱宝坤:多浏览器集成的JavaScript单元测试工具
钱宝坤:多浏览器集成的JavaScript单元测试工具
taobao.com
张克军:前端基础架构的实践和思考
张克军:前端基础架构的实践和思考
taobao.com
刘平川:【用户行为分析】Marmot实践
刘平川:【用户行为分析】Marmot实践
taobao.com
吴英杰:【用户行为分析】淘宝页面显微镜系统原理及实践
吴英杰:【用户行为分析】淘宝页面显微镜系统原理及实践
taobao.com
Más de taobao.com
(20)
编辑器设计U editor
编辑器设计U editor
Berserk js
Berserk js
淘宝开放产品前端实践
淘宝开放产品前端实践
广告投放代码和创意代码持续优化
广告投放代码和创意代码持续优化
第三方内容开发最佳实践
第三方内容开发最佳实践
编辑器设计Kissy editor
编辑器设计Kissy editor
百度前端性能监控与优化实践
百度前端性能监控与优化实践
Node.js在淘宝的应用实践
Node.js在淘宝的应用实践
Kind editor设计思路
Kind editor设计思路
Java script physical engine
Java script physical engine
Html5环保小游戏
Html5环保小游戏
阅读类Web应用前端技术探索
阅读类Web应用前端技术探索
完颜:移动网站的兼容性探索
完颜:移动网站的兼容性探索
张平:JavaScript引擎实现
张平:JavaScript引擎实现
高力:19楼现有前端架构
高力:19楼现有前端架构
李成银:前端编译平台
李成银:前端编译平台
钱宝坤:多浏览器集成的JavaScript单元测试工具
钱宝坤:多浏览器集成的JavaScript单元测试工具
张克军:前端基础架构的实践和思考
张克军:前端基础架构的实践和思考
刘平川:【用户行为分析】Marmot实践
刘平川:【用户行为分析】Marmot实践
吴英杰:【用户行为分析】淘宝页面显微镜系统原理及实践
吴英杰:【用户行为分析】淘宝页面显微镜系统原理及实践
快速定位开发常见的前端问题
1.
快速定位常见的前端问题 By 银环
2.
目 的 增进前端与开发无间隙合作
普及前端知识 提高工作效率
3.
调试环境 浏览器:firefox 工具:firebug
firebug帮助文档:http://wenku.baidu.com/view/72ce9f0ef12d2af90242e635.html
4.
目 录
常见html+css问题 01 常见js问题 02
5.
常见HTML+css问题|文档与文件 文档声明不正确(或者声明多个) css/js路径未引用或者多引用
css/js路径引用不正确
6.
问题说明 |认识doctype <!DOCTYPE
html> 区别于 <html> http://demo.ued.taobao.net/yinhuan/example/doctype.html http://demo.ued.taobao.net/yinhuan/example/doctype_right.html
7.
问题说明 |如何检查css/js引用是否正确 1.
与demo对照检查是否有引用 2. 查看文件加载是否正确 3. 检查加载的顺序
8.
问题说明 |如何检查css/js引用是否正确 http://demo.ued.taobao.net/yinhuan/example/act.html
9.
常见HTML+css问题|结构错误 标签未正确闭合 嵌套错误
非法嵌套
10.
问题说明 | 标签未正确闭合
1. 标签自闭合 2. 标签未闭合
11.
问题说明 | 标签未正确闭合
标签自闭合 <imgsrc=“” /> √ <input type=“text” /> √ <span /> or <div /> X 2. 标签未闭合 http://demo.ued.taobao.net/yinhuan/example/tag.html http://demo.ued.taobao.net/yinhuan/example/tag_right.html
12.
问题说明 | 标签嵌套错误
1. 标签交叉 2. 标签放置位置不正确 http://demo.ued.taobao.net/yinhuan/example/tag_p.html
13.
问题分类说明 | 非法嵌套
几组常见标签: table,tr,td table ,tbody,tfoot ul,liol,li dl, dt/dd http://demo.ued.taobao.net/yinhuan/example/ul.html
14.
问题分类说明 | 查看元素及样式
(2) (1) (3) (4)
15.
常见HTML+css问题|标识缺失/不正确 缺少ID或者class 标识设置不正确
16.
问题说明 | 缺失ID或者class
css几种最常见选择器: .msg24 .ok div.msg24 .ok .msg24 p #msg24 .ok http://demo.ued.taobao.net/qingyu/marketing/micropayments/account_payment.html
17.
问题说明 | 标识设置不正确
设置table的cols数目与实际列数不符 http://demo.ued.taobao.net/yinhuan/example/table_col.html 实例地址:http://demo.ued.taobao.net/yinhuan/example/table.html
18.
错误自查 step1:引用是否正确
step2 : 结构是否正确 step3:标识是否缺失 实在搞不定,咨询前端开发
19.
常见javascript问题|如何调用Yui /tbra /kissy?
查看YUI文档 firebug DOM查看器 http://demo.ued.taobao.net/yinhuan/marketing/huijin2/magic_detail.html
20.
21.
常见javascript问题|如何调试?
firebug 断点 console.log/dir/debugger
22.
23.
Console.log Console.dir
24.
常见javascript问题|查看AJAX请求和网络情况?
firebug 控制台 firebug查看网络
25.
26.
更多资料: Yui官方文档:http://developer.yahoo.com/yui/ 前端DPL文档:http://assets.taobaocdn.com/tbra/dpl/
Tbra1.0示例:http://assets.taobaocdn.com/tbra/1.0/examples/ Firebug使用文档:http://wenku.baidu.com/view/72ce9f0ef12d2af90242e635.html
27.
Thanks
Descargar ahora