legend3---15、像粉丝数、关注数、课程数等数量数据如何处理

legend3---15、像粉丝数、关注数、课程数等数量数据如何处理

一、总结

一句话总结：

在主表中加入这种数量字段：比如在用户表中加入粉丝数，关注数字段

普通更新：增加数量的时候将数据插入到关联表，并且更新这个字段

检验更新：打开详情的时候统计条数来做更新

1、加在html标签上的数据可用data属性，这样要规范很多？

div id="awesome" data-myid="3e4ae6c4e"

2、jquery的on方法 给未创建的元素添加事件 实例？

给新添加的元素hidden_panel类添加点击事件：$("body").on("click", ".hidden_panel", function (e) { 执行的代码 });

<script>
  $(function () {
      $("body").on("click", ".hidden_panel", function (e) {
          $(this).children(".panel-body").toggle();
          $(this).children(".panel-footer").toggle();
          $(this).find(".panel-heading_symbol_left").toggle();
          $(this).find(".panel-heading_symbol_down").toggle();
      });
  });
</script>

3、检测windows宽度改变函数？

$(window).on('resize', function() { 代码 }).resize();

  {{--小屏幕端的时候去除 内容中container 的左右缩进--}}
  <script>
      function remove_container() {
          if($(window).width()>720){
              $('#content_container').addClass('container');
          }else{
              $('#content_container').removeClass('container');
          }
          $('#content_wrapper').show();
      }
      remove_container();

      $(function () {
          $(window).on('resize', function() {
              //console.log("宽度改变了!");
              //console.log($(window).width());
              remove_container();
          }).resize();
          // window.onresize=function(){
          //     //console.log("宽度改变了!");
          //     remove_container();
          // }
      });
  </script>

4、对于layer-mobile弹出框内容和弹出框模板内容id重合如何解决？

用class标注元素就好，没必要一定要用id

<div class="exam_part" style="text-align: center;margin-top: -10px;margin-bottom: 10px;">
  <span class="exam_part_time" style="color: #ff0055;font-size: 16px;">3</span> 后自动跳转到
  <a class="exam_part_url" data-href="{{$exam_part_url}}" href="{{$exam_part_url}}" style="cursor: pointer;"> 复习测试 </a> 界面
</div>

<script>
  //3、如果是测试，测试在显示做题报告之后的自动跳转
  function exam_jump() {
      let time_jump=3;
      let exam_part_url=$('.exam_part_url').data('href');
      console.log(exam_part_url);
      setInterval(function () {
          time_jump--;
          $('.exam_part_time').text(time_jump);
          if(time_jump<=0) window.location.href=exam_part_url;
      },1000)
  }
</script>

5、jquery中toggle类的事件，如果同时做了原有元素和新加元素的事件，那么可能因为两次toggle而抵消事件？

解决方法可以去掉原事件

$(function () {
    $('.hidden_panel').click(function () {
        console.log('111');
        $(this).children(".panel-body").toggle();
        $(this).children(".panel-footer").toggle();
        $(this).find(".panel-heading_symbol_left").toggle();
        $(this).find(".panel-heading_symbol_down").toggle();
    });
});

/*给新添加的元素绑定事件*/
$(function () {
    /*题目的展开事件*/
    $("body").on("click", ".hidden_panel", function (e) {
        console.log('222');
        $(this).children(".panel-body").toggle();
        $(this).children(".panel-footer").toggle();
        $(this).find(".panel-heading_symbol_left").toggle();
        $(this).find(".panel-heading_symbol_down").toggle();
    });
});

6、vue阻塞事件冒泡？

事件修饰符中的stop：@click.stop="show_question_ans_clue(event)"

<button @click.stop="show_question_ans_clue(event)" class="btn btn-warning btn-xs">显示答案提示</button>

7、vue的样式里面如何拼接？

在数组里面可以拼接，如果是json的键的话不行

div :class="['bq_answer_clue {{$identifying}}_bq_answer_clue_'+question_list.paginate.now_page+'_'+i]"

8、vue不要进行dom操作？

完全是可以通过数据来控制样式的，比如题目答案提示的显示和隐藏

9、jquery获取表单数据？

$('form').serializeArray();

$('form').serializeArray();
  <form>
       <input name="username" type="text"/>
       <input name="password" type="password"/>
       <input id="subbtn" type="button" value="submit">
  </form>

  $("#subbtn").click(function(){
      var data = {};

      var t = $('form').serializeArray();
      $.each(t, function() {
          data [this.name] = this.value;
      });
      alert(JSON.stringify(data ));
  });

10、查表根据条数更新用户数据中的粉丝数据和关注数据的时机是什么？

当你打开详细的粉丝数和关注数的时候更新

二、内容在总结中