2020-04-05 工作日志

django

注意默认情况下,html文件放在OneApp/templates/OneApp下,而不是OneApp/templates/

django 的static(css,js..)配置

  1. Make sure that django.contrib.staticfiles is included in your INSTALLED_APPS.

  2. In your settings file, define STATIC_URL, for example:

STATIC_URL = '/static/'

  1. In your templates, use the static template tag to build the URL for the given relative path using the configured STATICFILES_STORAGE.
  {% load static %}
   <img src="{% static "my_app/example.jpg" %}" alt="My image">
   
  1. Store your static files in a folder called static in your app. For example my_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:自定义属性可以取任何名字

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容