会员可以在此提问,百战程序员老师有问必答
对大家有帮助的问答会被标记为“推荐”
看完课程过来浏览一下别人提的问题,会帮你学得更全面
截止目前,同学们一共提了 132463个问题
WEB前端全系列/第二阶段:JavaScript编程模块/DOM模型 31247楼

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="jquery-1.9.1.min%5B1%5D.js"></script>
    <style>
        div{
            width: 100px;
            height: 100px;
            border: 1px solid red;
        }
    </style>
</head>
<body>
<div class="div1"></div>
<br/>
<div class="div2"></div>
<br/>
<div class="div3"></div>
<script>
    /*
    * css()方法
    * 描述:本方法是jq对象读写css样式的方法,相当于js中的style属性
    * 语法:jq对象.css("key","value");
    * 注意:
    * 1.第一个参数是必要的,第二个参数是可选的
    * 2.如果只有一个参数则代表读取属性的值,*/
    $('.div1').click(function () {
        $(this).css({
            "width": "200px",
            "height": "150px",
            "border": "2px solid green",
            "background-color": "aqua"
        })
    })
    $('.div2').click(function () {
        $(this).css({"width":"+=50px"})
    })
    var arrColor=['red','orange','blue','green','purple','gray','pink','black'];
    for (var i = 0;i<arrColor.length;i++){
        $('.div3').click(function () {
            $(this).css({"background-color":"arrColor[i]"})
        })
    }
</script>
</body>
</html>

怎么实现点一下背景颜色就换一次呢,试了好几次都不对。

WEB前端全系列/第三阶段:jQuery编程模块/jQuery基础知识(旧) 31251楼
Python 全系列/第十阶段:Flask百战电商后台项目/Flask百战电商后台项目 31253楼

$(function(){
    //个人定制开始,规定一个页面只能加载15条数据
    var numPerPage = 15;
    //先要获取一共多少数据,向后台发送请求
    $.get('resource/yz_paginationTool/paginationTool.php',{},function(res){
        var totalLength =JSON.parse(res).dataLength;
        console.log(totalLength);
        var pageCount = Math.ceil(totalLength/numPerPage);//得到页数,然后动态增加分页器
        inserHtml(pageCount,1);
        bindEvent(pageCount);
        //当页面绘制完成后,加载第一页的数据
        getData(1);
    });
    // 默认测试
    /* var pageCount=15;
     inserHtml(pageCount,1);
     bindEvent(pageCount);*/

    /*
        绘制页面的
        page表示一共有多少页
        current默认加载第几页
    */
    function inserHtml(page,current){
        console.log('page:'+page+'-----current:'+current)
        var obj = $(".ts-page");
        obj.empty();
        if(current > 1){
            obj.append('<span class="tspage-start">首页</span>');
            obj.append('<span class="tspage-before">上一页</span>');
        }else{
            obj.remove('.tspage-start');
            obj.append('<span class="tspage-before disable">上一页</span>');
        }
        if(current>3 && current <= page && page>5){
            obj.append('<span class="tspage-ell">...</span>');
        }
        var start = current-2, end= current+2; //中间显示5个
        if(start >1 && current < 4||current == 1){
            end++; //前面会没有省略号。
        }
        if(current > page-2 && current <= page){
            start--; //后面的省略号消失
        }
        for(;start<=end;start++){
            if(start<=page && start >=1){
                if(start != current){
                    obj.append('<span class="page">'+start+'</span>');
                }else{
                    obj.append('<span class="page on">'+start+'</span>');
                }
            }
        }
        if(current+2<page && current >=1 && page>4){
            obj.append('<span class="tspage-ell">...</span>');
        }
        if(current<page){
            obj.append('<span class="tspage-after">下一页</span>');
            obj.append('<span class="tspage-end">尾页</span>');
        }else{
            obj.remove('.tspage-end');
            obj.append('<span class="tspage-after disable">下一页</span>');
        }
    }
    /*
        给分页器工具绑定事件监听
        page表示需要给多少个页面添加事件监听
    */
    function bindEvent(page){
        var obj = $(".ts-page");
        obj.on('click','.page',function(){
            var currentPage = parseInt($(this).text());
            inserHtml(currentPage,page);
            inserHtml(page,currentPage);
            //接下来就是获取后台传来数据的ajax函数+数据适配
            getData(currentPage);
        });
        obj.on('click','.tspage-before',function(){
            var currentPage = parseInt(obj.children('.on').text());
            if(currentPage>1){
                inserHtml(page,currentPage-1);
                //接下来就是获取后台传来数据的ajax函数+数据适配
                getData(currentPage-1);
            }

        });
        obj.on('click','.tspage-after',function(){
            var currentPage = parseInt(obj.children('.on').text());
            if(currentPage<page){
                inserHtml(page,currentPage+1);
                //接下来就是获取后台传来数据的ajax函数+数据适配
                getData(currentPage+1);
            }
        });
        obj.on('click','.tspage-start',function(){
            inserHtml(page,1);
            //接下来就是获取后台传来数据的ajax函数+数据适配
            getData(1);
        });
        obj.on('click','.tspage-end',function(){
            inserHtml(page,page);
            //接下来就是获取后台传来数据的ajax函数+数据适配
            getData(page);
        });
    }

    // 根据选择的页码数处理数据
    function getData(num){
        console.log('num:'+num);
       $.get('resource/yz_paginationTool/paginationTool.php?page='+num, function(data){
           var allDataArr=JSON.parse(data).list;
            //根据数据,将元素创建到页面中
           var  outDiv=document.querySelector('.out');
           if(!outDiv){
              //如果没有outDiv,创建一个
               outDiv=document.createElement('div');
               outDiv.className='out';
               outDiv.style.cssText='position:relative;margin:0 auto; ';
               document.body.appendChild(outDiv);
               //根据数据,创建inDivs
               for(var i=0;i<allDataArr.length;i++){
                   var inDivs=document.createElement('div');
                   inDivs.className='in';
                   inDivs.style.cssText='float:left;width:280px;border:1px  solid black;margin:10px ;' ;
                    //添加内容
                   var neirongStr="<img  src='"+allDataArr[i].headimgurl+"'>"+"<span  class='ts-cardname' style='vertical-align: top'>"+"<p>"+allDataArr[i].sectiontitle+"</p>"+
                   "<em  style='vertical-align: bottom'>"+allDataArr[i].sectionauthor+"</em>"+"</span>";
                   //添加标签
                   neirongStr=neirongStr.concat("<i class='chat-tag'>"+allDataArr[i].sectiontype+"</i>");
                  //添加文本
                   neirongStr=neirongStr.concat("<p class='chat-content'>"+allDataArr[i].sectioncontent+'</p>');
                //    console.log(neirongStr);

                   inDivs.innerHTML=neirongStr;
                   outDiv.appendChild(inDivs);
               }
           }else{
               //清空页面
            //    outDiv.innerHTML='';
              var inDivs=document.createElement('div');
              inDivs.className='in';
              inDivs.style.cssText='float:left;width:280px;height:250px;border:1px  solid black;margin:10px ;' ;
               //添加内容
              var neirongStr="<img  src='"+allDataArr[i].headimgurl+"'>"+"<span  class='ts-cardname' style='vertical-align: top'>"+"<p>"+allDataArr[i].sectiontitle+"</p>"+
              "<em  style='vertical-align: bottom'>"+allDataArr[i].sectionauthor+"</em>"+"</span>";
              //添加标签
              neirongStr=neirongStr.concat("<i class='chat-tag'>"+allDataArr[i].sectiontype+"</i>");
             //添加文本
              neirongStr=neirongStr.concat("<p class='chat-content'>"+allDataArr[i].sectioncontent+'</p>');
              console.log(neirongStr);
              inDivs.innerHTML=neirongStr;
              outDiv.appendChild(inDivs);
            
           }

           

       });
       cardWaterfall();
      
    }
    // //页面加载完成后瀑布流
    function cardWaterfall(){
        var cardArr=$('.in');
        console.log(cardArr.length);
        //此处结果为0
       }
    
});

最后这句不管在哪跑结果都是0

console.log(cardArr.length);

脑袋都想破了没想到哪里出的问题,我新建了js,用window.onload在浏览器结束运行后去查,也不行,我js里构建的class都查不到,但是在浏览器里可以查到

image.png

老师,你本地试试看,能不能查出这节课里面的.in   这个div

WEB前端全系列/第六阶段:音乐社区高级项目模块/移动端:基于jQuery使用Ajax和BootStrap 31254楼

老师您好,为什么在django的shell界面中测试时,执行serializer.save()之前需要先执行serializer.validated_data,否则会报错,但是在views.py中,在serializer.save()之前未加上serializer.validated_data,却不会报错?


项目根目录下输入python manage.py shell后,执行如下代码:

# 将 json格式的字节串 转换为字典
from rest_framework.parsers import JSONParser
stream = io.BytesIO(b'{"name":"rose", "age":19, "sex":2}') #这里如果把单引号和双引号交换,执行JSONParser().parse(stream)时会报错rest_framework.exceptions.ParseError: JSON parse error - Expecting property name enclosed in double quotes
# 得到字典数据, {'id': 1,......}
data_dict = JSONParser().parse(stream)

# 将字典数据 反序列化
serializer = StudentSerializer(data=data_dict)
# 必须执行这一步验证, 返回True才可以获取后续的 validated_data数据和执行 save等方法
serializer.is_valid()
# 得到 OrderedDict([('name', 'terry'),......] , 会忽略掉 id 属性
serializer.validated_data
# 保存到数据库中
serializer.save()

django项目的views.py中:

@csrf_exempt
def students(request):
    if request.method == 'GET':
        student_li = Student.objects.all()
        serializer = StudentSerializer(student_li, many=True)
        return JsonResponse(serializer.data, safe=False)

    elif request.method == 'POST':
        data = JSONParser().parse(request)
        serializer = StudentSerializer(data=data)
        if serializer.is_valid():
            serializer.save()
            return JsonResponse(serializer.data, status=201)
        return JsonResponse(serializer.errors, status=400)


Python 全系列/第十二阶段:Python_Django3框架/Django高级 31255楼
Python 全系列/第五阶段:数据库编程/mysql的使用 31256楼
JAVA 全系列/第一阶段:JAVA 快速入门/面向对象详解和JVM底层内存分析 31258楼

老师,您好,这段代码为什么我赋值180,它的运行结果就是180呢?代码里面有年龄判断,您帮我看看

package File;
/**
 * 测试封装的使用
 * @author zhang - dell
 *
 */
class Person{
	//两个私有属性
	private String name;//姓名
	private int age;//年龄
	
	//Person无参构造方法
	public Person() {
		
	}
		/**
		 * 	set 和get的使用方法
		 * 
		 * set:是给属性赋值
		 * get:是获取属性值
		 */
	public Person(String name,int age) {//带参构造方法name和年龄
		this.name = name;//在构造方法中this指的的当前name的值
		//setAge(age);
		this.age = age;//构造方法中不能直接赋值,应该使用setAge方法
	}
	
	public void setName(String name) {//给属性赋值
		this.name = name;
	}
	
	public String getName() {//获取属性值
		return name;
	}
	
	public void setAge(int age) {//给属性赋值
		//在赋值之前先判断年龄是否合法
		if(age > 130 || age < 0) {//给属性赋值判断
			this.age = 18;//不合法赋默认值18
		}else {
			this.age = age;//合法才给属性age
		}
	}
	@Override
	public String toString() {//重写toString方法
		// TODO Auto-generated method stub
		return  "Person[Person"+name+",age="+age+"]";//返回字符串的内容
	}
	
	
}

public class Test02 {
	public static void main(String[] args) {
		Person p = new Person();
		p.setName("李四");
		p.setAge(-45);
		System.out.println(p);
		
		System.out.println("======================");
		
		p.setName("Lili");
		p.setAge(60);
		System.out.println(p);
		
		System.out.println("======================");
		
		Person p2 = new Person("李四",180);
		System.out.println(p2);
	}

}


运行结果:

blob.png

JAVA 全系列/第一阶段:JAVA 快速入门/面向对象详解和JVM底层内存分析 31259楼

课程分类

百战程序员微信公众号

百战程序员微信小程序

©2014-2025百战汇智(北京)科技有限公司 All Rights Reserved 北京亦庄经济开发区科创十四街 赛蒂国际工业园
网站维护:百战汇智(北京)科技有限公司
京公网安备 11011402011233号    京ICP备18060230号-3    营业执照    经营许可证:京B2-20212637