前端学习回顾 尚硅谷项目进度45%

1.过渡动画

在页面结构处添加标签<transition name='sort'></transition>

 

2.对于在多个页面重复出现的组件，可以注册为全局组件

在入口文件处引入组件，并创建全局组件。

3.mockjs：随机生成数据，拦截ajax请求。

1）先安装mockjs依赖，npm install --save mockjs

2)创建mock文件夹，在文件夹内创建json文件夹，模拟服务器数据，注意json数据必须格式化，否则会报错。mock数据需要的图片放在public文件夹下

3）在mock文件夹下创建mockServe.js文件，引入mockjs,引入json数据，使用Mock.mock(请求地址，请求数据)

4)在api文件夹下的创建MockAjax.js文件，对ajax进行二次封装

4.swiper插件的使用

1）引入swiper.js和swiper.css

2）页面中的结构必须要有

3）new swiper实例

5.轮播图问题

lu由于new一个Swiper实例，必须在页面中的结构已经渲染结束之后才能执行，所以在mounted()中创建实例，使用setTimeout方法会存在延时现象。所以可以写在watch中，监听轮数据的变化，当执行handler函数时代表数据已经成功获取，但是并不代表渲染结束，所以结合nextTick。

nextTick:在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的 DOM。

6.要实现search模块根据不同分类搜索出不同内容的功能，就要在发送请求之前将参数携带过去，合并参数的es6写法Object.assign(）方法。

注意：参数属性要和后台接口文档一致