美文网首页Web前端之路
前端学习-前端基础

前端学习-前端基础

作者: michaelxwang | 来源:发表于2019-06-28 17:55 被阅读2次

简介

软件架构

C/S:客户端/服务器

  • 一般系统上安装的软件都是C/S架构
  • 例如:QQ、360
  • C表示客户端,用户通过客户端使用软件
  • S表示服务器,服务器负责软件处理的逻辑
  • 特点:
    1.软件使用必须安装
    2.软件更新时、服务器和客户端得同时更新
    3.C/S架构的软件不能跨平台使用
    4.C/S架构的软件客户端和服务器通信采用的是自有协议,相对来说比较安全。

B/S:浏览器/服务器

  • 浏览器本质上也是C/S,只不过B/S架构的软件,使用浏览器作为软件客户端
  • B/S架构软件通过使用浏览器访问网页的形式,来使用软件
  • 例如:百度、12306、淘宝
  • 特点:
    1.软件不需要安装,直接使用浏览器访问指定的网址即可
    2.软件更新时,客户端不需要更新
    3.软件可以跨平台,只要系统中有浏览器,就可以使用
    4.B/S 架构的软件,客户端和服务器端之前采用的是通用HTTP协议,相对来说不安全。

两者比较

  • C/S架构需要在不同平台(windows android ios)开发软件,开发成本高。
  • B/S 成本更低,维护起来成本更低
  • B/S 安全问题可以通过HTTPS来解决

软件开发流程

1.网页设计师根据需求设计图片
2.前段工程师将设计图转换成静态网页(代码)
3.(方式一)后端工程师将静态网页改成动态网页(调用数据)
3.(方式二)前端工程师向后端工程师提数据需求,后端工程师以此定制接口,前端工程师根据接口把静态网页改成动态网页。
3.(方式三)全栈工程师 。既写前端又写服务器。(JS 既能写前端交互又能写服务器)

前端要学习的内容

万维网联盟World Wid Web Consortium(W3C)标准
结构——HTML
HTML用于描述页面的结构
表现——CSS
CSS用于控制页面中元素的样式,美化页面
行为——JavaScript
JavaScript用于相应用户操作,负责页面的行为

相关文章

  • 无标题文章

    #Web前端 - web前端是什么 - 定义 - 职责 - web前端基础知识和学习路线 - web前端学习的...

  • Web前端

    Web前端 web前端是什么- 定义 职责 web前端基础知识和学习路线 web前端学习的资源 1.Web前端是...

  • 学习图谱

    前端整体 基础学习路线 进阶学习路线 整体学习路线 「前端进阶」2018/2019 史上最全的前端学习路线 How...

  • 前端学习-前端基础

    简介 软件架构 C/S:客户端/服务器 一般系统上安装的软件都是C/S架构 例如:QQ、360 C表示客户端,用户...

  • web前端入门基础

    web前端基础笔记 学习web前端开发基础技术需要掌握:HTML、CSS、JavaScript语言。下面我们就来了...

  • HTML基础学习笔记

    原 Blog 链接:HTML基础学习笔记 自学 html 基础笔记 Web 前端简单介绍 web 前端包含: pc...

  • Web前端基础三剑客学习知识分享

    Web前端开发基础知识学习路线分享,前端开发入门学习三大基础:HTML、CSS、JavaScript。除此之外还要...

  • Web前端开发基础三剑客学习知识分享

    Web前端开发基础知识学习路线分享,前端开发入门学习三大基础:HTML、CSS、JavaScript。除此之外还要...

  • 零基础web前端学习路线,前端入门到精通

    零基础怎么学web前端?下面就跟着小编一起来看看吧! 想学好web前端,该从哪里入手学习呢?零基础学习web前端学...

  • 零基础web前端学习路线,前端入门到精通看这个就够了

    零基础怎么学web前端?下面就跟着小编一起来看看吧! 想学好web前端,该从哪里入手学习呢?零基础学习web前端学...

网友评论

    本文标题:前端学习-前端基础

    本文链接:https://www.haomeiwen.com/subject/ynlrcctx.html