Debug客栈
做一个爱分享的程序猿
Debug客栈
近期做网站运维方面的感受与技术分享

作为大二的我,本以为网站设计不是手到擒来的事情么,自己已经有了一年半的学习时间,不对,准确的说是两年的时间,但是真正接手到这个系统上来,迎面而来的却是一个接着一个的问题,没有上手不知道自己的水平有多么的差劲,看来自己还是需要进行不断的进阶学习,不能停步于HTML+CSS静态页面的设计上面来,还是需要前端与后端相结合的方式进行学习。自己就还有一年半的时间去奋斗,自己已经感觉到毕业的脚步声越来越清晰,自己未来一年半如何走,就看当下自己的是否努力,加油,羽,相信自己,肯定可以的,加油!!!

好了,废话不多说,开始总结这个接手学哥的网站进行运维时出现的大大小小的Bug,并进行解决的过程,,,,有些问题现在还在解决中ing

Q1:网站主页文章链接文字过长直接将一行的Li标签挤出来两行

解答方式:

第一种方式,采用JavaScript进行判断Li标签的长度,并进行截取文字的长度,多出来的文字用’….’进行代替。

第二种方式,采用PHP后台进行字段的截取显示,貌似这个网站就是这样的,PS,这个不是我改的。

Q2:网站轮播图“走马灯效果”实现问题

问题效果图片:

https://www.debuginn.cn/wp-content/uploads/2019/02/Screenshot_1-6.png

修改后:

https://www.debuginn.cn/wp-content/uploads/2019/02/Screenshot_2-5-1024x208.png

解答方式:

这个怪自己学习JavaScript的基本功不扎实,这么简单的设计都没有实现,呃,把解决代码丢在这吧!

<html>
  <head></head>
  <body>
    <div class="swiper-wrapper" id="inner" style="transform: translate3d(10px, 0px, 0px); transition-duration: 0ms;">
      <volist name="photos_arr" id="vo">
        <div class="swiper-slide swiper-slide-active" data-swiper-slide-index="0" style="left: 0px; width: auto;">
          <img src="{:sp_get_asset_upload_path($vo['url'])}" class="img-responsive" /></div>
      </volist>
    </div>
    <!-- Add Arrows -->
    <script>var oBox = document.getElementById("oBox");
      var time;
      var speed = 1;
      move(1280, 0) function move(max, min) {
        clearInterval(time) time = setInterval(function() {
          oBox.scrollLeft += speed;
          if (oBox.scrollLeft == max) {
            oBox.scrollLeft = min
          }
          if (oBox.scrollLeft % 320 == 0) {
            clearInterval(time) setTimeout(function() {
              if (speed == 1) {
                move(1280, 0)
              } else {
                move(0, 1280);
              }
            },
            0)
          }
        },
        20)
      }
      oBox.onmouseover = function() {
        clearInterval(time);
      }
      oBox.onmouseout = function() {
        if (speed == 1) {
          move(1280, 0)
        } else {
          move(0, 1280)
        }
      }</script>
  </body>

</html>

好了,晚安!

赞赏
本文链接:https://www.debuginn.cn/295.html
本文采用 CC BY-NC-SA 3.0 Unported 协议进行许可,转载请保留此文章链接
相关链接: Debug客栈  |  Debug客栈引导页  |  加入交流群  |  赞助本站  |  博主微博  |  博主推特  |  音乐下载器
社会主义核心价值观: 富强、民主、文明、和谐、自由、平等、公正、法治、爱国、敬业、诚信、友善
首页      技术文章      技术堆栈      近期做网站运维方面的感受与技术分享

发表评论

textsms
account_circle
email

  • https://secure.gravatar.com/avatar/375d15088b1f6ac7601f8f299b922d9b?s=80&r=g

    这文章好水啊….(滑稽)

    3月前回复
    • https://secure.gravatar.com/avatar/52826f236c12da591d63363f999ea538?s=80&r=g
      澄弘博主

      @邱邱邱: 当时技术也很水,嘿嘿
      很难受的,老师压着,找了好久才合适,主要是后台渲染方式有问题,后台没有用自己写的 emm

      3月前回复

Debug客栈

近期做网站运维方面的感受与技术分享
作为大二的我,本以为网站设计不是手到擒来的事情么,自己已经有了一年半的学习时间,不对,准确的说是两年的时间,但是真正接手到这个系统上来,迎面而来的却是一个接着一个的问题,没有…
扫描二维码继续阅读
2018-04-24