django
注意默认情况下,html文件放在OneApp/templates/OneApp
下,而不是OneApp/templates/
django 的static(css,js..)配置
Make sure that
django.contrib.staticfiles
is included in yourINSTALLED_APPS
.In your settings file, define
STATIC_URL
, for example:
STATIC_URL = '/static/'
- In your templates, use the
static
template tag to build the URL for the given relative path using the configuredSTATICFILES_STORAGE
.
{% load static %}
<img src="{% static "my_app/example.jpg" %}" alt="My image">
- Store your static files in a folder called
static
in your app. For examplemy_app/static/my_app/example.jpg
.
21:30 html img 图片懒加载
参考:https://www.cnblogs.com/moxiaowohuwei/p/7908877.html
什么是图片懒加载
当访问一个页面的时候,先把img元素或是其他元素的背景图片路径替换成一张大小为1*1px图片的路径(这样就只需请求一次),当图片出现在浏览器的可视区域内时,才设置图片真正的路径,让图片显示出来。这就是图片懒加载。
通俗一点:
1、就是创建一个自定义属性data-src存放真正需要显示的图片路径,而img自带的src放一张大小为1 * 1px的图片路径。
2、当页面滚动直至此图片出现在可视区域时,用js取到该图片的data-src的值赋给src。
ps:自定义属性可以取任何名字