web 订阅
web(World Wide Web)即全球广域网,也称为万维网,它是一种基于超文本和HTTP的、全球性的、动态交互的、跨平台的分布式图形信息系统。是建立在Internet上的一种网络服务,为浏览者在Internet上查找和浏览信息提供了图形化的、易于访问的直观界面,其中的文档及超级链接将Internet上的信息节点组织成一个互为关联的网状结构。 [1] 展开全文
web(World Wide Web)即全球广域网,也称为万维网,它是一种基于超文本和HTTP的、全球性的、动态交互的、跨平台的分布式图形信息系统。是建立在Internet上的一种网络服务,为浏览者在Internet上查找和浏览信息提供了图形化的、易于访问的直观界面,其中的文档及超级链接将Internet上的信息节点组织成一个互为关联的网状结构。 [1]
信息
外文名
web
别    称
万维网
表现形式
超文本、超媒体、超文本传输协议
中文名
全球广域网或万维网
属    性
分布式图形信息系统
全    称
World Wide Web
web起源
1989年CERN(欧洲粒子物理研究所)中由Tim Berners-Lee领导的小组提交了一个针对Internet的新协议和一个使用该协议的文档系统,该小组将这个新系统命名为World Wide Web,它的目的在于使全球的科学家能够利用Internet交流自己的工作文档。这个新系统被设计为允许Internet上任意一个用户都可以从许多文档服务计算机的数据库中搜索和获取文档。1990年末,这个新系统的基本框架已经在CERN中的一台计算机中开发出来并实现了,1991年该系统移植到了其他计算机平台,并正式发布。 [2] 
收起全文
精华内容
参与话题
问答
  • 掌握HTML4.01常见基本标签; 熟练HTML结构和语法规范; 使用列表系列标签完成常见网页中的列表结构; 熟练掌握表格,表单都系列标签,在项目中熟练使用;...了解哪些标签在项目中经常使用,哪些标签已被废除;...
  • web.xml的加载过程配置详解

    万次阅读 多人点赞 2017-12-02 09:24:31
    一:web.xml加载过程  简单说一下,web.xml的加载过程。当我们启动一个WEB项目容器时,容器包括(JBoss,Tomcat等)。首先会去读取web.xml配置文件里的配置,当这一步骤没有出错并且完成之后,项目才能正常的被启动...

     一:web.xml加载过程

      简单说一下,web.xml的加载过程。当我们启动一个WEB项目容器时,容器包括(JBoss,Tomcat等)。首先会去读取web.xml配置文件里的配置,当这一步骤没有出错并且完成之后,项目才能正常的被启动起来。

      启动WEB项目的时候,容器首先会去读取web.xml配置文件中的两个节点:<listener> </listener>和<context-param> </context-param>如图:

      

      紧接着,容器创建一个ServletContext(application),这个web项目的所有部分都将共享这个上下文。容器以<context-param></context-param>的name作为键,value作为值,将其转化为键值对,存入ServletContext。  

      容器创建<listener></listener>中的类实例,根据配置的class类路径<listener-class>来创建监听,在监听中会有初始化方法,启动Web应用时,系统调用Listener的该方法 contextInitialized(ServletContextEvent args),在这个方法中获得:

      ServletContext application =ServletContextEvent.getServletContext();

      context-param的值= application.getInitParameter("context-param的键");

      得到这个context-param的值之后,你就可以做一些操作了。

      举例:你可能想在项目启动之前就打开数据库,那么这里就可以在<context-param>中设置数据库的连接方式(驱动、url、user、password),在监听类中初始化数据库的连接。这个监听是自己写的一个类,除了初始化方法,它还有销毁方法,用于关闭应用前释放资源。比如:说数据库连接的关闭,此时,调用contextDestroyed(ServletContextEvent args),关闭Web应用时,系统调用Listener的该方法。

      接着,容器会读取<filter></filter>,根据指定的类路径来实例化过滤器。

      以上都是在WEB项目还没有完全启动起来的时候就已经完成了的工作。如果系统中有Servlet,则Servlet是在第一次发起请求的时候被实例化的,而且一般不会被容器销毁,它可以服务于多个用户的请求。所以,Servlet的初始化都要比上面提到的那几个要迟。总的来说,web.xml的加载顺序是: <context-param>-> <listener> -> <filter> -> <servlet>。其中,如果web.xml中出现了相同的元素,则按照在配置文件中出现的先后顺序来加载。

      二:web.xml标签详解

      1.<web-app></web-app>

      <web-app></web-app>是部署描述的根元素,该元素含23个子元素。在Servlet2.3中,子元素必须按照DTD文件描述中指定的顺序出现。比如:如果部署描述符中的<web-app>元素有<servlet>和<servlet-mapping>两个子元素,则<servlet>子元素必须出现在<servlet-mapping>子元素之前。在Servlet2.4中,顺序并不重要。

      2.<display-name></display-name> 

      <display-name></display-name>定义web应用的名称。如<display-name>trk-order-rest</display-name>

      3.<distributable/>

      <distributable/>可以使用distributable元素来告诉servlet/JSP容器,Web容器中部署的应用程序适合在分布式环境下运行。

      4.<context-param></context-param>

      

      <context-param>元素含有一对参数名和参数值,用作应用的Servlet上下文初始化参数,参数名在整个Web应用中必须是惟一的,在web应用的整个生命周期中上下文初始化参数都存在,任意的Servlet和jsp都可以随时随地访问它。<param-name>子元素包含有参数名,而<param-value>子元素包含的是参数值。作为选择,可用<description>子元素来描述参数。

      配置Spring,必须需要<listener>,而<context-param>可有可无,如果在web.xml中不写<context-param>配置信息,默认的路径是/WEB-INF/applicationContext.xml,在WEB-INF目录下创建的xml文件的名称必须是applicationContext.xml。如果是要自定义文件名可以在web.xml里加入contextConfigLocation这个context参数:在<param-value>里指定相应的xml文件名,如果有多个xml文件,可以写在一起并以“,”号分隔,比如在business-client工程中,我们采用了自定义配置方式,<context-param>配置如下:

      

      配置在同一个容器中的多个web项目,要配置不同的webAppRootKey,web.xml文件中最好定义webAppRootKey参数,如果不定义,将会缺省为“webapp.root”,为防止log4j配置冲突,每个项目配置不同的webAppRootKey。如下:

      

      当然也不能重复,否则报类似下面的错误:

      Web app root system property already set to different value: 'webapp.root' = [/home/user/tomcat/webapps/project1/] instead of   [/home/user/tomcat/webapps/project2/] - Choose unique values for the 'webAppRootKey' context-param in your web.xml files!

      5.<session-config></session-config>

      

      <session-config> 用于设置容器的session参数,比如:<session-timeout>用于指定http session的失效时间。默认时间设置(30minutes)。<session-timeout>用来指定默认的会话超时时间间隔,以分钟为单位。该元素值为整数。如果 session-timeout元素的值为零或负数,则表示会话将永远不会超时。

      6.<filter></filter>见我的博客,这里不在阐述(http://www.cnblogs.com/vanl/p/5742501.html)

      

      7.<listener></listener>见我的博客,这里不在阐述。(http://www.cnblogs.com/vanl/p/5753722.html)

      

      8.<servlet></servlet>

      8.1.Servlet介绍

      Servlet通常称为服务端小程序,是服务端的程序,用于处理及响应客户的请求。Servlet是一个特殊的Java类,创建Servlet类自动继承HttpServlet。客户端通常只有GET和POST两种请求方式,Servlet为了响应这两种请求,必须重写doGet()和doPost()方法。大部分时候,Servlet对于所有的请求响应都是完全一样的,此时只需要重写service()方法即可响应客户端的所有请求。另外HttpServlet有两个方法:

      init(ServletConfig config):创建Servlet实例时,调用该方法初始化Servlet资源。

      destory():销毁Servlet实例时,自动调用该方法回收资源。

      通常无需重写init()和destory()两个方法,除非需要在初始化Servlet时,完成某些资源初始化的方法,才考虑重写init()方法。如果重写了init()方法,应该在重写该方法的第一行调用super.init(config),该方法将调用HttpServlet的init()方法。如果需要在销毁Servlet之前,先完先完成某些资源的回收,比如关闭数据库链接,才需要重写destory()方法。

      8.2.Servlet的生命周期

      创建Servlet实例有两个时机:

      客户端第一次请求某个Servlet时,系统创建该Servlet的实例,大部分Servlet都是这种Servlet;

      web应用启动时立即创建Servlet实例,即<load-on-start>1</laod-on-start>(LZ有篇文章详细说明:http://www.cnblogs.com/vanl/p/5756122.html)

      每个Servlet的运行都遵循如下生命周期:

      (1)创建Servlet实例。

      (2)Web容器调用Servlet的init()方法,对Servlet进行初始化。

      (3)Servlet初始化之后,将一直存在与容器之中,用于响应客户端请求,如果客户端发送GET请求,容器调用Servlet的doGet()方法处理并响应请求;如果客户端发送POST请求,容器调用Servlet的doPost()方法处理并响应请求。或者统一使用service()方法处理来响应用户请求。

      (4)Web容器决定销毁Servlet时,先调用Servlet的destory()方法,通常在关闭Web应用时销毁Servlet实例。

      8.3.Servlet的配置

      为了让Servlet能响应用户请求,还必须将Servlet配置在web应用中,配置Servlet需要修改web.xml文件。从Servlet3.0开始,配置Servlet有两种方式:

      (1)在Servlet类中使用基于注解的方式进行配置:@WebServlet

      (2)在web.xml文件中进行配置。

      

      我们用web.xml文件来配置Servlet,需要配置<servlet>和<servlet-mapping>。<servlet>用来声明一个Servlet。<icon>、<display-name>和<description>元素的用法和<filter>的用法相同。<init-param>元素与<context-param>元素具有相同的元素描述符,可以使用<init-param>子元素将初始化参数名和参数值传递给Servlet,访问Servlet配置参数通过ServletConfig对象来完成,ServletConfig提供如下方法:

      java.lang.String.getInitParameter(java.lang.String name):用于获取初始化参数

      ServletConfig获取配置参数的方法和ServletContext获取配置参数的方法完全一样,只是ServletConfig是取得当前Servlet的配置参数,而ServletContext是获取整个web应用的配置参数。

      8.4.配置Spring MVC的Servlet

      

      配置Spring MVC,指定处理请求的Servlet,有两种方式:

      (1)默认查找MVC配置文件的地址是:/WEB-INF/${servletName}-servlet.xml。

      (2)可以通过修改配置文件的位置,需要在配置DispatcherServlet时指定MVC配置文件的位置。

      我们在平台项目两个工程中分别使用了不同的配置方式,介绍如下:

      我们在business-client工程中按照默认方式查找MVC的配置文件,配置文件目录为: /WEB-INF/business-servlet.xml。工程目录结构如下所示:

      

      我们在public-base-server工程中,通过第2种方式进行配置,把spring-servlet.xml放到src/main/resources/config/spring-servlet.xml,则需要在配置DispatcherServlet时指定<init-param>标签。具体代码如下:

      

      工程目录结构如下:

      

      其中,classpath是web项目的类路径,可以理解为classes目录下面。因为无论这些配置文件放在哪里,编译之后没有特殊情况的话都直接在classes下面。在我们的工程里,经过验证,maven工程这两个

      

      路径经过编译后生成的文件都位于classes目录下,即这两个路径相当于类路径,在下面创建config文件夹(folder),创建自定义的xml配置文件即可。

      8.5.classpath与classpath*区别

      同名资源存在时,classpath只从第一个符合条件的classpath中加载资源,而classpath*会从所有的classpath中加载符合条件的资源。classpath*,需要遍历所有的classpath,效率肯定比不上classpath,因此在项目设计的初期就尽量规划好资源文件所在的路径,避免使用classpath*来加载。

      8.6.ContextLoaderListener和DispatcherServlet初始化上下文关系和区别

      

      从上图可以看出,ContextLoaderListener初始化的上下文加载的Bean是对于整个应用程序共享的,一般如:DAO层、Service层Bean;DispatcherServlet初始化的上下文加载的Bean是只对Spring MVC有效的Bean,如:Controller、HandlerMapping、HandlerAdapter等,该初始化上下文只加载Web相关组件。

      注意:用户可以配置多个DispatcherServlet来分别处理不同的url请求,每个DispatcherServlet上下文都对应一个自己的子Spring容器,他们都拥有相同的父Spring容器(业务层,持久(dao)bean所在的容器)。

      9.<welcome-file-list></welcome-file-list>

      

      <welcome-file-list>包含一个子元素<welcome-file>,<welcome-file>用来指定首页文件名称。<welcome-file-list>元素可以包含一个或多个<welcome-file>子元素。如果在第一个<welcome-file>元素中没有找到指定的文件,Web容器就会尝试显示第二个,以此类推。

    展开全文
  • WEB前端简历模板

    万次阅读 多人点赞 2019-10-15 17:15:36
    WEB前端简历模板 详细资料 姓名:XXX 出生年月:XXXX年X月 名 族:X族 政治面貌:XXXX ...

    WEB前端简历模板

    详细资料

                 姓名:XXX  出生年月:XXXX年X月                                            
    
                     名 族:X族                                 政治面貌:XXXX                                                       
    
                     Q Q:1000000000                      联系电话:110110110110                                             
    
                     E-Mail:xxx@163.com           博客:http://xxx.com
    

    教育背景

                       时间:20XX/0X----20XX/0X                                          学校:XXXX大学
    
                       专业:XXXX                                                             学历:本科
    
                       主修课程:XXXXXXXXXXXXXXXXXXXXXXXX
    
                       获得奖励:XX一等奖、XX国家奖学金
    
                       在校经历:(1)XXX  (2)XXXXXXX     (3)XXXXXXXX
    

    技能特长

    1.精通DIV+CSS布局的HTML代码编写,熟练手写符合W3C标准的代码,能够根据交互原型和UI设计图完整制作出网页;

    2.熟悉Javascript、css3和html5,且能熟练运用JQuery框架实现网页常用特效,掌握面向对象编程思想;

    3.熟练应用dom、xml、json等相关技术;

    4.熟悉Bootstrap前端框架,了解Nodejs和Angularjs以及less,sass、git、github等技术和团队协作开发工具;

    5.具备抗压能力、且有一定自学能力,能够熟练阅读使用中文API,英文API可以大概看懂并运用;

    6.担任项目组长并组织团队开发过电商、企业和移动端网站前端项目;

    工作经历

      (20XX.6-20XX.8)   XXXXXXXX有限公司                            实习生
    

    1、设置地区网络架构(办公楼、园区)

    2、配置网络路由器协议(RIP、OSPF)

    3、进行真机操作配置

      (20XX.7-20XX.11)  XXXXXX公司                                       实习生
    

    1、参与多个不同项目的前端开发工作:包括企业站、电商网站、个人博客、移动端网站等;

    2、参与讨论项目分工和编写工作计划;

    3、根据项目需求开发项目前端页面,还原效果图,将psd文件写出html页面,并适应各主流浏览器;

    4、使用js、jq、h5和c3实现页面特效,并解决特效兼容性问题;

    5、使用浏览器Firebug工具进行页面调试解决BUG;

    6、编写项目开发总结,把错误和解决方案,兼容性问题如何解决写成文档。

    项目经验

    项目一、XXXXXX

    开发环境:Window7、chrome、360浏览器、ie、firefox

    开发工具:HBuilder、photoshop、Adobe Dreamweaver

    项目描述:雷锋网是深圳英鹏信息技术有限公司于2011年创办,从起始的科技博客,逐步发展成一个科技信息与产品服务平台。雷锋网拥有三大业务单元,深入移动互联网与智能硬件行业,为厂商及用户提供了涵盖媒体资讯、社会化传播、产品改进和预售等多元系统服务。在智能硬件领域,雷锋网已当之无愧处于领先媒体。

    责任描述:

    1、按照psd文档内容切好图片,准备布局;

    2、使用html、css完成网页布局;

    3、进一步使用H5和CSS3进行页面效果优化;

    4、检查代码,测试兼容性,修复bug;

    5、总结并提交开发文档。

    项目二、XXXXX

    开发环境:Window7、chrome、360浏览器、ie、firefox

    开发工具:HBuilder、photoshop、WampServer、Adobe Dreamweaver

    项目描述:联东集团,创立于1991年。经过二十多年的发展,形成了集产业园区运营、金融投资和模板钢结构为一体的集团化企业。产业园区作为联东集团主 要业务板块,独创聚合U模式,以”联东U谷”为品牌,成功进驻北京、上海、天津、重庆、沈阳、济南、青岛、无锡、南京、苏州、杭州、合肥、郑州、成都等二十 多座城市,产业园区项目已达六十多个,入园企业4000多家,是目前国内规模最大、产品系列最全、入住客户最多、运营体系最完善的产业园区专业运营商。

    责任描述:

    1、根据项目做出个人开发计划,搭建开发环境进行项目开发;

    2、使用DIV+CSS布局模式完成网页布局;

    3、使用原生js写出网页各种特效;

    4、添加公共部分,整理代码,完成页面优化;

    5、处理兼容性问题,使用浏览器Firebug工具查询bug并进行修复;

    6、总结并提交开发文档。

    项目三、XXXX

    开发环境:Window7、chrome、360浏览器、ie、firefox

    开发工具:HBuilder、photoshop、WampServer、Adobe Dreamweaver

    项目描述:小米官网是小米科技有限公司的官方网站,小米是一家专注于高端智能手机自主研发的移动互联网公司,由雷军组建。已获得来自Morningside、启 明、IDG和小米团队4100万美元投资,其中小米团队56人投资1100万美元,公司估值400亿美元。其他核心产品有:基于Android深度开发的第三方操作系统 MIUI,智能手机即时通讯工具米聊,小米电视,和小米盒子,小米手机、MIUI、米聊是小米公司旗下三大核心业务。

    责任描述:

    1、整理整个项目内容,分配工作,给出公共部分样式代码;

    2、使用DIV+CSS布局模式完成网页布局;

    3、进一步使用H5和CSS3进行页面效果优化;

    4、使用原生js和JQuery框架写出网页各种特效;

    5、对各大主流浏览器进行兼容性处理,查询bug并进行修复;

    6、总结并提交开发文档。

    展开全文
  • 上一节我们创建了基于Razor Page的简单应用,如果我们希望创建单页面应用或者移动应用,就需要通过Web Api调用应用层。Abp提供了从应用层到Web Api的自动映射,我们只需要增加少量的代码就可以,不需要编写重复的Api...

    上一节我们创建了基于Razor Page的简单应用,如果我们希望创建单页面应用或者移动应用,就需要通过Web Api调用应用层。Abp提供了从应用层到Web Api的自动映射,我们只需要增加少量的代码就可以,不需要编写重复的Api接口代码。

    首先我们增加Swagger支持,使我们的应用支持Web Api浏览和测试,在程序包管理器中增加Swashbuckle.AspNetCore引用。
    然后PoemWebModule中增加动态Web Api代码和对Swagger的支持:

    using Microsoft.AspNetCore.Builder;
    using Microsoft.Extensions.DependencyInjection;
    using Microsoft.Extensions.Hosting;
    using Microsoft.OpenApi.Models;
    using Volo.Abp;
    using Volo.Abp.AspNetCore.Mvc;
    using Volo.Abp.Autofac;
    using Volo.Abp.Modularity;
    using ZL.AbpNext.Poem.Application;
    using ZL.AbpNext.Poem.Core;
    using ZL.AbpNext.Poem.EF;
    
    namespace ZL.AbpNext.Poem.Web
    {
        [DependsOn(typeof(AbpAspNetCoreMvcModule),
            typeof(AbpAutofacModule),
        typeof(PoemCoreModule),
        typeof(PoemApplicationModule),
        typeof(PoemDataModule))]
        public class PoemWebModule : AbpModule
        {
            public override void OnApplicationInitialization(
                ApplicationInitializationContext context)
            {
                var app = context.GetApplicationBuilder();
                var env = context.GetEnvironment();
    
                if (env.IsDevelopment())
                {
                    app.UseDeveloperExceptionPage();
                }
                else
                {
                    app.UseExceptionHandler("/Error");
                }
    
                app.UseStaticFiles();
                app.UseRouting();
                app.UseSwagger();
                app.UseSwaggerUI(options =>
                {
                    options.SwaggerEndpoint("/swagger/v1/swagger.json", "BookStore API");
                });
                app.UseConfiguredEndpoints();
            }
    
            public override void ConfigureServices(ServiceConfigurationContext context)
            {
                Configure<AbpAspNetCoreMvcOptions>(options =>
                {
                    options
                        .ConventionalControllers
                        .Create(typeof(PoemApplicationModule).Assembly);
                });
                var configuration = context.Services.GetConfiguration();
                ConfigureSwaggerServices(context.Services);
            }
    
            private void ConfigureSwaggerServices(IServiceCollection services)
            {
                services.AddSwaggerGen(
                    options =>
                    {
                        options.SwaggerDoc("v1", new OpenApiInfo { Title = "PoemApp API", Version = "v1" });
                        options.DocInclusionPredicate((docName, description) => true);
                        options.CustomSchemaIds(type => type.FullName);
                    }
                );
            }
        }
    }
    
    

    运行应用,进入Swagger界面:
    在这里插入图片描述
    我们可以看到api的列表,我们可以测试一下,以api/app/poem/categories为例:
    在这里插入图片描述
    可以看到,正确返回了结果。

    展开全文
  • web 前端入坑第一篇:web前端到底是什么?有前途吗

    万次阅读 多人点赞 2016-08-01 14:49:20
    web前端到底是什么? 某货: “前几年前端开发人员鱼目混杂,技术参差不齐,相对学习起来不规范,导致> 前端开发人员聚集,所以现在前端工种和工资还是没得到普遍重视,但近2年来,> > HTML5、JS 的流行...

    web前端到底是什么?


    某货: “前几年前端开发人员鱼目混杂,技术参差不齐,相对学习起来不规范,导致> 前端开发人员聚集,所以现在前端工种和工资还是没得到普遍重视,但近2年来,> > HTML5、JS 的流行,让前端异常火爆,以后还会更有前途吗?请问您怎么看?”



    “我只能告诉你:前端不灭”
    “除非你不要脸!”
    “前些年因为国内都不要脸,然而现在都明白了用户体验至上,现在都要脸;”
    “不但要脸 还要胸大 活好!用着舒服”
    “后端提供床,前端提供颜值高的妹,你说重要吗?”


    某货:“嘿嘿!你意思是 地上、厨房都可以,但没妹子怎么行?。。【大大的 污 】”


    上面对话,是我前两天在群里 一段解答的对话。
    有人问我 为什么你举例这么生动,真实,让人看了觉得更激情了。我只能告诉你:我主业是段子手,副业才是code,你表 搞错好吗?
    好,下面我来简单粗暴的介绍下我自己:3个特征而已


    1. 我 最 帅!
    2. 我 最 帅!
    3. 我 最 帅!

    O(∩_∩)O 好了,我们已经相识了,我们进入相知的阶段(我擦,太快了吧?)

    在我讲段子之前呢,我有必要和责任解释下:
    {“ web前端开发 ”是什么? }
    {“ web前端开发 ”有前途吗?}
    {“ web前端开发 ”到底怎么学?}

    这3个对象,是你入【前端】这个坑的初恋,对!没错同时和 3个对象谈恋爱(我知道你大学肯定干过额 【邪恶脸】)。

    NO 1: web前端开发 ”是什么?


    前言:声明啊,我是个草根派,不是学院派;那些一篇噼里啪啦,噼里啪啦的各种定义 和术语解释,你在我这么帅的人的系列文章里,根本看不到 嘿嘿!


    【啦啦啦 啦啦啦, 我是卖报的小行家,不怕苦,不怕累。。】。。。画风突变


    跑题啦!不过话说回来,这个脍炙人口的儿歌,深刻反映了我们 web前端行业的一个工种状态。行家,自由,但要经历苦、累 才会有收获。其他行业,苦、累居多,而我们大前端那必须是自由,乐趣,随心所欲的一个工种。

    本帅的感触:做任何一件事,如果是兴趣使然,那必定会坚守到老,从菜鸟变大神也是顺理成章的事儿。因为你的经验会随着你的颜值经历时间的洗刷,最后你回头会发现一件最有意义的事:

    我擦,加薪了! (^o^)/YES!

    废话了这么多,我们来步入正题:其实web前端这个职位,并没有一个有效的历史记录可以查询,更没有一个明确的定义,她不像java 攻城狮、c++开发这种一开始就有明确定位的工种一样,是有核心技能可以描述的。比如java开发,顾名思义就是利用java程序来开发功能,php开发:利用php做个商城等等。

    前端小美女

    你会发现:我们前端这个姑娘,她甚至没有一个logo 和拟人化的图形用来描述(是不是挺扯淡的?)不过不要紧,下面让帅的人 来为她正名。O(∩_∩)O~

    一、web前端的演变


    Web前端开发工程师是一个很新的职业,在国内乃至国际上真正开始受到重视的时间不超过10年。Web前端开发是从网页制作演变而来的,名称上有很明显的时代特征。在互联网的演化进程中,网页制作是Web 1.0时代的产物,那时网站的主要内容都是静态的,用户使用网站的行为也以浏览为主。

    2005年以后,互联网进入Web 2.0时代,各种类似桌面软件的Web应用大量涌现,网站的前端由此发生了翻天覆地的变化。网页不再只是承载单一的文字和图片,各种丰富媒体让网页的内容更加生动,网页上软件化的交互形式为用户提供了更好的使用体验,这些都是基于前端技术实现的。

    随着WEB2.0概念的普及和W3C组织的推广,网站重构的影响力正以惊人的速度增长。


    前端飞速发展


    上边一段标注解释,是某科的一些附录,(这么枯燥的东西,就让别人来总结吧对么?)大概阐述了,以前的web是怎么一种状态和Web2.0的重要性。

    其实中国的“web前端开发攻城狮”这个职位好多人并不知道是怎么叫出来的,那么我偷偷 <( ̄︶ ̄)>告诉你:其实是淘宝团队,发明出来的本土化的名称,因为历史原因,淘宝在2005以后迅速崛起,并且爆发式的访问量,让淘宝网的用户体验受到巨大考验和急需前进。

    然后淘宝官方第一次有了【 web前端开发 】这个字眼和招聘职位,或许其他网站也想到了这样一种描述,但是毕竟知名度巨高的淘宝,受关注度自然高,口碑相传,就把【前端开发】这个叫法发扬光大了。

    在早期点Web前端不叫前端,而是被亲切的叫做“网页设计师”,没错你没看错,就是这个名字,我记得那时候 【网页三剑客】的说法满天飞,你掌握了这3贱客,真的很贱,就可以被人叫做网页设计师了。

    网页三剑客:DW\FW\Falsh

    网页三剑客

    网页三剑客(Flash、Dreamweaver、Firewoks) 并称为Macromedia的网页制作三剑客,由于是同一公司的产品,因而在功能上有着一个非常紧密的结合 。后来Firewoks被Adobe这个变态的巨头收购以后,ps就基本取代Firewoks来做设计网页的工作了,虽然我知道现在还有人用,估计是一种怀念和某些好用的切图功能吧。

    而那时候的网页设计师 如果要入此道,必须要掌握的就是Dreamweaver,并不是说只有他能写html 和 css ,而是它在当时的自动提示实在太好用、太强大了,简直不用费脑细胞,你就可以轻轻松松的完成你所想。在当时前端工具和编辑器贫乏的时代,这个绝对是神奇级别了(当然后来 写的多了都熟悉基本不用提示的)。当年还有很多基于Dreamweaver构建网站的教程,那时候真的是个基情满满的年代,这些工具类的历史产物,有兴趣的朋友可以去了解一下就好了,我们不在多舌。

    二、web前端开发入门,需要掌握哪些基础


    虽说这个问题很大,但是这个话题就很好回答了;因为现在前端如此眼花缭乱,技能多多,都是基于此三板斧:
    HTML、CSS、JavaScript


    W3C


    语言基础:HTML、CSS、JavaScript

    思想标准:W3C标准

    W3C万维网联盟创建于1994年,是Web技术领域最具权威和影响力的国际中立性技术标准机构。到目前为止,W3C已发布了200多项影响深远的Web技术标准及实施指南,如广为业界采用的超文本标记语言标准通用标记语言下的一个应用)、可扩展标记语言等,有效促进了Web技术的互相兼容,对互联网技术的发展和应用起到了基础性和根本性的支撑作用。

    所以 我们现在运用的html 超文本标记语言,css 等所有基于web技术的范畴,基本都是w3c标准,并全世界统一执行的,所以符合w3c 也就是开启前段之门了。
    web前端,首先不是孤立存在的,前端相对于web后端编程而言,前端是浏览器自身支持的编程语言,包括html,css,javascript

    HTML: 是构成网页展示的基础,是一种很简单可视化的标识语言,说白了就是 一是一,你写二就出二。网上所有的网页网站,不管多么牛鼻最后都会转化成html,被浏览器渲染出来,用作展示。

    CSS: 又称作样式表,简单点说就是html的外衣,将html包装的明艳动人。

    JavaScript:是一种直译式脚本语言,非常灵活,可以在任何浏览器上开发与调试的一种动态类型、弱类型、基于原型的语言。
    (关于js这个让人又爱又恨的语言,我们到后面会着重介绍和学习,因为掌握此技能, 你就拥有了全世界,说全世界是扯淡的,说白了拥有了 money和妹子)

    NO 2: web前端开发 ”到底有前途吗?


    如果你在2012年以前 这么问,或许很多人会思考一下,给你说不知道,应该没后端编程有前途吧,或者直接说,web前端有啥啊?不就写个网页、js吗?工资又低。。。。


    但现在是2016年了亲,我只能说以后都会是前端年,很久以前不懂web前端的人观念大概是:

    xx是美工,让他弄个网页过来
    xx你好,你能给我切割按钮过来吗,我后面需要用
    xx你alert一下,看我数据传过去了没。
    xx xx xx 的

    xx你麻痹啊xx!不要叫我美工,谁叫我跟谁急;不要叫我页面仔,虽说每个扎实的前端都是页面仔过来的;更不要侮辱我的职业,以为前端只是写页面、切图。。

    然而现在的真实情况是这样的:

    hi,小北你这个是什么效果啊,这么牛,css3 html5做的?【css3 html5 笑而不语

    我擦,这,这 怎么自动就刷新了,吓我一跳啊,我还拉回切换着f5呢【gulp、 webpack等构建工具笑而不语

    哎呦,js真牛逼啊,连后台数据库都能操作了,服务器都能构建了【nodejs笑而不语

    哥,你需要什么形式的json串啊, 我这边好生成一下,哥,你过来看一下这个体验怎么样?【老子 不笑,也不会语。尼玛要累死我?


    随着html5的普罗天下,css3的风靡全球,随着nodejs 的崛起,JavaScript这个最容易被人误解的语言,终于散发了它本该有的光芒(不要以为是我抄的别人的话,本篇文章纯属原创,我就是这么有才!)


    Javascript这个牛鼻的历史产物,现在真的可以说是万能的,至少在web层面是这样,交互、效果、数据操作、娱乐游戏、操作文件io等等。

    由于现在是web应用时代,各种尺寸的电子设备,增长式的爆发,只要和屏幕有关的 就是颜值,颜值代表了一切,你说前端有前途吗?

    html5、网页游戏风靡全球,需要页面展现的东西 都是前端范畴,你说有前途吗?

    目前世界上最多的可视化物质是什么?蚂蚁?人?还有人说是TT(泥煤,亏你想的出来),那么我告诉你,是网页,网页 ,网页,据统计现在全世界 有亿级别的网页,请问什么概念,你说有前途吗?

    最直观的:前端的工资 从前几年的平均几K 到现在的10 20 k 。

    前端工资比例图


    你说有前途没?

    由于本篇文章是 我 前端系列文章的第一篇,只介绍下历史原因 和 为前端正名,并且有效提升初学者和怀疑者的兴趣,所以一些名词的介绍和意义,大家先自行谷歌、度娘一下,后面我们会一一道来。

    NO 3: web前端开发 ”怎么学习,怎么入门?


    想知道吗?嘿嘿,我好累,喝口水把个妹,想知道,持续关注我帅帅的颜值,下回分解!

    在最后,特别感谢,贺贺妹子(傻),辛苦整理提供一些资料和配图,让我的文章更加生动和有趣。我想她一定是被我的颜值折服了吧!

     

    ----------------------------------------------------------------------------------------------

     

    web前端入坑系列:点击标题进入

    第一篇: web 前端入坑第一篇:web前端到底是什么?有前途吗

    第二篇: web前端入坑第二篇:web前端到底怎么学?干货资料!

    第三篇:web前端 | 一条“不归路” -  学习路线!

     

     

    入坑方式:   欢迎加入~!气氛热情,欢乐多,妹子多!

     

     

     扫描屏二维码或直接搜索,可以关注 我的前端公众号 :前端你别闹

    听说妹子挺多的,及时更新一些前端解惑和段子

    70

     

    展开全文
  • web服务器和web框架的作用及其关系

    千次阅读 多人点赞 2018-10-15 21:24:27
    web服务器和web框架的作用及其关系 1.web服务器作用: 1)解析请求报文,调用框架程序处理请求。 2)组织响应报文,返回内容给客户端。 2.web框架程序的作用: 1)路由分发(根据url找到对应的处理函数) 。 2)在处理...
  • web前端简历的详解

    万次阅读 2016-11-22 08:55:26
    一、基本信息 基本信息就是介绍自己的姓名、性别、年龄、出生年月、婚姻状况、民族、籍贯、政治面貌、身高、现所在地、练习电话、电子邮箱等,其中一些事必须要写的,有些事不需要写的,看个人情况。...
  • 区分Web服务器、HTTP服务器、应用程序服务器

    万次阅读 多人点赞 2018-04-04 16:58:08
    进程听到和看到web服务器、HTTP服务器、应用程序服务器,但一直不知道它们有什么区别,迷惑了好久,今天查看的很多博客,终于算是梳理通了,下面我就来总结一下它们的区别,顺别了解一些服务器。 首先我们要知道web...
  • web开发基本常用语言?

    千次阅读 2018-12-29 19:34:47
    Web开发,Web框架一定要熟悉,框架是Web架构开发中必不可少的工具,不仅可以提高开发效率,还能让开发项目更成熟,并且可以提升代码的可再用性,Web框架开发离不开相应的开发语言,以下是常用的Web架构开发语言: ...
  • 一、Spring Boot简介 Spring Boot是由Pivotal团队提供的全新框架,其设计目的是用来简化新Spring应用的初始搭建以及开发过程。该框架使用了特定的方式来进行配置,从而使开发人员不再需要定义样板化的配置。...
  • IntelliJ IDEA导入Web项目

    万次阅读 2018-03-13 10:47:21
    转自:Idea导入Web项目 概述 主要分为项目配置和tomcat配置两大步骤。 一、项目配置 打开idea,选择导入项目 选择将要打开的项目路径后,继续选择项目的原本类型(后续引导设置会根据原本的...
  • 基于WEb招聘网站

    万次阅读 多人点赞 2018-06-05 12:47:00
    分享一波项目~~“基于Web的小型企业招聘系统及其小程序客户端开发“。该项目是基于“SpringMvc+Spring+Mybatis”的技术架构,使用Maven进行开发的项目。前端采用传统的html+css的技术,后台是用h+的boostrap技术框架...
  • Web测试和App测试区别

    万次阅读 多人点赞 2018-10-27 14:14:40
    WEB测试和应用测试从流程上来说,没有区别。都需要经历测试计划方案,用例设计,测试执行,缺陷管理,测试报告等相关活动。从技术上来说,WEB测试和APP测试其测试类型也基本相似,都需要进行功能测试,性能测试,...
  • web3d交互社交网络站

    万次阅读 2020-03-25 21:54:00
    待续
  • 今天去深入看语义网的时候,看到web3.0这个概念的时候,第一次考虑什么是web3.0? Web是大家所熟知的,百度上的解释为:web(World Wide Web)即全球广域网,也称为万维网,它是一种基于超文本和HTTP的、全球性...
  • 菜鸟浅谈——web安全测试

    万次阅读 多人点赞 2018-02-27 22:29:32
    本文仅为小白了解安全测试提供帮助 一:安全测试注意事项 1)要注意白帽子与黑客之间的区别 ...二:web介绍 1)world wide web 万维网,也被叫做www(3w),非常普遍的互联网应用,每天都有数以亿万...
  • Win10 IIS Web服务器安装与配置

    万次阅读 多人点赞 2018-01-04 21:53:00
    这几天课程实训,使用 IIS 配置服务器,课本上内容太久,老师也没有讲过,自己摸索了一下,所以记录一下 安装 IIS 打开程序和功能,选择左边启用或关闭 Windows 功能,建议根据下图勾选,确定后等待安装完成 ...
  • java web项目中如何插入背景图片

    万次阅读 2018-11-12 20:12:59
    对于java可视化界面插入背景图片这个倒是轻而易举,只需要background-inage:url(图片路径就行),而对于与web项目中,我开始时也是采用这种方法,但是不尽然,代码如下: &lt;div class='ban' style="...
  • 常见web错误码

    万次阅读 2019-03-23 22:20:40
    我们知道,最常见的web错误码404表示文件或资源未找到,但还有其他的错误代码,下面整理出来: 一、1xx-信息提示:这些状态代码表示临时的响应。客户端在收到常规响应之前,应准备接收一个或多个1xx响应。 100-继续...
  • Web前端从初级到高手之路

    万人学习 2015-12-28 16:36:35
    凡是购买本套课程的学员,可以加QQ群: 152364681,专业讲师进行在线答疑与指导,学不懂有疑问,随时问,永久服务,并赠送海量web前端练习素材,名师一路陪伴,让学员真正成为一名优秀的web前端工程师。
  • 网站后台爆破工具:WebCrack

    万次阅读 2019-10-30 09:28:49
    webcrack 网站后台爆破工具
  • web1.0,web2.0与web3.0的区别

    万次阅读 2019-02-04 11:20:00
    Web1.0:以静态、单向阅读为主,网站内信息可以直接和其他网站信息进行交互,能通过第三方信息平台同时对多家网站信息进行整合使用。 Web2.0:以分享为特征的实时网络,用户在互联网上拥有自己的数据,并能在不同的...
  • Web容器

    万次阅读 2016-09-25 10:59:22
    1.Java Web相关概念 1.1中间件 1.2容器 2.Web容器的作用 主要参考文章: http://www.cnblogs.com/yezhaohui/archive/2013/05/21/3091931.html http://www.cnphp6.com/archives/51094 好记性不如烂笔头,从...
  • 人工智能,零基础入门!... 刚接触springboot项目, (1)发现断点debug调试无效,很郁闷,网上搜索解决办法。 看到的都是一些很复杂的方案,说是远程调试,还要另外开端口号。这和传统的项目不一样,因此觉得没必要...
  • 小程序web-view使用方法是子恒老师《子恒说小程序开发》视频...详细讲解了小程序web-view组件的使用,内容包含web view打开网页,网页与小程序之间的跳转,在web view中实现微信支付等等。欢迎反馈,微信号:QQ68183131
  • 观察是否还有异常:java.lang.ClassNotFoundException:org.springframework.web.context.ContextLoaderServlet 所以ContextLoaderServlet 没有成功加载,导致web.xml构建spring容器失败!所以在引用...
  • web项目的WEB-INF目录

    千次阅读 2015-07-15 15:38:50
    WEB-INF是Java的WEB应用的安全目录。所谓安全就是客户端无法访问,只有服务端可以访问的目录。 如果想在页面中直接访问其中的文件,必须通过web.xml文件对要访问的文件进行相应映射才能访问。 /WEB-INF/web.xml : ...
  • web开发框架技术有哪些?

    千次阅读 2018-11-07 16:07:30
    如果你是做Web开发的,Web框架一定会很熟悉,框架是Web架构开发中必不可少的工具,不仅可以提高开发效率,还能让开发项目更成熟,并且可以提升代码的可再用性,Web框架开发离不开相应的开发语言,以下是常用的Web...
  • web: https://download.csdn.net/download/qq_35583089/10537585 sdk: https://download.csdn.net/download/qq_35583089/10537610 大家自己下载一下吧。 最近在公司需要在项目里集成海康威视的摄像头,刚开始的...
  • web服务器、Web中间件和Web容器的区别

    万次阅读 多人点赞 2018-11-25 20:36:21
    我们经常会被Web服务器、Web容器和Web中间件这三个概念搞混。因为我们常见的很多网站要么是由IIS搭建,要么是由Apache、Tomcat、Ngnix搭建。所以,我们会把他们都叫成是Web服务器,因为他们都提供了Web服务,可以让...

空空如也

1 2 3 4 5 ... 20
收藏数 1,479,044
精华内容 591,617
关键字:

web