1、2018 年大学生程序员实习报告2018年大学生程序员实习报告 http部分： 一、localstorage、essionstorage、cookies 的区别： localstorage:存储在本地浏览器的永久性数据。 sessionstorage：存储在本地浏览器会话中的临时数据，在关闭浏览器后会自动清除。 cookies：存储在内存中的半永久数据。 详情请看：xx。 二、一次完成的 http事务： 域名解析； 发起 tcp三次握手； 建立 tcp连接后发起 http请求； 服务器端响应 http请求，浏览器得到 html代码； 浏览器解析 html代码，并请求 html代码中的资源；浏览
2、器对页面进行渲染呈献给客户; 项目部分： 一、项目的规范： 1页面格式 1)页面统一采用缩进 4； 2)文件,文件夹采用驼峰命名。 1)css命名统一使用中横线； 2)等分排列场景使用 flex弹性布局； 3)使用 scss语法编译； 4)样式尽量使用简写 ex：margin-top:1pxmargin-left:1pxmargin-bottom:1px=margin:1px01px1px; 5)css选择器尽量精简，优先考虑样式管理，其次考虑选择器性能； 6)少用权重低的选择器，例如后代选择器标签选择器； 7)当选择器在组件内具有特定的语议或者为 js所操控，方才考虑使用 id选择器，其他情
3、况使用类选择器； 8)包裹样式属性的跟在选择器名称后面,勿换行书写； 9)尽量使用 scss的选择器嵌套，提高样式管理度； 10)组件内部的颜色，或者多处出现的属性样式，建议用mixin 或者 scssextend封装 11)assets/scss/modules用于存放项目公共 scss模块，./modules/mixin./modules/var 可各自import到组件内部使用； 12)assets/scss/pages用于存放页面模块的公共样式，以整个页面大模快命名如 login.scsshome.scss适用于页面模块多次出现的公共样式的集合； 13)属性类：页面涉及的 paddin
4、g通常为左右padding30px或者 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-
5、checklistas-radiolist类名，参考 pages/home/search.vue； 19)mint-ui：组件内如需修改 mint-ui的样式，另外写一个 scss标签，去掉 scoped字段，切记，组件内自定义的 mint样式务必包裹在页面私有命名空间内，否则会造成全局污染 20)类名命名优先起用结构性类名 例如，.header.footer.nav.list.aside.main.title.text.banner,其次使用功能性类名例如.name； 1)统一使用 es6语法规范； 2)使用 let，const 定义变量，变量声明需提前，多个变量声明采用逗号隔开； 3)如需
6、使用 this的引用，统一使用变量名meex:constme=this； 4)变量采用驼峰命名,勿使用下划线ex：letmytest=； 5)js语句结束使用;号结束。 4组件 1)私有组件放置于各个模块目录下的 componets目录，公共组件放置于 src/components/目录； 2)对于页面组成组件引用的变量名添加com前缀ex:importcomheaderfrom/components/header； 3)对于弹框组件引用的变量名添加pop前缀ex:importpopchoosemonthfrom/components/popchoosemonth； 5图片 icon 1)关于
7、图片命名，采用中划线隔开，使用英文命名，勿使用拼音或者中文等非规范类命名； 2)icon类图片添加 icon-前缀； 3)背景类图片添加 bg-icon； 4)项目中用到的组件尽量使用字体图表，登录iconfont首页-我的项目-a+福利站可将图片文件包下载至本地，存放于 static/目录； 5)icon的命名规范为 class=iconfonticon-demo； 6)使用切图类的 icon使用 i-icon作为命名空间以跟 iconfont区分。 二、基本业务 对于一些项目中的基本业务，在 ui没有给出具体交互设计时，应先想到一些表单的验证，如手机号、密码、姓名等验证；还有一些按钮的作用，比如说退出登录按钮一般会跟随着一个二级确认弹框； 三、项目的流程 由产品经理完成文档=找 ui设计高保和低保=然后找前端和后台开发人员开会=前端完成静态页面和交互/后台完成接口=后台自测=后台提测=前端联调=前端自测=前端提测=测试人员测试=产品验收=运营平台上架商品=上线。
