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

2018 年某大学生程序员实习报告范文 Http 部分： 一、 localStorage 、 essionStorage 、 cookies 的区别： localStorage: 存储在本地浏览器的永久性数据 sessionStorage ：存储在本地浏览器会话中的临时数 据，在关闭浏览器后会自动清除。 Cookies ：存储在内存中的半永久数据 详情请看： xx。 二、一次完成的 http 事务： 域名解析； 发起 tcp 三次握手； 建立 tcp 连接后发起 http 请求； 服务器端响应 http 请求，浏览器得到 html 代码； 浏览器解析 html 代码，并请求 html 代码中的资源； 浏览器对页面进行渲染呈献给客户 ; 项目部分： 、项目的规范： 1 页面格式 页面统一采用 缩进 4； 文件, 文件夹采用驼峰命名 2 style 1)css 命名统一使用中横线； 2) 等分排列 场景使用 flex 弹性布局 ； 使用 scss 语法编译； 样 式 尽 量 使 用 简 写 ex ： margin-top:1px margin-left:1px margin-bottom:1px => margin:1px 0 1px 1px; css 选择器尽量精简，优先考虑样式管理，其次考虑 选择器性能； 少用权重低的选择器，例如后代选择器标签选择器； 当选择器在组件内具有特定的语议或者为 js 所操控， 方才考虑使用 id 选择器，其他 情况使用类选择器； 包裹样式属性的 {} 跟在选择器名称后面 , 勿换行书 写{} ； 尽量使用 scss 的选择器嵌套，提高样式管理度； 组件内部的颜色，或者多处出现的属性样式，建议 用 @mixin 或者 scss @extend 封 装 assets/scss/modules 用于存放项目公共 scss 模 块， ./modules/mixin ./modules/var 可各自 @import 到组 件内部使用； assets/scss/pages 用于存放 页面 模块 的公 共样 式，以整个页面大模快命名 如 login.scss home.scss 适 用于页面模块多次出现的公共样式的集合； 属性类：页面涉及的 padding 通常为 左右 padding 30px 或者 20px ； 属性类： border-radius 为 10px 或者 6px 自行选 择； 属 性 类 ： 页 面 的 shadow 已 封 装 至 assets/scss/modules/mixin 中，分别对应卡片类， bannse 类，列表类，以及其他类 通过 @extend 引用； 属性类：尽量勿使用 font-weight ： blod 属性； mint-ui ： mint-ui 的 自 定 义 样 式 修 改 至 assets/scss/modules/mintUi.scss assets/scss/modules/mintUi.scss 文件中； assets/scss/modules/mintUi.scss assets/scss/modules/mintUi.scss 文件中； mint-ui ：如需使用 mint-ui 的 checklist 或者 radio 在组件处添加 as-checklist as-radiolist 类名，参考 pages/home/search.vue ； mint-ui ：组件内如需修改 mint-ui 的样式，另外写 一个 scss 标签，去掉 scoped 字段， 切记，组件内自定义 的 mint 样式务必包裹在页面私有命名空间内，否则会造成 全局污 染 类名命名优先起用结构性类名 例 如， .header .footer .nav .list .aside .main .title .text .banner, 其次使用功能性类名例如 .name ； 4) 4) 变量采用驼峰命名 , 勿使用下划线 ex ： let myTest = 4) 4) 变量采用驼峰命名 , 勿使用下划线 ex ： let myTest = 21).list .prop .price .goods .item .detail .tip 21).list .prop .price .goods .item .detail .tip .intro script 统一使用 es6 语法规范； 多个me ex:使用 let ， const 定义变量，变量声明需提前， 变量声明采用逗号隔开； 多个 me ex: 如需使用 this 的引用，统一 使用变量名 const me = this 5)js 语句结束使用 ; 号结束 组件 私有组件放置于各个模块目录下的 componets