前端技术介绍.ppt

前端技术介绍.ppt

ID:56319390

大小:314.50 KB

页数:19页

时间:2020-06-11

前端技术介绍.ppt_第1页
前端技术介绍.ppt_第2页
前端技术介绍.ppt_第3页
前端技术介绍.ppt_第4页
前端技术介绍.ppt_第5页
资源描述:

《前端技术介绍.ppt》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库

1、前端技术介绍ANNUALWORKSUMMARYOFTHEINTERNET010203点击添加标题点击添加标题点击添加标题目录0102前端基础知识前端类库与框架1一.前端基础知识Clickheretoaddatitle前端技术的发展Web前端开发是从网页制作演变而来的,早期的前端其实就是Table布局,后来发展到所谓的Div+CSS网站重构,再到现在的让人眼花缭乱的各种各样的新技术,Web前端技术发展是非常快速的。随着人们对用户体验的要求越来越高,前端开发的技术难度越来越大。前端技术相对于后台技术,代码是开源的,前端用户使用的浏览器不可预知,而且前端技术更关注页

2、面性能和用户体验前端开发的核心前端开发的核心是HTML+CSS+JavaScript原则:结构、表现、行为分离通俗的讲,他们代表了“结构”、“表现”和“行为”。HTML决定网页的结构和内容,CSS用来设定网页的表现形式,JavaScript用来控制网页的行为本质上它们构成一个MVC框架,即HTML作为信息模型(Model),CSS控制样式(View),JavaScript负责调度数据和实现某种展现逻辑(Controller)。WEB三项组成-结构HTML/XHTML/XMLhtml:超文本标记语言xml:可扩展标记语言xhtml:可扩展超文本标记语言HTML用

3、于将普通文本转化为活动文本以便显示在Web上,并为普通的无结构文本提供结构由一些称为标签的经过编码的标记符组成,标签包围着文本,并且标明所标记文本的功能和用途。标签直接嵌入普通文本文档中,并在计算机处理文档的时候得以理解。标签自身不会显示。WEB三项组成-结构HTML5:最新一代的超文本标记语言可以简单点理解成:h5≈html+CSS3+js+API。html:没有体现结构语义化的标签,我们通常都是这样来命名的

.这样表示网站的头部。html5:在语义上却有很大的优势。提供了一些新的标签,比如:

4、icle>

提供了语义化标签可以更好地支持搜索引擎的读取便于seo的蜘蛛的爬行。WEB三项组成--表现CSS层叠样式表:是一种用来表现HTML或XML等文件样式的计算机语言CSS3是CSS(层叠样式表)技术的升级版本,CSS3规范的一个新特点是被分为若干个相互独立的模块。分成若干较小的模块较利于规范及时更新和发布,及时调整模块的内容。WEB三项组成-行为JavaScript是一门运行在客户端(浏览器)的脚本语言边解释边执行实现了网页实时的、动态的、可交互的表达能力浏览器兼容性问题-JavaScript引擎JavaScript引擎是一个专门处理Ja

5、vaScript脚本的虚拟机,附在浏览器中“读懂”JavaScript代码,并准确地给出代码运行结果的一段程序。一般情况下JavaScript引擎都是浏览器开发商自行开发的。各大浏览器对W3C标准的支持程度不同,因此,在CSS样式、DOM操作、XML解析等操作上存在很多兼容性问题由于浏览器的js引擎不同,导致js的各种兼容性问题浏览器兼容性问题-浏览器与内核目前最为主流浏览器有五大款,分别是IE、Firefox、GoogleChrome、Safari、Opera四大内核分别是:Trident(也称IE内核)、webkit、Blink、Gecko五大浏览器采用的

6、都是单内核随着浏览器的发展现在也出现了双内核。像360浏览器、QQ浏览器都是采用双内核。浏览器兼容性问题-浏览器与内核对应列表1、IE浏览器内核:Trident内核,也是俗称的IE内核;2、Chrome浏览器内核:统称为Chromium内核或Chrome内核,以前是Webkit内核,现在是Blink内核;3、Firefox浏览器内核:Gecko内核,俗称Firefox内核;4、Safari浏览器内核:Webkit内核;5、Opera浏览器内核:最初是自己的Presto内核,后来是Webkit,现在是Blink内核;6、360浏览器、猎豹浏览器内核:IE+Chr

7、ome双内核;7、搜狗、遨游、QQ浏览器内核:Trident(兼容模式)+Webkit(高速模式);8、百度浏览器、世界之窗内核:IE内核1二.前端类库与框架介绍Clickheretoaddatitle二.前端类库与框架什么是类库和框架类库类库是一些函数的集合,它能帮助你写WEB应用。起主导作用的是你的代码,由你来决定何时使用类库。类库有:jQuery等框架框架是一种特殊的、已经实现了的WEB应用,你只需要对它填充具体的业务逻辑。这里框架是起主导作用的,由它来根据具体的应用逻辑来调用你的代码。框架有:augular.js等。任何框架和库的出现,都是为了满足我们

8、日常开发的效率和设计,是对已有方式的一

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。
相关标签