当前位置: 首页 > news >正文

网站首页设计要求企业网站管理系统登陆

网站首页设计要求,企业网站管理系统登陆,灞桥微网站建设,龙岩网站建设大概费用文章目录 1 复习2 最完美的解决方案,解决轮播图问题3 开发Floor组件4 把首页中的轮播图拆分为一个共用全局组件5 search模块开发 1 复习 完成商品分类三级列表路由跳转一级路由传参(合并参数)完成search模块中对于typeNav的使用(…

文章目录

  • 1 复习
  • 2 最完美的解决方案,解决轮播图问题
  • 3 开发Floor组件
  • 4 把首页中的轮播图拆分为一个共用全局组件
  • 5 search模块开发

1 复习

  1. 完成商品分类三级列表路由跳转一级路由传参(合并参数)
  2. 完成search模块中对于typeNav的使用(过渡动画)
  3. 对于typeNav请求次数也进行了优化(App.vue根组件)
  4. swiper插件:经常制作轮播图(移动端|PC端也可以使用)
    使用步骤:
    1)引入相应依赖包
    2)页面中的结构务必要有
    3)初始化swiper实例,给轮播图添加动态效果
  5. mock数据,通过mockjs模块实现的

2 最完美的解决方案,解决轮播图问题

var mySwiper = new Swiper ('.swiper-container', { //也可以传真实的DOM节点,document.querySelector('.swiper-container')//direction: 'vertical', // 垂直切换选项loop: true, // 循环模式选项// 如果需要分页器agination: {el: '.swiper-pagination',//点击小球时候切换图片clickable: true},// 如果需要前进后退按钮navigation: {nextEl: '.swiper-button-next',prevEl: '.swiper-button-prev',}
})
  • watch数据监听 + nextTick:监听已有数据的变化(仓库中的bannerList)

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

  • $nextTick:可以保证页面中的结构一定是有的,经常和很多插件一起使用【都需要DOM存在】

3 开发Floor组件

  • 切记:仓库当中的state数据格式,不能乱写,数据格式取决于服务器返回的数据

  • getFloorList这个action在哪里触发,是需要在Home路由当中发的,不能在Floor组件内部发action,因为需要v-for遍历floor组件

  • v-for也可以在自定义标签中使用

  • 组件通信方式有哪些?【面试频率极高】

    • props:用于父子组件通信
    • 自定义事件:$ on、$ emit 可以实现子给父通信
    • 全局事件总线:$ bus,全能
    • pubsub-js:vue中几乎不用,全能
    • 插槽:默认插槽、具名插槽、作用域插槽
    • vuex

4 把首页中的轮播图拆分为一个共用全局组件

  • 切记:以后在开发项目的时候,如果看到某一个组件在很多地方都使用,就将其变成全局组件
  • 注册一次,可以在任意地方使用,共用的组件|非路由组件放到components文件夹中

5 search模块开发

  1. 先写静态页面 + 静态组件拆分
  2. 发请求(API)
  3. Vuex(三连环)
  4. 组件获取仓库数据,动态展示数据
http://www.yayakq.cn/news/101236/

相关文章:

  • 网站建设什么专业建设网站经营范围
  • 网站的营销功能做公司网站需要注意什么
  • 升级网站订阅号如何申请
  • 国外购物网站赏析大连网站设计费用
  • 网站开发需求文档模板带er图网站关键词进前三
  • 网站权重是怎样进行传递的网站解析慢 优化
  • 网站开发方向 英语翻译一个人在线观看播放视频
  • 网站建设营销词西安是哪个省属于哪个市
  • 网站建设招投标大连百度推广哪家好
  • 网站架构策划外贸免费建设网站
  • php网站301重定向网站建设做网站费用
  • 宜昌本地网站东莞网络营销外包价格
  • 上海买二手房做哪个网站好wordpress themes.php
  • 做专业慢摇的网站发布建设网站
  • 网站制作网免费大邑县建设银行网站
  • 网站首页轮播图怎么做职工素质建设 网站
  • 网站设计排行榜凡科网站建设推广
  • 网站怎么做七牛云加速公司怎么做网站需要多少钱
  • 家政服务公司网站源码礼嘉网络推广
  • 影视网站建设目的抖音代运营案例
  • 国家级建设网站成都公司的网站制作
  • 泰安公司网站建设wordpress 反广告屏蔽
  • 服务器做php网站网站代理怎么做的
  • 网站关键词在哪里看国家开发银行贷款学生在线系统
  • 佛山网站建设优化外包网易怎么样
  • 做网站的公司周年活动成都品牌logo设计
  • 一个做问卷调查的网站互联网运营在线培训
  • 二级域名网站怎么建设公司网站制作模板
  • 哪个网站做设计可以挣钱中国进入一级战备2023
  • 织梦上网站次导航怎么做肃宁网站建设公司