前端攻城狮基础篇清华等0章

eb/前端概刘平川rank ：跨界码关于---

刘平川，网名Web/iOS/Android刘平川，网名和组和组件建设，企业通信协作产品与技，是，是前端团队FEX创立者之前曾任职bybyIan大WebWebIWebWebWebWebbypgpdesignIWebWebWebWebbypgpdesign“历史者，研究人类社会之沿革，而认识其进化之因果关系者

≈Int微服

浏览Web服务公数据WebVintCerf&RobertE.TimBernersNetscape,Mozilla,

196911创世「异种机」「网络互联」的一系列理论和技术问1989年3月WebTimBerners-

梦开始的地 欧洲核子研究组 InformationInformationManagement:A真正自由真正自由获取信息的开

@1994&JavaScript10天实现了JavaScript引例functionfunctiong(){a=false;returna;}vara=

浏览

CSS

《InformationManagementAProposal4.WWW组织March1989:“InformationManagement:AProposal”writtenbyTimBerners-Lee(TBL)andcirculatedforcommentsatCERN.

&时 20世纪最重要100人之发明WebUI浏览

“与其他所有推动人类进程的发明不同，这是一件Web架构近30年无大变Web整体知 免

个人的劳动成果 网只属 ·李一个人。Web物理机器异构网络协议文件传输协议必要条件（Web框架URL超文本到

最佳实践（Web架构落地Web浏览器（请求与展现GUI操作系统注重发展（组织保障成立WWWIWebWebWebWebbypgpdesignWebBrowser

HTML&Hyper<!DOCTYPE<!DOCTYPE<h1 o,HTMLandHyper

<ahref=“<ahref=“

W3CHTMLHTMLHTML

HTMLXHTMLXHTML

protocol://WebWebWebWeb HTTPbypgpdesignHyperTextTransferProtocol，超文本传输协议器的传送协议WhyanewHTTPWhynotWhynotNewsExistingprotocolscoveranumberofdifferentFiletransferprotocolsallowthetransferofdataattherequestofeitherthesenderorreceiver,butallowlittleprocessingofthedataattherespondingside.Mailprotocolsallowthetransferoftransientmessagesfromasingleauthortoasmallnumberofrecipients,attherequestoftheauthor.NewsprotocolsallowthebroadcastoftransientdatatoawideSearchandRetrieveprotocolsallowindexsearchestobemade,and access.Fewexist:Z39.50isonecouldbeextendedforourTheprotocolweneedforinformationaccess(HTTP)mustAsubsetofthefiletransferTheabilitytorequestanindexAutomaticformatTheabilitytorefer toanother

AsubsetofthefiletransferTheabilitytorequestanindexAutomaticformatTheabilitytorefer toanother

GETPipeliningbased/Keep-aliveRangeRFCStreambasedMultiplexing（语义不变，实现变字段字段字段字段请求内:字段响应请求内:字段

状态码分状态码分状态码内信息，服务器收到请求，需要请求者继续执行操成功，操作被成功接收并处重定向，需要进一步的操作以完成请客户端错误，请求包含语法错误或无法完成请服务器错误，服务器在处理请求的过程中发生了错200-请求成301-资源（网页等）被永久转移到其它304-缓404-请求的资源（网页等）不存500-内部服务器错HTTPDNSHTTP中间Man-in-the-Middle

HyperTextTransferProtocoloverSecureSocket从输入URLWeb什么是Web前Web前端发展及变bybyWeb 全全全全

大前OnlyHTMLcando 网景推出浏览器TimBerners-Lee创立HåkonWiumLie&BertBos发布PHPlthebrowserwhattodoAJAX&富应用（RichUEDUED=UserExperience交互设计师 ction视觉设计师(Vision用户体验设计师(UserExperience用户界面设计师(UserInterface前端开发工程师(WebFront-EndUED 产品

UI设产品上

输出数

lbrowserwhatto测 套后端模

交互页面产

UED网网页内容界面交互布局样式网页结构业务逻辑UEDJavaScript业务业务逻辑网页内容界面交互布局样式网页结构S CSSUED设计/后 前端架构师==JavaScriptLibraryUED需求提产品用户需求提产品用户研交互设UI设产品上业务后输出数测交互页面产JS开重构开后端模板开发人员成长空间受前端开发JavaScript很容易出现天花板界面的改动涉及多部门。如改文字/样式等职业定位问题。疑问：是开发还是设计UED的延UED->(UX, UED 产品

UI设产品上

输出数

lbrowserwhatto测 套后端模

交互页面产

产品

UI设产品上

输出数

UED拆开，解决设计与开发的交叉问前后端通过模板来解解脱后端开发模板的尴测 套后端模

UEDFE2004

2004

2006

2010 Web基于浏览器宿主的GUI开发工程

UED(UX,前后端分离 前后端分UEDUED 产品

UI设产品上

输出数

lbrowserwhatto测 套后端模

Demo产

重构开 产品

UI设产品上

测 套后端模

Demo产

重构开UED 产品

UI设产品上

测 Demo产

重构开浏览浏览器业务逻辑网页结构 布局样式 界面交互网页内容WebWeb终端 其单页应用越来越多：JSWeb端上线频次：11V.S120客户端要求发版：3周->1周->V.S1:2U