1、web前端需要掌握什么?
基础:网页一定要做好,所有的呈现都是基于html页面(h5,css3);
重点:主要是负责实现视觉和交互功能,以及与后端服务器通信,完成业务逻辑 ,
(javascript,要掌握牢固,是浏览器的的脚本语言);
掌握基本逻辑: a、读取显示数据逻辑: 分页。
b、 写入数据: ajax图片上传, 表单验证(安全)
2、web前端能做什么?
web网站开发
移动APP开发
canvas数据可视化
nodjs开发
HTML5游戏
3、java、php、pyton都有涉及到web网页开发,与web前端有何不一样?
- java、php、pyton三层架构:
1 、显示层: html 、css 、js
2 、逻辑层:a、验证数据是否合法;b、合法写入数据库; c 、判断人的信息是否符合web需求?(例如:学历 、年龄、地域、工作、年限);
3、数据层: 从服务器的数据库中或许进行匹配 - web前端三层
显示层:html css js
逻辑层: 交互逻辑 ( 通过接口要结果 )
数据: 用户本地数据。
web开发分工越来越细: 用户数据交互 界面交互这块 全部都有前段开发人员完成。
补充:
业务逻辑(重点):
1、 登录逻辑:能够登录后台 必须我们网站授权过的人。 数据库记录的用户密码 是加密的
**md5:**加密的特点是 相同的字符串加密出来 都是一样的,不管多长 加密出来 32 位密码。
接口返回信息: RBAC 权限管理 (基于角色权限管理模型)
2、登录验证:
两个完全独立的页面 之间 是无法做到 关联处理。
1、 a页面 不能 把你的结果 告诉 b页面(后期可以告诉)
2 、通过客户端存储。 a页面 登录成功 我把你是否登录 成功信息保存下来(不是js变量)。b页面就可以做到关联。
客户端存储:
html5 新增的东西 存储web storage(多个页面 验证是否登录 原理是: 本地存储数据 )
- sessionStorage: 回话存储。(生命限于你打开网页关闭网页之间)
- localStorage: 本地存储(永久只要用户不手动删 一直有效)
- 需要了解:
获取:setItem(key,value); 默认是字符串 存json要转化
读取: getItem()
删除: removeItem()
你在做每一操作的时候 我都要验证你是否登录过。
注意: webStorage: 默认只能存储字符串。
如果我们想存一个json:
json字符串: ajax中自动帮我转成对象。
JSON.stringify() 将json对象转化成字符串
JSON.parse() 将json字符串转成对象