会员可以在此提问,百战程序员老师有问必答
对大家有帮助的问答会被标记为“推荐”
看完课程过来浏览一下别人提的问题,会帮你学得更全面
截止目前,同学们一共提了 132475个问题

/**
 * 瀑布流效果:
 *      1.第二行的第一张图片,应该放在每列的高度最矮的图片下面
 * 
 */

window.onload=function(){
    waterFlow()
}

//1.动态设置页面居中

function waterFlow(){
    //获取父级容器
    var parenterContainer =document.getElementById('container');
    //获取所有子元素
    var allChild=document.querySelectorAll('.box');
    //获取屏幕的宽度
    var screenWidth=document.documentElement.clientWidth;
    //获取一个图片容器的宽度
    var childWidth =allChild[0].offsetWidth;
    //计算屏幕水平方向最多能摆放的图片个数
    var rowsNum=Math.floor(screenWidth/childWidth)-1;
    //让页面左右居中
    parenterContainer.style.cssText='width:'+childWidth*rowsNum+'px;margin:0 auto;'

    getMinHeightOfCols(allChild,rowsNum)
}

//2.动态设置图片位置

function getMinHeightOfCols(allChild,rowsNum){
    //存储每列的高度
    var colsHeightArr=[];
    for(var i=0;i<allChild.lenght;i++){
        //判断取出第一行的图片,获取图片对应的高度,放入到数组中
        if(i<rowsNum){
            //获取当前图片的高度
            colsHeightArr[i]=allChild[i].offsetHeight;
        }else{
            //获取列高度最小的值
            var minHeightOfCols=Math.min.apply(null,colsHeightArr)
            console.log(minHeightOfCols);
            //获取最小值对应的下标(位置)
            var minHeightOfIndex=colsHeightArr.indexOf(minHeightOfCols)
            //摆放第二张图片的位置
            allChild[i].style.position="absolute";
            allChild[i].style.top=minHeightOfCols+'px'
            allChild[i].style.left=allChild[minHeightOfIndex].offsetLeft+'px'

            //高度的合并
            colsHeightArr[minHeightOfIndex]=colsHeightArr[minHeightOfIndex]+allChild[i].offsetHeight
        }
    }
    console.log(colsHeightArr);
}

为什么连列表都放不进去啊,代码有什么问题吗

Python 全系列/第七阶段:网页编程基础/DOM模型 30347楼
Python 全系列/第七阶段:网页编程基础/CSS3新特性 30349楼
WEB前端全系列/第十二阶段:前端工程化(旧)/Webpack 30350楼
JAVA 全系列/第二阶段:JAVA 基础深化和提高/数据结构 30351楼

代码:

from flask import Flask
from werkzeug.routing import BaseConverter

app = Flask(__name__)


@app.route('/')
def hello_world():
    return 'Hello World!'


class TelephoneConverter(BaseConverter):
    regex = r"1[345789]/d{9}"


app.url_map.converters['tel'] = TelephoneConverter


@app.route('telephone/<tel:pnum>')
def my_telephone(pnum):
    return '您请求过来的电话号码值为:%s' % pnum


if __name__ == '__main__':
    app.run()

报错:

FLASK_APP = app.py

FLASK_ENV = development

FLASK_DEBUG = 0

In folder H:/python_exec/自定义URL

H:\python_virtualenv\flask_env\Scripts\python.exe -m flask run

 * Serving Flask app "app.py"

 * Environment: development

 * Debug mode: off

Traceback (most recent call last):

  File "h:\python37\lib\runpy.py", line 193, in _run_module_as_main

    "__main__", mod_spec)

  File "h:\python37\lib\runpy.py", line 85, in _run_code

    exec(code, run_globals)

  File "H:\python_virtualenv\flask_env\lib\site-packages\flask\__main__.py", line 15, in <module>

    main(as_module=True)

  File "H:\python_virtualenv\flask_env\lib\site-packages\flask\cli.py", line 967, in main

    cli.main(args=sys.argv[1:], prog_name="python -m flask" if as_module else None)

  File "H:\python_virtualenv\flask_env\lib\site-packages\flask\cli.py", line 586, in main

    return super(FlaskGroup, self).main(*args, **kwargs)

  File "H:\python_virtualenv\flask_env\lib\site-packages\click\core.py", line 782, in main

    rv = self.invoke(ctx)

  File "H:\python_virtualenv\flask_env\lib\site-packages\click\core.py", line 1259, in invoke

    return _process_result(sub_ctx.command.invoke(sub_ctx))

  File "H:\python_virtualenv\flask_env\lib\site-packages\click\core.py", line 1066, in invoke

    return ctx.invoke(self.callback, **ctx.params)

  File "H:\python_virtualenv\flask_env\lib\site-packages\click\core.py", line 610, in invoke

    return callback(*args, **kwargs)

  File "H:\python_virtualenv\flask_env\lib\site-packages\click\decorators.py", line 73, in new_func

    return ctx.invoke(f, obj, *args, **kwargs)

  File "H:\python_virtualenv\flask_env\lib\site-packages\click\core.py", line 610, in invoke

    return callback(*args, **kwargs)

  File "H:\python_virtualenv\flask_env\lib\site-packages\flask\cli.py", line 848, in run_command

    app = DispatchingApp(info.load_app, use_eager_loading=eager_loading)

  File "H:\python_virtualenv\flask_env\lib\site-packages\flask\cli.py", line 305, in __init__

    self._load_unlocked()

  File "H:\python_virtualenv\flask_env\lib\site-packages\flask\cli.py", line 330, in _load_unlocked

    self._app = rv = self.loader()

  File "H:\python_virtualenv\flask_env\lib\site-packages\flask\cli.py", line 388, in load_app

    app = locate_app(self, import_name, name)

  File "H:\python_virtualenv\flask_env\lib\site-packages\flask\cli.py", line 240, in locate_app

    __import__(module_name)

  File "H:\python_exec\自定义URL\app.py", line 19, in <module>

    @app.route('telephone/<tel:pnum>')

  File "H:\python_virtualenv\flask_env\lib\site-packages\flask\app.py", line 1315, in decorator

    self.add_url_rule(rule, endpoint, f, **options)

  File "H:\python_virtualenv\flask_env\lib\site-packages\flask\app.py", line 98, in wrapper_func

    return f(self, *args, **kwargs)

  File "H:\python_virtualenv\flask_env\lib\site-packages\flask\app.py", line 1275, in add_url_rule

    rule = self.url_rule_class(rule, methods=methods, **options)

  File "H:\python_virtualenv\flask_env\lib\site-packages\werkzeug\routing.py", line 666, in __init__

    raise ValueError("urls must start with a leading slash")

ValueError: urls must start with a leading slash


Process finished with exit code 1


环境:

    pycharm2020.1

Python 全系列/第八阶段:轻量级Web开发利器-Flask框架/Flask视图基础和URL 30355楼
Python 全系列/第十二阶段:Python_Django3框架/Django初级 30358楼

课程分类

百战程序员微信公众号

百战程序员微信小程序

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