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、查表根据条数更新用户数据中的粉丝数据和关注数据的时机是什么?

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

二、内容在总结中

 

legend3---15、像粉丝数、关注数、课程数等数量数据如何处理的更多相关文章

  1. java可变参数例子:求学生成绩信息,不确定课程数

    可变参数特点: 1)...只能出现在参数列表的最后2)...位于变量类型和变量名之间3)调用可变参数的方法时,编译器为该可变参数隐含创建一个数组,在方法体中以数组的形式访问可变参数 //可变参数也可用 ...

  2. 按平均成绩从高到低显示所有学生的“数据库”、“企业管理”、“英语”三门的课程成绩,按如下形式显示: 学生ID,,数据库,企业管理,英语,有效课程数,有效平均分

    SELECT S# as 学生ID ,(SELECT score FROM SC WHERE SC.S#=t.S# AND C#='004') AS 数据库 ,(SELECT score FROM S ...

  3. 用JAVA写一个函数,功能例如以下: 随意给定一组数, 找出随意数相加之后的结果为35(随意设定)的情况

    用JAVA写一个函数.功能例如以下:随意给定一组数,比如{12,60,-8,99,15,35,17,18},找出随意数相加之后的结果为35(随意设定)的情况. 能够递归算法来解: package te ...

  4. 使用GetLogicalProcessorInformation获取逻辑处理器的详细信息(NUMA节点数、物理CPU数、CPU核心数、逻辑CPU数、各级Cache)

    不过必须XP SP3以上才行.所有API大全: https://msdn.microsoft.com/en-us/library/windows/desktop/aa363804(v=vs.85).a ...

  5. Leetcode1--->数组中两数之和等于给定数

    题目: 给定一个数组nums,目标数target.在数组中找到两数之和为target的数,返回两数的下标举例: Given nums = [2, 7, 11, 15], target = 9, Bec ...

  6. LeetCode:两数之和、三数之和、四数之和

    LeetCode:两数之和.三数之和.四数之和 多数之和问题,利用哈希集合减少时间复杂度以及多指针收缩窗口的巧妙解法 No.1 两数之和 给定一个整数数组 nums 和一个目标值 target,请你在 ...

  7. 【算法训练营day7】LeetCode454. 四数相加II LeetCode383. 赎金信 LeetCode15. 三数之和 LeetCode18. 四数之和

    [算法训练营day7]LeetCode454. 四数相加II LeetCode383. 赎金信 LeetCode15. 三数之和 LeetCode18. 四数之和 LeetCode454. 四数相加I ...

  8. Nginx 关于进程数 与CPU核心数相等时,进程间切换的代价是最小的-- 绑定CPU核心

    在阅读Nginx模块开发与架构模式一书时: "Nginx  上的进程数 与CPU核心数相等时(最好每个worker进程都绑定特定的CPU核心),进程间切换的代价是最小的;" &am ...

  9. LFYZ-OJ ID: 1026 数的计数(数的计算)NOIP2001

    数的计算(数的计数) 题目描述 我们要求找出具有下列性质数的个数(包含输入的自然数n).先输入一个自然数n(n<=1000),然后对此自然数按照如下方法进行处理: 不作任何处理; 在它的左边加上 ...

随机推荐

  1. js中数组方法及分类

    数组的方法有很多,这里简单整理下常用的21种方法,并且根据它们的作用分了类,便于记忆和理解. 根据是否改变原数组,可以分为两大类,两大类又根据不同功能分为几个小类 一.操作使原数组改变   1.数组的 ...

  2. 微信Emoji表情代码大全

    参考网址 因PC端微信表情包不全,部分表情在PC中有显示问题,手机端微信不存在此问题,或者可以使用文字[微笑]这种方式添加微信表情 含义 标准 DoCoMo KDDI 软银 谷歌 微信 ✂复制这列

  3. nuxt项目打包上线之二

    之前写过一篇nuxt打包上线的文章,请看这里:https://www.cnblogs.com/daisygogogo/p/11218809.html 上一篇文章的部署流程有点不好的地方,就是它适用于只 ...

  4. Spring Boot启动流程分析

    引言 早在15年的时候就开始用spring boot进行开发了,然而一直就只是用用,并没有深入去了解spring boot是以什么原理怎样工作的,说来也惭愧.今天让我们从spring boot启动开始 ...

  5. C8051F环境搭建

    https://www.silabs.com/ USB调试器 U-EC6: 支持JTAG模式.C2模式 JTAG接口定义: 适用型号C8051F00x C8051F01x C8051F02x C805 ...

  6. MySQL间隙锁问题

    间隙锁(Gap Lock):锁加在不存在的空闲空间,可以是两个索引记录之间,也可能是第一个索引记录之前或最后一个索引之后的空间. 最近用户反馈说系统老是出现insert时,等待超时了,最后发现是ins ...

  7. 第一章、前端之html

    目录 第一章.前端之html 一. html介绍 第一章.前端之html 一. html介绍 web服务本质 import socket sk = socket.socket() sk.bind((& ...

  8. 在线预览word、excel文件

    直接使用微软提供的在线预览服务. 免费 文件必须为网可访问地址,因为微软的服务器需要访问该文件

  9. sed原理及sed命令格式 ,缓存区,模式空间

    4.1            Sed工作原理 sed是一个非交互式的流编辑器.所谓非交互式,是指使用sed只能在命令行下输入编辑命令来编辑文本,然后在屏幕上查看输出:而所谓流编辑器,是指sed每次只从 ...

  10. HLS manifest standard 翻译: HTTP Live Streaming draft-pantos-http-live-streaming-23

    我为什么要干这种事 Introduction to HTTP Live Streaming 1 OVerview Multimedia presentation : specified by a Un ...