• 实习报告(一)


    Http部分:

    一、localStorageessionStoragecookies的区别:

    localStorage:存储在本地浏览器的永久性数据。

    sessionStorage:存储在本地浏览器会话中的临时数据,在关闭浏览器后会自动清除。

    Cookies:存储在内存中的半永久数据。

    详情请看:https://blog.csdn.net/lq15310444798/article/details/79109026

    二、一次完成的http事务:

      1. 域名解析;
      2. 发起tcp三次握手;
      3. 建立tcp连接后发起http请求;
      4. 服务器端响应http请求,浏览器得到html代码;
      5. 浏览器解析html代码,并请求html代码中的资源;
      6. 浏览器对页面进行渲染呈献给客户;

    项目部分:

    一、项目的规范:

    1 页面格式

     1)页面统一采用 缩进4

     2)文件,文件夹采用驼峰命名。

    2 style

     1)css命名统一使用中横线;

     2)等分排列 场景使用 flex 弹性布局 ;

     3)使用scss语法编译;

     4)样式尽量使用简写 exmargin-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-weightblod 属性;

     17)mint-uimint-ui的自定义样式修改至assets/scss/modules/mintUi.scss文件中;

     18)mint-ui:如需使用mint-uichecklist或者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)使用 letconst定义变量,变量声明需提前,多个变量声明采用逗号隔开;

     3)如需使用 this 的引用,统一 使用变量名 me    ex: const me = this

     4)变量采用驼峰命名,勿使用下划线          exlet 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设计高保和低保 => 然后找前端和后台开发人员开会 => 前端完成静态页面和交互/后台完成接口 => 后台自测 => 后台提测 =>  前端联调 => 前端自测 => 前端提测 => 测试人员测试 => 产品验收 => 运营平台上架商品 => 上线。

  • 相关阅读:
    复合梯形公式、复合辛普森公式 matlab
    拉格朗日插值和牛顿插值 matlab
    数值分析 最小二乘 matlab
    最短路径Dijkstra matlab
    最小生成数 克鲁斯卡尔 普里姆 matlab
    [ 9.9 ]CF每日一题系列—— 259A黑白棋盘检查问题
    Tarjan求缩点化强连通图
    CF每日一题系列 —— 415A
    [kuangbin]树链剖分 C
    [kuangbin]树链剖分 D
  • 原文地址:https://www.cnblogs.com/EassieLee/p/9693139.html
Copyright © 2020-2023  润新知