2018年大学生程序员实习报告
Http部分：
一、localStorage、essionStorage和cookies的区别：
本地存储：在本地浏览器中存储持久数据。
SessionStorage:浏览器关闭后，存储在本地浏览器会话中的临时数据将被自动清除。
Cookies:存储在内存中的半永久数据。
详见：xx。
第二，完成的http事务：
域名解析；
发起tcp三次握手；
建立tcp连接，然后发起http请求；
服务器响应http请求，浏览器获取html代码；
浏览器解析html代码并请求html代码中的资源；
浏览器呈现页面并将其呈现给客户；
项目的一部分：
一、项目规格：
1页格式
1)页面均匀缩进4；
2)文件和文件夹用驼峰命名。
2风格
1)css命名统一使用水平线；
2) flex灵活布局用于等排场景；
3)用scss语法编译；
使用缩写ex:margin-top :1 px margin-left :1 px margin-bottom 33601 px=margin :1 px 01 px 1px；
5)css选择器应尽可能简洁，以样式管理为主，再考虑选择器性能；
6)使用较少的低权重选择器，如后代选择器标签选择器；
7)当选择器在组件中有特定的讨论或者被js控制时，考虑使用id选择器，其他情况下使用类选择器；
8)包样式属性的{}跟在选择器名称后面，所以不要在新的一行写{ }；
9)尝试使用scss选择器嵌套来改进样式管理；
10)对于很多地方出现的组件内部颜色或者属性样式，建议使用@mixin或者scss @extend。
11)资产/SCS/模块用于存储项目的公共SCS模块。/模块/混合。/modules/var可以@import到组件中使用。
12)资产/SCS/
ion-index="0">pages 用于存放页面模块的公共样式，以整个页面大模快命名 如 login.scss home.scss 适用于页面模块多次出现的公共样式的集合；13)属性类：页面涉及的padding 通常为 左右padding 30px 或者 20px；
14)属性类：border-radius 为 10px 或者 6px 自行选择；
15)属性类：页面的shadow 已封装至 assets/scss/modules/mixin中，分别对应卡片类， bannse类，列表类，以及其他类 通过@extend 引用；
16)属性类：尽量勿使用 font-weight：blod 属性；
17)mint-ui：mint-ui的自定义样式修改至assets/scss/modules/mintUi.scss文件中；
18)mint-ui：如需使用mint-ui的checklist或者radio 在组件处添加 as-checklist as-radiolist 类名，参考 pages/home/search.vue；
19)mint-ui：组件内如需修改mint-ui的样式，另外写一个scss标签，去掉scoped字段， 切记，组件内自定义的mint样式务必包裹在页面私有命名空间内，否则会造成全局污 染
20)类名命名优先起用结构性类名
例如，.header .footer .nav .list .aside .main .title .text .banner,其次使用功能性类名例如 .name；
21).list .prop .price .goods .item .detail .tip .intro ；
3 script
1)统一使用es6语法规范；
2)使用 let，const定义变量，变量声明需提前，多个变量声明采用逗号隔开；
3)如需使用 this 的引用，统一 使用变量名 me ex: const me = this；
4)变量采用驼峰命名,勿使用下划线 ex：let myTest = ''；
5)js语句结束使用;号结束。
4 组件
1)私有组件放置于各个模块目录下的componets目录，公共组件放置于src/components/ 目录；
2)对于页面组成组件 引用的变量名添加 'Com' 前缀 ex: import ComHeader from '@/components/header'；
3)对于弹框组件 引用的变量名添加 'Pop' 前缀 ex: import PopChooseMonth from '@/components/popChooseMonth'；
5 图片 icon
1)关于图片命名，采用中划线隔开，使用英文命名，勿使用拼音或者中文等非规范类命 名；
2)icon类图片添加 icon- 前缀；
3)背景类图片添加 bg-icon；
4)项目中用到的组件尽量使用字体图表，登录iconfont首页-> 我的项目-> A+福利站 可 将图片文件包下载至本地，存放于static/目录；
5)icon的命名规范为 class = 'iconfont icon-demo'；
6)使用切图类的icon 使用 i-icon 作为命名空间以跟iconfont区分。
二、基本业务
对于一些项目中的基本业务，在ui没有给出具体交互设计时，应先想到一些表单的验 证，如手机号、密码、姓名等验证；还有一些按钮的作用，比如说退出登录按钮一般会 跟随着一个二级确认弹框；
三、项目的流程
由产品经理完成文档 => 找UI设计高保和低保 => 然后找前端和后台开发人员开会 => 前端完成静态页面和交互/后台完成接口 => 后台自测 => 后台提测 => 前端联调 => 前端自测 => 前端提测 => 测试人员测试 => 产品验收 => 运营平台上架商品 => 上线。
