一、前端载体分类
1.移动端
1)App
2)Android
3)ios
4)Windows phone
5)小程序
2.网页
1)html
2)wap
3.桌面软件
1)Windows
2)Mac os
3)Linux
二、web技术
开发网页的一种前端技术。包括html语言,JavaScript脚本,css样式及一些前端的框架。
1.Html是超文本标记语言,以标签形式表示网页组成元素。
2.Css是层叠样式表,给html页面元素进行样式渲染。
Html是“硬装”,css是“软装”。
三、Http协议和url
Http是超文本网络协议,所有www文件都必须遵守这个标准。
Url是在互联网唯一定位的一个资源。在互联网中任何一张图片地址,任何一个网址都是独一无二的。
举例:https:www.baidu.com/s?ie=utf-8&wd=武汉加油
https: 协议头
www.baidu.com/ 域名
s?ie=utf-8&wd 参数名
武汉加油 参数值
四、Http的请求方式
1.get方法
举例:https:www.baidu.com/s?ie=utf-8&wd=武汉加油
特点:
1)向指定的资源获取数据,参数携带在url中
2)参数的长度大小有限制
3)请求过程参数会被记录在浏览器中
4)安全性不高
对应的产品动作:
1)查询操作
2)翻页操作
3)无需提交复杂数据,且相对安全性要求不高
2.post方式
例子:https://192.168.1.1/action=add
特点:
1)向目的资源提交数据,参数携带在请求体(json)
2)参数长度大小无限制
3)请求过程参数可加密,安全性高
get像“邮寄明信片”,内容都写在表面;post像“邮寄信件”,内容都已经打包在里面。
五、cookie和session
1.cookie
是存储于客户端本地的一个文本文件,用来记录用户的个人信息和浏览历史。
特点:具有有效期,可以手动清除。
应用场景:记住密码,浏览记录,广告推荐。
2.session
是服务端生成的一个访问状态,存储在服务端用来校验用户的身份有效性。
特点:
1)存储在服务端
2)可由服务端设置有效期
3)状态由服务端管理,客户端不可控制。
应用场景:记住登录状态
六:静态页和动态页
1.静态页面
通常只需要加载渲染一次,将内容完整地呈现出来即可,无需再进行数据加载。
应用场景:功能说明页
有个误区:
某些工程师会将需要做功能接口的“静态页”,也当成“静态页”,例如:没有实现功能的登录页
产品经理一般都是:将需要通过接口实现功能的页面,都不能称为静态页。
因而这一点需要跟工程师沟通时,确认是否讲的是同一个东西。
2.动态页面
动态页通常指页面会随着场景的变化而变化,页面数据需要通过服务接口获取。
特点:
1)数据动态的获取
2)页面结构一致,数据差异化
3)需要进行数据加载
应用场景:论坛、贴吧
阅读全文