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

《2018年某大学生程序员实习报告范文》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、2018年某大学生程序员实习报告范文Http部分：一、localStorage、essionStorage、cookies的区别：localStorage:存储在本地浏览器的永久性数据。sessionStorage：存储在本地浏览器会话中的临时数据，在关闭浏览器后会自动清除。Cookies：存储在内存中的半永久数据。详情请看：xx。二、一次完成的http事务：域名解析；发起tcp三次握手；建立tcp连接后发起http请求；服务器端响应http请求，浏览器得到html代码；浏览器解析html代码，并请求html代码中的资源；浏览器对页面进行渲染呈献给客户;项目部分：一、

2、项目的规范：1页面格式1)页面统一采用缩进4；2)文件,文件夹采用驼峰命名。2style1)css命名统一使用中横线；2)等分排列场景使用flex弹性布局；3)使用scss语法编译；4)样式尽量使用简写ex：margin-top:1pxmargin-left:1pxmargin-bottom:1px=>margin:1px01px1px;5)css选择器尽量精简，优先考虑样式管理，其次考虑选择器性能；6)少用权重低的选择器，例如后代选择器标签选择器；7)当选择器在组件内具有特定的语议或者为js所操控，方才考虑使用id选择器，其他情况使用类选择器；8)包裹样式属性的{}

3、跟在选择器名称后面,勿换行书写{}；9)尽量使用scss的选择器嵌套，提高样式管理度；10)组件内部的颜色，或者多处出现的属性样式，建议用@mixin或者scss@extend封装11)assets/scss/modules用于存放项目公共scss模块，./modules/mixin./modules/var可各自@import到组件内部使用；12)assets/scss/pages用于存放页面模块的公共样式，以整个页面大模快命名如login.scsshome.scss适用于页面模块多次出现的公共样式的集合；13)属性类：页面涉及的padding通常为左右paddin

4、g30px或者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-checklistas-rad

5、iolist类名，参考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；3script1)统一使用es6语法规范；2)使用

6、let，const定义变量，变量声明需提前，多个变量声明采用逗号隔开；3)如需使用this的引用，统一使用变量名meex:constme=this；4)变量采用驼峰命名,勿使用下划线ex：letmyTest=''；5)js语句结束使用;号结束。4组件1)私有组件放置于各个模块目录下的componets目录，公共组件放置于src/components/目录；2)对于页面组成组件引用的变量名添加'Com'前缀ex:importComHeaderfrom'@/components/header'；3)对于弹框组件引用的变量名添加'Pop'前缀ex:importPopChoo

7、seMonthfrom'@/components/popChooseMonth'；5图片icon1)关于图片命名，采用中划线隔开，使用英文命名，勿使用拼音或者中文等非规范类命名；2)icon类图片添加icon-前缀；3)背景类图片添加bg-icon；4)项目中用到的组件尽量使用字体图表，登录iconfont首页->我的项目->A+福利站可将图片文件包下载至本地，存放于static/目录；5)icon的命名规范为class='iconfonticon-demo'；6)使用切图类的icon使用i-icon作为命名空间以跟iconfont区分。二、基本业务