SlideShare a Scribd company logo
1 of 16
模板出处:@洁依 文字总结:阮一峰 做网站需要知道哪些事? 前端开发部
界面和用户体验 兼容不同操作系统下的各主流浏览器 了解网站在手机、平板电脑、搜索引擎等不同平台上的展现方式 知道如何在基本不影响用户使用的情况下升级网站。 必须有版本控制系统(CVS、SVN、Git等)和数据备份机制(backup)。 不要让用户看到那些不友好的出错提示。
界面和用户体验 不要直接显示用户的Email地址,至少不要用纯文本显示。 为你的网站设置一些合理的使用限制,一旦超过门槛值,就自动停止服务。(这也与网站安全相关。) 知道如何实现网页的渐进式增强(分级支持) 用户发出POST请求后,总是将其重导向(redirect)至另外一个网页 不要忘记网站的可访问性(accessibility,即残疾人如何使用网站)
安全性 了解SQL注入(SQL injection)及其预防方法。 永远不要信任用户提交的数据(cookie也是用户端提交的!) 不要明文(plain-text)储存用户的密码,要hash处理后再储存 不要对你的用户认证系统太自信 在登录页面及其他处理敏感信息的页面,使用SSL/HTTPS
安全性 知道如何对付session劫持。 避免"跨站点执行"(XSS) 避免"跨域伪造请求"(XSRF) 及时打上补丁,始终跟上最新版本 确认你的数据库连接信息的安全性 跟踪攻击技术的最新发展,以及你使用的平台的最新安全漏洞
安全性 阅读《OWASP开发指南》,它提供了全面的网站安全指导。 阅读Google的《浏览器安全手册》(Browser Security Handbook) 阅读《网络软件的黑客手册》(The Web Application Hackers Handbook )
性能 只要有可能,就使用缓存(caching)。正确理解和使用HTTP caching与HTML5离线储存。 优化图片。不要把一个20KB的图片文件,作为重复出现的网页背景图案 学习如何用gzip/deflate压缩内容。  将多个样式表文件或脚本文件,合为一个文件,这样可以减少浏览器的http请求数,以及减小gzip压缩后的文件总体积。
性能 使用CSS Image Sprite,减少http请求数。 大流量的网站应该考虑将网页对象分散在多个域名 图片、CSS、JavaScript、以及其他cookie无关的网页内容)都应该放在一个不需要使用cookie的独立域名之上。  使用Google的Closure Compiler压缩JavaScript文件,YUI Compressor亦可。
性能 确保网站根目录下有favicon.ico文件,因为即使网页中根本不包括这个文件,浏览器也会自动发出对它的请求。所以如果这个文件不存在,就会产生大量的404错误。 阅读Yahoo的Exceptional Performance 使用Yslow 使用page speed
SEO 使用"搜索引擎友好"的URL形式。 不要使用"点击这里"之类的超链接 创建一个XML sitemap 当你有多个URL指向同一个内容时,在网页代码中使用<link rel="canonical" ... /> 知道robots.txt的作用,以及搜索引擎蜘蛛的工作原理
SEO 将www.example.com的访问请求导向example.com或者采用相反的做法。 知道存在着恶意或行为不正当的网络蜘蛛。 如果你的网站有非文本的内容(比如视频、音频等等),你应该参考Google的sitemap扩展协议。 使用Google的Webmaster Tools和Yahoo的Site Explorer。 从一开始就使用Google Analytics等统计工具
技术 理解HTTP协议,以及诸如GET、POST、sessions、cookies之类的概念,包括"无状态"(stateless)是什么意思。 确保你的XHTML/HTML和CSS符合W3C标准,使得它们能够通过检验。 理解浏览器如何处理JavaScript脚本。 理解网页上的JavaScript文件、样式表文件和其他资源是如何装载及运行的,考虑它们对页面性能有何影响。
技术 理解JavaScript沙箱(Javascript sandbox)的工作原理,尤其是如果你打算使用iframe。 使网站在JS被禁用的情况下也保证可用性。 了解301重定向和302重定向之间的区别。 尽可能多得了解你的部署平台。 考虑使用样式表重置(Reset Style Sheet) 考虑使用JavaScript框架
解决BUG 理解程序员20%的时间用于编码,80%的时间用于维护,根据这一点相应安排时间。 建立一个有效的错误报告机制。 建立某些途径或系统,让用户可以与你接触,向你提出建议和批评。 为将来的维护和客服人员撰写文档,解释清楚系统是怎么运行的。
解决BUG 经常备份!(并且确保这些备份有效)    除了备份机制,你还必须有一个恢复机制。 不要忘记做单元测试(Unit Testing) 。 线上东西不要轻易删除,留神CDN缓存
@cuikai http://uicss.cn Thanks!

More Related Content

Viewers also liked

Life at the BoP
Life at the BoP Life at the BoP
Life at the BoP Movirtu
 
State and local tax: Top stories of 2015
State and local tax: Top stories of 2015State and local tax: Top stories of 2015
State and local tax: Top stories of 2015Andrea Platt
 
Compatibility Detector Tool of Chrome extensions
Compatibility Detector Tool of Chrome extensionsCompatibility Detector Tool of Chrome extensions
Compatibility Detector Tool of Chrome extensionsKai Cui
 
Survey report-charging-and-billing-for-the-digital-economy-final
Survey report-charging-and-billing-for-the-digital-economy-finalSurvey report-charging-and-billing-for-the-digital-economy-final
Survey report-charging-and-billing-for-the-digital-economy-finalCorine Suscens
 
Digital Bootcamp
Digital BootcampDigital Bootcamp
Digital BootcampPixeco
 
Guide: Turning dormant roamers into revenues
Guide: Turning dormant roamers into revenuesGuide: Turning dormant roamers into revenues
Guide: Turning dormant roamers into revenuesCorine Suscens
 
Brazilian Jiu-Jitsu and the art of email management
Brazilian Jiu-Jitsu and the art of email managementBrazilian Jiu-Jitsu and the art of email management
Brazilian Jiu-Jitsu and the art of email managementDean Franklin
 
Easy bib instructions for gss getting started
Easy bib instructions for gss   getting startedEasy bib instructions for gss   getting started
Easy bib instructions for gss getting startedgsslibrary
 
Javascript template
Javascript templateJavascript template
Javascript templateKai Cui
 
July.2011.w3ctech
July.2011.w3ctechJuly.2011.w3ctech
July.2011.w3ctechKai Cui
 
White paper: Virtualizing BSS to Accelerate Service Innovation
White paper: Virtualizing BSS to Accelerate Service InnovationWhite paper: Virtualizing BSS to Accelerate Service Innovation
White paper: Virtualizing BSS to Accelerate Service InnovationCorine Suscens
 

Viewers also liked (12)

Life at the BoP
Life at the BoP Life at the BoP
Life at the BoP
 
State and local tax: Top stories of 2015
State and local tax: Top stories of 2015State and local tax: Top stories of 2015
State and local tax: Top stories of 2015
 
Compatibility Detector Tool of Chrome extensions
Compatibility Detector Tool of Chrome extensionsCompatibility Detector Tool of Chrome extensions
Compatibility Detector Tool of Chrome extensions
 
Survey report-charging-and-billing-for-the-digital-economy-final
Survey report-charging-and-billing-for-the-digital-economy-finalSurvey report-charging-and-billing-for-the-digital-economy-final
Survey report-charging-and-billing-for-the-digital-economy-final
 
Digital Bootcamp
Digital BootcampDigital Bootcamp
Digital Bootcamp
 
Task
TaskTask
Task
 
Guide: Turning dormant roamers into revenues
Guide: Turning dormant roamers into revenuesGuide: Turning dormant roamers into revenues
Guide: Turning dormant roamers into revenues
 
Brazilian Jiu-Jitsu and the art of email management
Brazilian Jiu-Jitsu and the art of email managementBrazilian Jiu-Jitsu and the art of email management
Brazilian Jiu-Jitsu and the art of email management
 
Easy bib instructions for gss getting started
Easy bib instructions for gss   getting startedEasy bib instructions for gss   getting started
Easy bib instructions for gss getting started
 
Javascript template
Javascript templateJavascript template
Javascript template
 
July.2011.w3ctech
July.2011.w3ctechJuly.2011.w3ctech
July.2011.w3ctech
 
White paper: Virtualizing BSS to Accelerate Service Innovation
White paper: Virtualizing BSS to Accelerate Service InnovationWhite paper: Virtualizing BSS to Accelerate Service Innovation
White paper: Virtualizing BSS to Accelerate Service Innovation
 

Similar to 做网站需要知道哪些事

Kiss开发平台简介
Kiss开发平台简介Kiss开发平台简介
Kiss开发平台简介cecepig
 
ASP.Net MVC2 简介
ASP.Net MVC2 简介ASP.Net MVC2 简介
ASP.Net MVC2 简介Allen Lsy
 
zhuwenlongChinese
zhuwenlongChinesezhuwenlongChinese
zhuwenlongChineseWenlong Zhu
 
网站开发应知的61件事
网站开发应知的61件事网站开发应知的61件事
网站开发应知的61件事Robin Deng
 
深入研究 Windows 系統服務 效能調校與故障排除
深入研究 Windows 系統服務    效能調校與故障排除深入研究 Windows 系統服務    效能調校與故障排除
深入研究 Windows 系統服務 效能調校與故障排除5045033
 
价值中国网站开发、管理经验探讨、分享、交流
价值中国网站开发、管理经验探讨、分享、交流价值中国网站开发、管理经验探讨、分享、交流
价值中国网站开发、管理经验探讨、分享、交流hizhubo
 
2014 Hpocon 周辉 大众点评 - 大众点评混合开发模式下的加速尝试
2014 Hpocon 周辉   大众点评 - 大众点评混合开发模式下的加速尝试2014 Hpocon 周辉   大众点评 - 大众点评混合开发模式下的加速尝试
2014 Hpocon 周辉 大众点评 - 大众点评混合开发模式下的加速尝试Michael Zhang
 
使用最新 Edge 瀏覽器來進行開發​
使用最新 Edge 瀏覽器來進行開發​使用最新 Edge 瀏覽器來進行開發​
使用最新 Edge 瀏覽器來進行開發​Poy Chang
 
门户级Ugc系统的技术进化路线
门户级Ugc系统的技术进化路线门户级Ugc系统的技术进化路线
门户级Ugc系统的技术进化路线立 刘
 
Inspire dgt 網路技術分享_手機網頁的二三事_20110214
Inspire dgt 網路技術分享_手機網頁的二三事_20110214Inspire dgt 網路技術分享_手機網頁的二三事_20110214
Inspire dgt 網路技術分享_手機網頁的二三事_20110214inspire digital
 
虚拟化介绍201012
虚拟化介绍201012虚拟化介绍201012
虚拟化介绍201012ITband
 
20130823微軟雲端平台開發者日
20130823微軟雲端平台開發者日20130823微軟雲端平台開發者日
20130823微軟雲端平台開發者日twMVC
 
twMVC#21 | 以實例說明ASP.NET Web API 服務的開發與測試過程
twMVC#21 | 以實例說明ASP.NET Web API 服務的開發與測試過程twMVC#21 | 以實例說明ASP.NET Web API 服務的開發與測試過程
twMVC#21 | 以實例說明ASP.NET Web API 服務的開發與測試過程twMVC
 
赶集团购开发总结4
赶集团购开发总结4赶集团购开发总结4
赶集团购开发总结4yangdj
 
一纸流年
一纸流年一纸流年
一纸流年dipoo
 
Webify 一键部署
Webify 一键部署Webify 一键部署
Webify 一键部署琦 胡
 
Web技术体系概述
Web技术体系概述Web技术体系概述
Web技术体系概述Cao Li
 

Similar to 做网站需要知道哪些事 (20)

SCM第一讲
SCM第一讲SCM第一讲
SCM第一讲
 
Kiss开发平台简介
Kiss开发平台简介Kiss开发平台简介
Kiss开发平台简介
 
ASP.Net MVC2 简介
ASP.Net MVC2 简介ASP.Net MVC2 简介
ASP.Net MVC2 简介
 
SWsoft_Prim@Telecom
SWsoft_Prim@TelecomSWsoft_Prim@Telecom
SWsoft_Prim@Telecom
 
zhuwenlongChinese
zhuwenlongChinesezhuwenlongChinese
zhuwenlongChinese
 
网站开发应知的61件事
网站开发应知的61件事网站开发应知的61件事
网站开发应知的61件事
 
深入研究 Windows 系統服務 效能調校與故障排除
深入研究 Windows 系統服務    效能調校與故障排除深入研究 Windows 系統服務    效能調校與故障排除
深入研究 Windows 系統服務 效能調校與故障排除
 
价值中国网站开发、管理经验探讨、分享、交流
价值中国网站开发、管理经验探讨、分享、交流价值中国网站开发、管理经验探讨、分享、交流
价值中国网站开发、管理经验探讨、分享、交流
 
2014 Hpocon 周辉 大众点评 - 大众点评混合开发模式下的加速尝试
2014 Hpocon 周辉   大众点评 - 大众点评混合开发模式下的加速尝试2014 Hpocon 周辉   大众点评 - 大众点评混合开发模式下的加速尝试
2014 Hpocon 周辉 大众点评 - 大众点评混合开发模式下的加速尝试
 
使用最新 Edge 瀏覽器來進行開發​
使用最新 Edge 瀏覽器來進行開發​使用最新 Edge 瀏覽器來進行開發​
使用最新 Edge 瀏覽器來進行開發​
 
门户级Ugc系统的技术进化路线
门户级Ugc系统的技术进化路线门户级Ugc系统的技术进化路线
门户级Ugc系统的技术进化路线
 
Inspire dgt 網路技術分享_手機網頁的二三事_20110214
Inspire dgt 網路技術分享_手機網頁的二三事_20110214Inspire dgt 網路技術分享_手機網頁的二三事_20110214
Inspire dgt 網路技術分享_手機網頁的二三事_20110214
 
Java@taobao
Java@taobaoJava@taobao
Java@taobao
 
虚拟化介绍201012
虚拟化介绍201012虚拟化介绍201012
虚拟化介绍201012
 
20130823微軟雲端平台開發者日
20130823微軟雲端平台開發者日20130823微軟雲端平台開發者日
20130823微軟雲端平台開發者日
 
twMVC#21 | 以實例說明ASP.NET Web API 服務的開發與測試過程
twMVC#21 | 以實例說明ASP.NET Web API 服務的開發與測試過程twMVC#21 | 以實例說明ASP.NET Web API 服務的開發與測試過程
twMVC#21 | 以實例說明ASP.NET Web API 服務的開發與測試過程
 
赶集团购开发总结4
赶集团购开发总结4赶集团购开发总结4
赶集团购开发总结4
 
一纸流年
一纸流年一纸流年
一纸流年
 
Webify 一键部署
Webify 一键部署Webify 一键部署
Webify 一键部署
 
Web技术体系概述
Web技术体系概述Web技术体系概述
Web技术体系概述
 

做网站需要知道哪些事