学习前端第二天

 初识前端

这一天上午我大概的了解到了什么是前端,自己学的又是啥。

大前端-web,即所有前端的统称。它包括

web网页
手机里的app,androi 、ios、小程序和手表类的产品里的app
 最接近用户的UI层等等

这些都是关于前端的

 又了解到软件的基本架构C/S和B/S

C/S(Client客户端/Server服务器),是一种软件系统体系结构,这种结构是将需要处理的业务合理地分配到客户端和服务器端。典型的代表软件QQ或Wechat                                                      优缺点有                                                                                                                                            

    优点:
      体验好,用户界面非常好看,操作也是非常丰富的
      安全性比较高
      只有一层交互,响应速度快
    缺点:
      需要下载
      需要更新
      开发 维护成本是比较高   例如
        QQ:client端 win/mac/android/ios/华为/塞班/微软 
        王者荣耀
        滴滴

B/S(Browser浏览器/Server服务器架构) ,就是只安装维护一个服务器(Server),而客户端选用浏览器(Browse)运行软件。

其优缺点大概有

    优点:
      无需安装客户端,有一个浏览器 足够,不需要用户手动更新
      直接放在广域网上,任何人都可以访问
    缺点:
      1. 在不同的浏览器上,表现不太一样 同一个文件。在IE和QQ浏览器上可能表现不一样
      2. 想要达到c/s架构软件的表现是很难的
      3. 安全性不足,容易感染病毒
      4. 需要满足http/https协议

 http/https

http,超文本传输协议的缩写,采用的是请求/响应模型                                                                          请求:请求头、url、协议、参数
      响应:响应状态码 响应内容 ...

 https是http+ssl  即http的安全版本。

SSL

SSl是一种安全协议、SSL(Secure Sockets Layer)及其继任者传输层安全

SSL为Netscape所研发,用以保障在Internet上数据传输之安全,利用数据加密技术,可确保数据在网络上之传输过程中不会被截取及窃听。

SSL协议位于TCP/IP协议与各种应用层协议之间,为数据通讯提供安全支持。广泛地用于Web浏览器与服务器之间的身份认证和加密数据传输。

 又了解到了主流的软件开发方式、前后端分离开发
    前端人员:html/css/js/jquery/vue/小程序...
       数据
    前段人员:后端技术NodeJS
    后端人员:java、python、c、连接数据库,运算                                                                           我作为前端人员的大致学习流程axure/html/css/云服务器(linux)/javascript/jQuery//html5/ES6/vue(企业级开发框架)/混合式app开发/小程序/NodeJS

 Axure

  第一阶段:页面重构
  工具的使用:Axure
  原型:是一个产品或数据系统的一个基本实用的模型
  原型功能:包括UI,包括功能(交互)等
  Axure RP9
  使用者:产品经理,交互设计师、UI设计师、架构师,程序员
  axure 软件可以将原型文件.rp生成成为 html或者图片以供演示。
  还可以作出很多交互效果,直接通过拖拽组件生成页面
  软件效果很好,能够很快的模拟出高保真的页面原型
  支持中文汉化

在这一天的下午,大致的了解并构造了一个简易且没有交互的登录界面,模仿的是bilibili网站

 

 虽然简陋,但勉强够看,后续我会慢慢完善这一个网站并模拟出原网站。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值