初识前端
这一天上午我大概的了解到了什么是前端,自己学的又是啥。
大前端-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网站
虽然简陋,但勉强够看,后续我会慢慢完善这一个网站并模拟出原网站。