mint-ui使用

handleChange(index) {

…

}

}

5. tabbar 底部导航

外卖

订单

发现

我的

data(){

return {

selected:‘外卖’

}

}

5. Infinite scroll

v-infinite-scroll=“loadMore”

infinite-scroll-disabled=“loading”

infinite-scroll-distance=“10”

class=‘scroll_box’ // 要定义高度，溢出滚动

• {{ item }}

• xxxxx

  // v-infinite-scroll : 无限滚动指令 ,给谁加上，谁就可以无限滚动。

  // loadMore: 上拉触底 执行的回调函数（异步加载更多数据）。

  //infinite-scroll-disabled: 是否禁用无限滚动。值为true，表示禁用无限滚动。 值为false, 不禁用无限滚动。

  //infinite-scroll-distance: 上拉 触底的距离.

  6. lazy-load 懒加载

• img[lazy=loading] {

  width: 200px;

  height: 300px;

  background:yellow; // 也可以是背景图片

  // background:url(‘…/assets/logo.png’) no-repeat fixed cneter;

  margin: auto;

  }

  头部

• mint-ui 如何按需引入

  cnpm i mint-ui -S

  注意：npm下载出现问题（终端中出现Error红色提示，就得重新下载），用cnpm替换npm

  npm install mint-ui -S -S ==== --save 表示把依赖安装到 （dependencies）生产环境（项目上线的环境）

  npm install sass -D -D=== --save-dev 表示把依赖安装到 （devDependencies）开发环境（在本地运行的环境）

  按需引入步骤

  1. 安装插件：

  npm install babel-plugin-component -D

  2. 修改配置(找到 .babelrc 文件，内容修改成：)

  {

  “presets”: [

  [“es2015”, { “modules”: false }]

  ],

  “plugins”: [[“component”, [

  {

  “libraryName”: “mint-ui”,

  “style”: true

  }

  ]]]

  }

  3. main.js 进行按需引入

  import { Button, Cell } from ‘mint-ui’

  Vue.component(Button.name, Button)

  Vue.component(Cell.name, Cell)

  刷面试题

  刷题的重要性，不用多说。对于应届生或工作年限不长的人来说，刷面试题一方面能够尽可能地快速自己对某个技术点的理解，另一方面在面试时，有一定几率被问到相同或相似题，另外或多或少也能够为自己面试增加一些自信心，可见适当的刷题是很有必要的。

  • 前端字节跳动真题解析

    

  • 【269页】前端大厂面试题宝典

    

  最后平时要进行自我分析与评价，做好职业规划，不断摸索，提高自己的编程能力和抽象思维能力。大厂面试远没有我们想的那么困难，摆好心态，做好准备，你也可以的。