精华内容
下载资源
问答
  • app年代发展历程模板

    2021-04-02 09:39:06
    app年代发展历程模板
  • 个人工作历程展示响应式网页模板
  • CSS3实现的公司发展历程时间轴
  • 适合企业发展历程,企业发展介绍的ppt模板,漂亮的企业发展历程ppt模板
  • 发展历程PPT插图素材,关键词:公司,发展历程,PPT插图素材; 发展历程PPT插图素材,关键词:公司,发展历程,PPT插图素材;转载请注明出处!本文地址:http://www.1ppt.com/article/528.html 上一篇:人口增长PPT...
  • 公司发展历程,企业文化介绍,工作总结汇报ppt模板
  • bootstrap商务企业发展史网站模板
  • 发展历程图表素材下载,关键词:发展历程,发展过程,幻灯片图表素材,PPTX格式; 发展历程图表素材下载,关键词:发展历程,发展过程,幻灯片图表素材,PPTX格式;
  • 企业发展历程pp模板

    2019-10-21 19:39:21
    企业发展历程pp模板
  • 企业发展历程流程图PPT素材下载,本素材以动态形式展示一个企业从1980年到2007年的发展历程记事,以网格为背景图案,使得幻灯片非常有科技感; 关键词:科技,发展历程,大记事,PPT流程图,时间轴幻灯片图表素材,...
  • 交叉结构的发展历程PPT图表素材下载,关键词:交叉结构,发展历程时间表,幻灯片流程图,PPT图表素材,PPTX格式; 交叉结构的发展历程PPT图表素材下载,关键词:交叉结构,发展历程时间表,幻灯片流程图,PPT图表...
  • 企业发展历程ppt模板下载适用于企业发展设计应用。
  • 这是两张彩色扁平化风格的,公司发展历程PPT时间轴图表。 图表介绍了公司的发展历程中的员工增长数据、营业收入数据等。.PPTX格式;
  • 不过,随着行业的变化和发展,旧版本的浏览器也会逐渐的类似于IE6、IE8等被淘汰,而最新的浏览器势必也会有新的兼容问题。 网页设计正在飞速发展,未来还会有越来越多的创新,就让我们拭目以待吧! 欢迎沟通交流~...

    网页设计简史

    HTML5学堂 - 刘国利 - 独行冰海:郑重声明,本文来源于优设,原文于2014年12月书写。之所以在HTML5中提到网页设计简史,其实在于网页设计与前端开发有着千丝万缕的联系(而今的网页设计师和前端开发工程师也是从以前的一个工作分化而来的)。站在开发的角度,对文章进行了适当的调整和补充~

    网页设计:黎明前的黑暗(1989)

    在互联网真正开始之时,黑色的显示屏仅能显示单色的像素。可以说,当互联网天地初开之时,Web Design 仅仅意味着字符和空格的排列组合。虽然图形化的界面早在80年代初就有了,但在此时普及率并不高。直到90年代,图形化界面才真正进入千家万户,而那时候,才是属于互联网的狂野西部。

    表格(table):网页的兴起(1995)

    能够显示图片的浏览器的诞生,是促使网页设计这个行业诞生的重要先决条件。实际上在当时,最接近于信息结构化的概念,是HTML中已有的元素:表格(Table)。所以,David Siegel 在他的网页设计书《Creating Killer Sites》讲述了他设计优秀网站的秘诀:在表格中嵌套表格,将静态的表格和动态的表格以巧妙的方式结合到一起。尽管表格本身是用来承载数据的,用来承载内容和图片有点奇怪,但是在那个时代,这种方法依然显得颇为靠谱,并且大行其道。

    网页设计所面临的另外一个问题,就是如何保持网页那脆弱的结构。也正是因为这种需求,切片设计(Slicing Design)逐渐流行了起来。设计师创建出漂亮的网页布局,随后开发者将整个设计稿切片,找出呈现设计的最佳方法。另一方面,表格还有一些炫酷的功能,比如垂直对齐,以像素为单位或者以百分比来控制对齐。在那个时代,表格可是近乎栅格系统一般的灵活的设计神器,也正是因此,那个时代的开发者并不喜欢前端的代码。(表格嵌套表格有多乱?)

    来自JavaScript的救援(1995)

    JavaScript的出现补足了尚且原始的HTML。举个例子,如果你想写个弹出窗,或者想动态修改某些对象的顺序?HTML不行,但是JS可以!不过此时(刚刚推出JS时)JS的主要问题在于,它处于整个网页布局的顶层并且需要单独加载。很多时候它仅仅被懒惰的开发者用作一个简单的补丁,但如果使用得当,JS可以非常强大。今天,JS的功能愈加强大,前端jQuery、Ext等各种框架,后端的Node.js都是不可多得的好东西。

    Flash:自由的黄金时代(1996)

    作为一门新技术,Flash为网页开发者/设计师带来了前所未有的自由,它打破了之前网页设计所固有的限制。借助Flash,设计师可以随心所欲地在网页上展现任何形状、布局、动画和交互,可以使用任何喜欢的字体,他们借助Flash熔于一体。所有的这一切最终会被打包成为一个文件,然后被发送到浏览器端显示出来。这也就意味着,用户只需要拥有最新的Flash插件和些许等待时间,就可以享有一个魔术般的网页。这是启动页面(splash pages)、介绍动画以及各种交互特效的黄金时代。不幸的是,这种设计并不开放,也不利于搜索,还需要消耗计算机大量的运算能力(这些缺点也是Flash类型网站未能流行起来的原因)。2007年,当苹果发布他们的第一台iPhone的时候,就决定彻底放弃Flash,也正是在这个时候,彻底宣告着Flash在网页设计中走到陌路。

    CSS的诞生 (1998)

    差不多是在Flash崛起的同时,一种更好的网页结构化设计工具CSS诞生了。CSS的基本概念是将网页内容的样式分离出来,所以网页的外观和格式等属性将会在CSS中被定义,但内容依然保留在HTML中。早期版本的CSS并没有现在那么灵活,和许多新事物一样,它最大的障碍在于许多浏览器还没来得及接纳这一新技术,对于开发者而言,这是一个头疼的事情。需要明确说明的是,CSS并非全新的编程语言,它仅仅只是一种声明性语言。那么当时的网页设计师需要学习编程吗?可能需要。但是网页设计师需要懂得CSS么?当然需要。(这也是为何在21世纪初会有网页三剑客的说法了)

    c1ad970b26cdc2e7882cb4768a988975.png

    栅格与框架:移动端的崛起(2007)

    此刻,在手机上浏览网页本就是一种全新的挑战。设计师除了要为不同设备设计不同的布局,还面临着内容控制的问题:小屏幕上展示的内容要和桌面端一样多,还是需要剥离开来?桌面端网页上闪亮精致的小广告要如何在手机上呈现?加载速度也是一个大问题,移动端设备的网络加载速度不够快,而且桌面端网页会消耗大量的流量。网页设计亟待改进。

    第一个重大的改进是栅格系统的出现。经过摸索,960栅格系统最终胜出,经典的12栏栅格被设计师们广泛的接纳,甚至成为许多设计师最常用的设计工具。接下来,各种常见的设计元素诸如表格、导航、按钮被标准化,打包成为可复用的套件,这基本上就构成了视觉元素库,其中还纳入了常见的代码。

    刘国利 - 独行冰海:当初自己在自学的时候,也是很喜欢这种布局方式,但是毕竟设计在不断的调整,这种设计/开发方式也就逐渐的被遗弃了。而今,还算是有不错的一些库吧,Bootstrap和Foundation就是典型,对于开发人员来说,自然不错。不太好的地方在于借助这些库设计出来的网页往往大同小异,而且网页设计师要想使用它们还得深入了解相关的代码知识。

    38e134406fe24a67000797677b9d776c.png

    响应式网页设计(2010)

    惊才绝艳的设计师Ethan Marcotte决定挑战传统的网页设计,它让网页在内容不变的前提下,布局随着窗口和屏幕的变化而变化,并且将这种设计命名为响应式网页设计。网页设计师依然只需要HTML和CSS就可以实现这种功能,不得不承认这种设计理念非常超前。不过大家对于响应式设计依然有些许误解。对于设计师而言,响应式设计意味着为设计许多不同的布局。对于用户而言,响应式设计就意味着这个网页可以在手机上完美浏览。对于开发者而言,响应式设计意味着如何控制好网站图片应付移动端和桌面端,在不同情形和语义下,拥有良好的下载速度和呈现效果,等等。简而言之,就是一个网站能在任何情况下良好展现。至少在这一点上,所有人能达成共识。

    刘国利 - 独行冰海:比较遗憾的是,想要实现响应式布局,无论对设计师还是开发者来说,都需要有非常高的技术水平。同时还要求产品要合理靠谱,否则漫长的开发期实在不是每个企业都能够耗得起的,这也是为何响应式的设计/开发方法,在行业中如流星般的稍纵即逝~

    扁平化的时代(2010)

    设计网页布局总会花费大量的时间,好在这个时候我们开始抛弃复杂的光影效果,重新专注于根本的内容呈现。在此之前,网页设计讲求精美的图片和排版效果,漂亮的插画与周到的布局设计,而简化这些视觉元素之后,就是我们说所的“扁平化设计”。将复杂的效果淡化之后,视觉的扁平化,也促使内容和信息层级的扁平化。充满光影特效的按钮被扁平化的图标所替代,矢量图形和图标字体也开始被大范围使用,网页字体和版式设计的结合令网页视觉更加漂亮。有趣的是,这时候的网页设计开始有返璞归真的感觉。

    刘国利 - 独行冰海:2015年在扁平化的基础上,流行起来的设计风是“幽灵按钮”,简言之就是按钮没有背景颜色,只有边框和文字,让按钮和背景合理的融为一体。不过这种设计的风格对前端开发的影响并不是很大。关于2013年,其实还有一个阶段,全屏视差滚动,在此补充一下:随着屏幕分辨率在PC平台“越来越大”,为了追求满屏的效果,设计师逐渐在全屏上下功夫,同时为了增加合理的视觉效果,在全屏滚动过程中,附加了各式各样的小动画,以增强用户的视觉体验,这也就让前端工程师需要了解和学习的内容变得更多~为了制作全屏滚动效果,也出现了基于jQuery的相关插件jQuery全屏滚动插件fullPage.js,感兴趣的可以看看。

    光明的未来(2014)

    技术的革新已经开始将网页设计推动到一个全新的境界。在许多设计平台上,设计师只需要在屏幕上移动不同的控件就可以生成整洁可用的代码出来,并且这些代码非常灵活,可控度极高!试想一下,开发者无需担心浏览器兼容性,可以专注于更加实际的问题!

    新诞生的概念正在推动网页设计。CSS中新诞生的属性,诸如vh和vw(viewport height 与 width),就使得网页元素的位置控制更加灵活自由,一次性解决了设计师纠结多年的顽疾。作为CSS一部分的Flexbox则是另一个新事物,它可以快速创建布局,轻松修改属性而无需编写过多代码。

    刘国利 - 独行冰海:从设计的角度的确不错,但是从开发的角度,兼容两个字足矣让每个开发者为之汗颜。不过,随着行业的变化和发展,旧版本的浏览器也会逐渐的类似于IE6、IE8等被淘汰,而最新的浏览器势必也会有新的兼容问题。

    网页设计正在飞速发展,未来还会有越来越多的创新,就让我们拭目以待吧!

    欢迎沟通交流~HTML5学堂

    展开全文
  • 这是20张精美实用的,公司发展年代历程图PPT图表。第一PPT模板网提高免费打包下载; 关键词:PPT历程图,幻灯片流程图,公司年代记事表,PPT甘特图,PowerPoint图表下载,.PPTX格式;
  • 基于时间轴开发的html5效果,基于时间轴开发的html5效果
  • c++ 发展历程

    2018-09-05 17:37:45
    C++ 发展历程: C++98 到 C++03 到 C++11 到 C++14 到 C++17 C++语言发展大概可以分为三个阶段: 第一阶段从80年代到1995年。这一阶段C++语言基本上是传统类型上的面向对象语言, 并且凭借着接近C语言的效率,在...

    ##C++ 发展历程:

    C++98 到 C++03 到 C++11 到 C++14 到 C++17
    
    C++语言发展大概可以分为三个阶段:
    
    第一阶段从80年代到1995年。这一阶段C++语言基本上是传统类型上的面向对象语言,
    并且凭借着接近C语言的效率,在工业界使用的开发语言中占据了相当大份额;
    
    第二阶段从1995年到2000年,这一阶段由于标准模板库(STL)和后来的Boost等程序库的出现
    ,泛型程序设计在C++中占据了越来越多的比重性。当然,同时由于Java、C#等语言的出现和硬件价格的大规模下降,
    C++受到了一定的冲击;
    
    第三阶段从2000年至今,由于以Loki、MPL等程序库为代表的产生式编程和模板元编程的出现,
    C++出现了发展历史上又一个新的高峰,这些新技术的出现以及和原有技术的融合,使C++已经成为当今主流程序设计语言
    中最复杂的一员。
    
    

    C++ 98 标准

    C++标准第一版,1998年发布。正式名称为ISO/IEC 14882:1998[18] 。
    绝大多数编译器都支持C++98标准。不过当时错误地引入了export关键字。
    由于技术上的实现难度,除了Comeau C++编译器export关键字以外,
    没有任何编译器支持export关键字。并且这个标准对现代的一些编译理念有相当的差距,
    有很多在高级语言都应当有的功能,它都没有。这也正是后来需要制定C++11标准的原因所在。
    

    C++ 03 标准

    C++标准第二版,2003年发布。正式名称为ISO/IEC 14882:2003[19] 。
    这个标准仅仅是C++98修订版,与C++98几乎一样,没做什么修改。
    仅仅是对C++98做了一些“勘误”,就连主流编译器(受C99标准影响)都已支持的long long都没有被加入C++03标准。
    

    C++ 11 标准

    C++标准第三版,2011年8月12日发布。正式名称为ISO/IEC 14882:2011[20] 。
    由C++标准委员会于2011年8月12日公布,并于2011年9月出版。
    2012年2月28日的国际标准草案(N3376)是最接近于现行标准的草案(编辑上的修正)。
    C++11包含了核心语言的新机能,并且拓展C++标准程序库,并且加入了大部分的C++ Technical Report 1
    程序库(数学上的特殊函数除外)。此次标准为C++98发布后13年来第一次重大修正。
    注意: C++11标准(ISO/IEC 14882:2011)与C11标准(ISO/IEC 9899:2011)
    是两个完全不同的标准,后者是C语言的标准。
    

    C++ 14 标准

    C++标准第四版,2014年8月18日发布。正式名称为ISO/IEC 14882:2014[21] 。
    2014年8月18日,ISO组织在其网站上发布文章称:
    C++ 作者 Bjarne Stroustrup 称,主要的编译器开发商已经实现了 C++ 14 规格。
    C++ 14 是 C++ 11 的增量更新,主要是支持普通函数的返回类型推演,泛型 lambda,扩展的 lambda 捕获,
    对 constexpr 函数限制的修订,constexpr变量模板化等等。
    C++14是C++语言的最新标准,正式名称为"International Standard ISO/IEC 14882:2014(E) 
    Programming Language C++"。C++14旨在作为C++11的一个小扩展,主要提供漏洞修复和小的改进。
    C++14标准的委员会草案(Committee Draft)N3690于2013年5月15日发表
    。工作草案(Working Draft)N3936已于2014年3月02日完成。
    最终的投票期结束于2014年8月15日,结果(一致通过)已于8月18日公布。
    

    如何理解C++?《摘自Effective C++》
    C++已经是个多重范型编程语言(multiparadigm programming language),一个同事支持过程形式(procedural)、面向对象形式(object-oriented)、函数形式(functional)、范型形式(generic)、元编程形式(metaprogramming)的语言。

    如何理解这样一个语言?

    将C++视为一个由相关语言组成的联邦而非单一语言,在其某个次语言中,各种守则与通例都倾向简单、直观易懂、并且容易记住。

    C++的4个次语言:

    C :

     C++以C为基础。区块(blocks)、语句(statements)、预处理器(preprocessor)、
     内置数据类型(built-in data types)、数组(arrays)、指针(pointers)等都来自C。
    

    Object-oriented C ++ :

    虚函数(virtual function)等都是面向对象设计在C++上的最直接实施。
    

    Template C++ (generic programming) :

         C++的范型编程(generic programming)部分。他们带来新的编程范型(programming paradigm),
         也就是所谓的template meta programming(TMP,模板元编程)。
    

    STL:

     即template程序库,对容器、迭代器、算法以及函数对象的规约有极佳的紧密配合与协调。
    C++并不是一个带有一组守则的一体语言,而是由4个次语言组成的联邦语言,每个次语言都有自己的规约。
    
    		98年菜鸡一枚,请大佬们多多关照!
    

    摘自:https://blog.csdn.net/kingcat666/article/details/44984711

    展开全文
  • 现在在公司企业历程 项目进度 个人成长简介 时间推演方面,时间轴PPT运用的是越来越广泛了,相信大家对于怎么设计运用时间轴是充满兴趣的,下面先给大家展示几张精美动态时间轴PPT缩略图。 在时间轴...

    现在在公司企业历程  项目进度  个人成长简介  时间推演方面,时间轴PPT运用的是越来越广泛了,相信大家对于怎么设计运用时间轴是充满兴趣的,下面先给大家展示几张精美动态时间轴PPT缩略图。

    在时间轴设计方面有突破单调的点和线,以线为时间方向,点带出时间和时间,把线“折弯”,或者直接用色块,直接抛弃线和点的结构,全部用色块,也可时间部分用色块,还可以借用图片,用图片中有关联的因素来做时间轴,如山峰、长城;用图片中前后可以衔接的因素做时间轴都可。

    时间轴PPT关键在于思维上的突破,不拘泥于固有的时间轴形式,而是根据不同的PPT主题和背景采用不同的文字颜色和字体。

    OVO图库提供企业发展历程PPT模板  时间轴PPT素材  大事件项目进度时间轴PPT模板  动态实用时间轴大事件PPT模板下载

    展开全文
  • 记录网站发展历程时光轴源码是一个以html5+js进行开发的时光轴网站模板
  • 前端的发展历程

    千次阅读 2018-10-09 14:30:30
    前端的发展历程 什么是前端 前端:针对浏览器的开发,代码在浏览器运行 后端:针对服务器的开发,代码在服务器运行 前端三剑客 HTML CSS JavaScript HTML HTML(超文本标记语言——HyperText Markup Language)...

    前端的发展历程

    什么是前端

    • 前端:针对浏览器的开发,代码在浏览器运行
    • 后端:针对服务器的开发,代码在服务器运行

    前端三剑客

    • HTML
    • CSS
    • JavaScript

    HTML

    HTML(超文本标记语言——HyperText Markup Language)是构成 Web 世界的基石。HTML是一种基础技术,常与CSS、JavaScript一起被众多网站用于设计令人赏心悦目的网页、网页应用程序以及移动应用程序的用户界面。

    超文本标记语言(第一版)——在1993年6月作为互联网工程工作小组(IETF)工作草案发布(并非标准):

    HTML 2.0——1995年11月作为RFC 1866发布,在RFC 2854于2000年6月发布之后被宣布已经过时

    HTML 3.2——1997年1月14日,W3C推荐标准

    HTML 4.0——1997年12月18日,W3C推荐标准

    HTML 4.01(微小改进)——1999年12月24日,W3C推荐标准

    HTML 5——2014年10月28日,W3C推荐标准

    CSS

    层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。

    CSS 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。

    JavaScript

    JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。

    前端的发展离不开浏览器的发展

    浏览器的发展其实也是前端的发展

    我们来简单了解一下浏览器的发展历史

    1991年,WorldWideWeb 浏览器发布

    这款由 Web 之父 Tim Berners-Lee 亲手设计的图形化浏览器还包含一个所见即所得 HTML 编辑器,为了避免同 WWW 混淆,这个浏览器后来改名为 Nexus.

    1993年,Mosaic 发布

    Internet 的流行应该归功于 Mosaic,这款浏览器将 Web 带向了大众。诸如 IE, Firefox 一类的当代浏览器仍然在延用 Mosaic 的图形化操作界面思想。

    1994年,Netscape 成立

    Marc Andreessen 带领 Mosaic 的程序员成立了 Netscape 公司,并发布了第一款商业浏览器 Netscape Navigator.

    1995年,IE 发布,浏览器之战即将爆发

    微软针对 Netscape 发布了他们自己的浏览器,IE,第一场浏览器之战爆发。

    1996年,Opera 发布

    Telenor 是挪威最大的通讯公司,他们推出了 Opera,并在两年后进军移动市场,推出 Opera 的移动版。

    1998年,Mozilla 项目成立

    Netscape 成立 Mozilla 开源项目,开发下一代浏览器,后来证明,使用原有代码开发新东西是一种负担,接着他们着手从新开发。

    1998年,Netscape 浏览器走向开源

    随着同 IE 征战的失利,Netscape 市场份额急剧下降,Netscape 决定将自己的浏览器开源以期重整山河。

    2002年,IE 开始主导浏览器市场

    市场份额达到95%,借助操作系统的捆绑优势,IE 赢得第一场浏览器之战。

    2003年,苹果 Safari 浏览器登场

    苹果进入了浏览器市场,推出自己的 Webkit 引擎,该引擎非常优秀,后来被包括 Google, Nokia 之类的厂商用于手机浏览器。

    2004年,Firefox 引发第二场浏览器之战

    Firefox 1.0 推出。早在 Beta 测试期间就积累了大量人气的 Firefox 引发了第二场浏览器之战,当年年底,Firefox 已经赢得 7.4% 的市场份额。

    2006年,IE7 发布

    IE6 发布后的第六年,迫于 Firefox 的压力,微软匆匆推出 IE7 应战,吸取了 Firefox 的一些设计思想,如标签式浏览,反钓鱼等。但这款浏览器现在看来并不成功。

    2008年,Google 携 Chrome 参战

    Google 发布了他们自己的浏览器,加入这场战争。轻量,快,异常的稳固让这款浏览器成为不可轻视的一个对手。

    浏览器现状

    浏览器现状

    浏览器内核

    浏览器内核

    早期的前端

    早期受制于浏览器以及技术、兼容性等问题,导致网页的显示效果非常的单一,几乎都是静态页,前端的工作也是非常简单,说是前端,其实只是一个模板工程师,编写页面模板,然后让后端负责渲染。所以在互联网早期,前端工程师这个职位可以说是不存在,通常由后端或者是美工来兼任。

    在这里插入图片描述

    像这种古老的设计风格,现在已经很难看到了

    后端MVC的开发模式


    当时的网站开发,采用的是后端MVC模式

    • Model(模型层):提供/保存数据
    • Controller(控制层):数据处理,实现业务逻辑
    • View(视图层):展示数据,提供用户界面
      前端只是后端 MVC 的 V

    当用户访问网站时,会向后台发送一个请求,后台接收到请求,生成静态HTML页面,发送到浏览器。
    比如JSP

    <html>
    <head><title>Hello World</title></head>
    <body>
    Hello World!<br/>
    <%
    out.println("Your IP address is " + request.getRemoteAddr());
    %>
    </body>
    </html>
    

    在这里插入图片描述

    Ajax


    Ajax技术诞生,改变了一切。前端不再是后端的模板,可以独立得到各种数据。

    Ajax是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。

    通过在后台与服务器进行少量数据交换,Ajax可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。

    举个例子:用户注册

    如果仔细观察一个表单的提交,你就会发现,一旦用户点击“提交”按钮,表单开始提交,浏览器就会刷新页面,然后在新页面里告诉你操作是成功了还是失败了。如果不幸由于网络太慢或者其他原因,就会得到一个404页面。

    这就是Web的运作原理:一次HTTP请求对应一个页面。

    如果要让用户留在当前页面中,同时发出新的HTTP请求,就可以使用Ajax发送这个新请求,接收到数据后,再用JavaScript更新页面,这样一来,用户就感觉自己仍然停留在当前页面,但是数据却可以不断地更新。

    2004年:最早大规模使用AJAX的就是Gmail,Gmail的页面在首次加载后,剩下的所有数据都依赖于AJAX来更新。

    Web 2.0


    Ajax技术促成了 Web 2.0 的诞生。

    Web 1.0:静态网页,纯内容展示

    Web 2.0:动态网页,富交互,前端数据处理

    至此,前端早期的发展史就介绍完了,当时对于前端的要求并不高,只要掌握html css js和一个jquery就足够开发网页了

    新时代的前端

    到目前为止
    HTML已经发展到HTML5

    CSS已经发展到CSS3.0

    JavaScript已经发展到ES9,但是常用的还是ES5和ES6

    现代标准浏览器(遵循W3C标准的浏览器)基本已经支持HTML5 CSS3 ES6的大部分特性

    浏览器市场份额(2018.9)

    在这里插入图片描述

    由于IE的不思上进,导致市场份额越来越少,现在几乎是现代标准浏览器的天下。

    所以前端开发一个网页几乎不需要考虑IE兼容性

    得益于前端技术和浏览器的发展,现在的网页能展示越来越丰富的内容了,比如动画 游戏 画图等等

    所以,对于前端的要求也越来越高,特别是近几年框架、技术、工具呈爆发式发展,前端变化特别快!

    MVVM


    MVVM最早由微软提出来,它借鉴了桌面应用程序的MVC思想,在前端页面中,把Model用纯JavaScript对象表示,View负责显示,两者做到了最大限度的分离
    把Model和View关联起来的就是ViewModel。

    ViewModel负责把Model的数据同步到View显示出来,还负责把View的修改同步回Model

    View 和 Model 之间的同步工作完全是自动的,无需人为干涉

    因此开发者只需关注业务逻辑,不需要手动操作DOM, 不需要关注数据状态的同步问题,复杂的数据状态维护完全由 MVVM 来统一管理

    在这里插入图片描述

    一个MVVM框架和jQuery操作DOM相比有什么区别?
    我们先看用jQuery实现的修改两个DOM节点的例子:

    <!-- HTML -->
    <p>Hello, <span id="name">Bart</span>!</p>
    <p>You are <span id="age">12</span>.</p>
    
    Hello, Bart!
    
    You are 12.
    

    用jQuery修改name和age节点的内容:

    var name = 'Homer';
    var age = 51;
    
    $('#name').text(name);
    $('#age').text(age);
    

    如果我们使用MVVM框架来实现同样的功能,我们首先并不关心DOM的结构,而是关心数据如何存储。最简单的数据存储方式是使用JavaScript对象:

    var person = {
        name: 'Bart',
        age: 12
    }
    

    我们把变量person看作Model,把HTML某些DOM节点看作View,并假定它们之间被关联起来了。

    要把显示的name从Bart改为Homer,把显示的age从12改为51,我们并不操作DOM,而是直接修改JavaScript对象:

    person.name = 'Homer';
    person.age = 51;
    

    执行上面的代码,我们惊讶地发现,改变JavaScript对象的状态,会导致DOM结构作出对应的变化!这让我们的关注点从如何操作DOM变成了如何更新JavaScript对象的状态,而操作JavaScript对象比DOM简单多了!

    这就是MVVM的设计思想:关注Model的变化,让MVVM框架去自动更新DOM的状态,从而把开发者从操作DOM的繁琐步骤中解脱出来!

    在这里插入图片描述

    三大MVVM框架


    • Vue
    • React
    • Angular

    Vue


    Vue框架诞生于2014年,其作者为中国人——尤雨溪,也是新人最容易入手的框架之一,不同于React和Angular,其中文文档也便于大家阅读和学习。

    React


    React起源于Facebook的内部项目,因为该公司对市场上所有JavaScript MVC框架,都不满意,就决定自己写一套,用来架设Instagram的网站。做出来以后,发现这套东西很好用,就在2013年5月开源了。

    Angular


    Angular是谷歌开发的 Web 框架,具有优越的性能和绝佳的跨平台性。通常结合TypeScript开发,也可以使用JavaScript或Dart,提供了无缝升级的过渡方案。于2016年9月正式发布。

    目前国内使用人数最多、最火的框架是Vue

    webpack


    如今对于每一个前端工程师来说,webpack已经成为了一项基础技能,它基本上包办了本地开发、编译压缩、性能优化的所有工作。

    它的诞生意味着一整套工程化体系开始普及,并且让前端开发彻底告别了以前刀耕火种的时代。现在webpack之于前端开发,正如同gcc/g++之于C/C++,是一个无论如何都绕不开的工具。

    TypeScript(TS)


    TypeScript 是 Microsoft 开发和维护的一种面向对象的编程语言。它是JavaScript的超集,包含了JavaScript的所有元素,可以载入JavaScript代码运行,并扩展了JavaScript的语法。
    TypeScript 具有以下特点:

    • TypeScript是Microsoft推出的开源语言,使用Apache授权协议
    • TypeScript增加了静态类型、类、模块、接口和类型注解

    在开发大型项目时使用TS更有优势

    NodeJs


    Node.js是一个Javascript运行环境(runtime environment),发布于2009年5月,由Ryan Dahl开发,实质是对Chrome V8引擎进行了封装。Node.js对一些特殊用例进行优化,提供替代的API,使得V8在非浏览器环境下运行得更好。严格的来说,Node.js其实是一个后端语言。

    特点:

    • 单线程
    • 非阻塞IO
    • 事件驱动
    • V8引擎

    现在的前端能做什么?

    • 游戏开发(Egret Layabox coco2d-js)
    • web开发(pc 移动端设备)
    • webApp开发(Dcloud RN weex ionic)
    • 图形开发WebGl(three.js)
    • 小程序/快应用
    • 后端(nodejs)
    • 桌面应用(electron)
    • 嵌入式开发(Ruff)

    前端的未来

    现在基于Web的前端技术,将演变为未来所有软件的通用的GUI解决方案。
    所以前端有可能会变成一名端工程师。

    • PC端
    • 手机端
    • TV端
    • VR端

    一名合格的前端需要掌握哪些技能

    • photoshop切图(必修)
    • html css js(特别是html5 css3 es6)(必修)
    • 三大前端框架至少精通一个(必修)
    • nodejs(选修)
    • 自动化构建工具webpack(必修)
    • http协议(必修)
    • 浏览器渲染流程及原理(必修)
    • TypeScript(选修)

    技能会过时 计算机基础知识不会过时

    • 算法
    • 编译原理

    建议学习编译原理和算法这两门课程

    算法的好处相信大家都懂 在这里简单说一下

    懂算法的人善于计算时空复杂度,相当于在你做事情前,懂得怎么去衡量效率和开销

    编译原理:将源语言转化为目标语言,也就是将一门语言转化为另一门语言

    编译原理在前端中的应用

    • babel
    • TypeScript
    • Vue的VNode

    参考资料:http://software.cnw.com.cn/software-application/htm2009/20091013_183968.shtml
    参考资料:https://github.com/ruanyf/jstraining/blob/master/docs/history.md
    参考资料:https://www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000

    展开全文
  • 这是一张蓝色立体水晶幻灯片历程图模板,第一PPT模板网提供幻灯片图表免费下载;...适合用于制作公司发展历程PPT,产品年代历程幻灯片等; 关键词:蓝色图表,水晶图表,立体图表,PPT历程图,幻灯片图
  • 关于这种发展历程PPT模板显然不能直接使用文字处理。为了让其更加丰富一点,可以使用形状简单的设计一下,再用箭头指示。 除此之外,再比如还可以使用这种箭头装饰设计一下,刚好也比较符合内容顺序。 如果想让页面...
  • 这是一张黄色立体水晶幻灯片历程图,第一PPT模板网提供幻灯片图表免费下载;...适合用于制作公司发展历程PPT,产品年代历程幻灯片等; 关键词:黄色图表,水晶图表,立体图表,PPT历程图,台阶,幻灯片
  • 记录网站发展历程时光轴源码是一个以html5+js进行开发的时光轴网站模板
  • ppt历史发展时间轴模板矢量适用于时间轴设计的AI格式素材。
  • 这是一张胶片样式的年代历程PPT图模板,第一PPT模板网提供幻灯片图表免费下载; 图表使用类似于相机胶片的背景图片,将年代发生的时间进行标注,非常的形象和便于观看者理解。 本幻灯片图表适合用于制作公司年代记事...
  • Premiere时间轴模板,非常适合各种主题,包括业务时间轴,几分钟,几小时,几天,几月,几年,还是几天或年末,年度回顾,历史和历史项目。...下载地址:PR时间轴模板 企业发展融资历程PR动态图形模板MOGRT ...
  • 前端发展历程

    2021-04-02 23:27:31
    前端发展历程概述动静态网站时期前后端交互时期jQuery时期前端模块化前端工程化 概述 最近在学习前端的基础知识,东学一点西学一点的发现不成体系的学习结果就是看过就忘记,特别是一些需要理解的概念性的问题,于是...
  • C/C++发展历程和标准

    2021-11-28 16:29:21
    1、C语言发展历程 C语言最初由 Dennis Ritchie 于 1969 年到 1973 年在 AT&T 贝尔实验室里开发出来,主要用于重新实现 Unix 操作系统。此时,C语言又被称为 K&R C。其中,K 表示 Kernighan 的首字母,而 R...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 7,278
精华内容 2,911
关键字:

发展历程模板