项目问题

项目遇到的问题

• html
• css
• javascript
• vue
• 移动端问题
• 网络问题
• Git问题
• React问题

---

html

• token含义及其使用

---

css

flex布局justify-content: space-between的排版，每行不一样多中间留白问题处理

• css文字描边text-shadow
• 弹性盒居中对齐
• 轮播防抖
• css3 animation 使 transform 失效
• flex布局justify-content: space-between的排版，每行不一样多中间留白问题处理

---

javascript

• URL参数获取 getQueryString
• URL参数获取 QueryString 四种方法
• window.location.search获取URL信息

---

vue

• Vue.nextTick()与vue生命周期的关系

• vue $ref 的基本用法

• vue Toast提示框组件使用

• vue 路由传参刷新失效问题

• vue 路由跳转方法

• vue 路由跳转（带参数）方法

• vue 脚手架搭建移动端项目

• 浅谈Vue.js与后端API交互——axios的应用

• axios和jquery ajax最大的区别

• 子组件调用父组件数据

• 父子组件传值

• vue data 中变量和字符串的拼接

• vue this.$set() 赋值优点

• 五分钟弄明白 vuex

• v-for 被激活项改变样式

<ul>
  <li v-for="(item, index) in proList" 
  :key="index" 
  :class="{ 'active-item':(index === isAdd)}" 
  @click="tabCheck(index)">
 	{{ item.name }}
  </li>
</ul>


//data
isAdd:0 //默认被激活项
// methods
tabCheck(index){
    if(this.proList[index]){
        this.isAdd = index
    }
},



ul{
    li{
        text-indent: 51px;
        height:74px;
        line-height: 74px;
        font-size:30px;
        width:100%;
    }
}
.active-item{
    background-image: url("../../assets/competition/words-bg.png");
    background-position: center center;
    background-size: 120% 100%;
    color:#ffe989;
}

---

移动端问题

---

网络问题

---

Git问题

• git 强制覆盖本地 / 强制推送到远程仓库

---

React

• rem移动端适配

• img方式引入svg通过css改变颜色

• React路由引入及跳转

• React axios请求并渲染数据

• axios get和post请求带参数和headers配置

• useEffect 内容无终止执行多次解决：立即执行函数加个参数 [] （() => {} ,[]）

• React 跨域proxy设置s

---