请问微信广告(ad.weixin.qq.com)这个网站是什么技术实现的?

clipboard.png

clipboard.png
查看源代码就是这样的.
补充一下,领导觉得这个网站灰常高大上,想要拷下来改改
然而改的时候发现改不了
所以想问一下,做这样的网站是什么技术水平~~
谢谢大家

阅读 6.7k
5 个回答

扒出来了一段代码,目测技术栈是 vue+webpack

http://wximg.qq.com/wxp/home-...

<div class=slider-wrap>
  <template v-if="show_nav && count > 1"> <a href=javascript:void(0); class="slider-nav s-next" @click.prevent=next :class="{\'disabled\': current == 0}">下一张</a> <a href=javascript:void(0); class="slider-nav s-prev" @click.prevent=prev :class="{\'disabled\': current == count - 1}">上一张</a> </template>
  <div class=slider>
    <div v-el:swiper class=swiper :style=swiperStyle>
      <slot></slot>
      <div class=swiper-item v-for="item in list" @click=clickListItem(item)>
        <a class=swiper-item-link :href=item.url>
          <div class=swiper-item-img :style="{backgroundImage: buildBackgroundUrl(item.img)}"></div>
          <p class=swiper-item-desc v-if=item.title>{{item.title}}</p>
        </a>
      </div>
    </div>
    <div class=swiper-indicator v-show="show_dots && count > 1"> <a href=javascript: v-for="index in count" @click.prevent.stop=clickIndicator(index)> <i class=icon_dot :class="{\'active\':index === current}"></i> </a> </div>
  </div>
</div>

你是说动画?

应该就是

  1. js 生成 HTML

  2. 插入 DOM

你看下那个 build.js 生成页面的代码基本都是写在哪里的

vue+webpack。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题