2018年某大学生程序员实习报告范文

2018 年某大学生程序员实习报告范文Http 部分：一、localStorage、essionStorage 、cookies 的区别：localStorage:存储在本地浏览器的永久性数据。sessionStorage：存储在本地浏览器会话中的临时数据，在关闭浏览器后会自动清除。Cookies：存储在内存中的半永久数据。详情请看：xx。二、一次完成的 http 事务：域名解析；发起 tcp 三次握手；建立 tcp 连接后发起 http 请求；服务器端响应 http 请求，浏览器得到 html 代码；浏览器解析 html 代码，并请求 html 代码中的资源；浏览器对页面进行渲染呈献给客户;项目部分：一、项目的规范：1 页面格式1)页面统一采用 缩进 4；2)文件,文件夹采用驼峰命名。2 style1)css 命名统一使用中横线；2)等分排列 场景使用 flex 弹性布局 ；3)使用 scss 语法编译；4)样式尽量使用简写 ex：margin-top:1px margin-left:1px margin-bottom:1px = margin:1px 0 1px 1px;5)css 选择器尽量精简，优先考虑样式管理，其次考虑选择器性能；6)少用权重低的选择器，例如后代选择器标签选择器；7)当选择器在组件内具有特定的语议或者为 js 所操控，方才考虑使用 id 选择器，其他 情况使用类选择器；8)包裹样式属性的 跟在选择器名称后面,勿换行书写；9)尽量使用 scss 的选择器嵌套，提高样式管理度；10)组件内部的颜色，或者多处出现的属性样式，建议用mixin 或者 scss extend 封 装11)assets/scss/modules 用于存放项目公共 scss 模块，./modules/mixin ./modules/var 可各自import 到组件内部使用；12)assets/scss/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 script1)统一使用 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 图片 icon1)关于图片命名，采用中划线隔开，使用英文命名，勿使用拼音或者中文等非规范类命 名；2)icon 类图片添加 icon- 前缀；3)背景类图片添加 bg-icon；4)项目中用到的组件尽量使用字体图表，登录 iconfont 首页- 我的项目- A+福利站 可 将图片文件包下载至本地，存放于 static/目录；5)icon 的命名规范为 class = iconfont icon-demo；6)使用切图类的 icon 使用 i-icon 作为命名空间以跟 iconfont 区分。二、基本业务对于一些项目中的基本业务，在 ui 没有给出具体交互设计时，应先想到一些表单的验 证，如手机号、密码、姓名等验证；还有一些按钮的作用，比如说退出登录按钮一般会 跟随着一个二级确认弹框；三、项目的流程由产品经理完成文档 = 找 UI 设计高保和低保 = 然后找前端和后台开发人员开会 = 前端完成静态页面和交互/ 后台完成接口 = 后台自测 = 后台提测 = 前端联调 = 前端自测 = 前端提测 = 测试人员测试 = 产品验收 = 运营平台上架商品 = 上线。