浏览器缓存问题
发现一个问题,每次我修改完css文件代码热启动或者自己关闭重启服务器,网页那边都没有改变,调出开发者界面发现根本里面都没有改变过,我感觉是缓存的问题,Google找到很多人碰到一样的问题StackOverflow的回答就是通过CTRL+F5
进行刷新,这么操作完就可以了
CTRL+F5
和F5
区别
F5
: 使用缓存,并且只有在资源内容发生变化的时候才会去更新资源。
CTRL-F5
: 强制更新页面资源的缓存。
不过每次改完都要按同时按俩个键太麻烦,所以还有一种方法是直接将应用设置为没有缓存,在update里添加
SEND_FILE_MAX_AGE_DEFAULT=0,
SEND_FILE_MAX_AGE_DEFAULT
Default cache control max age to use withsend_static_file()
(the default static file handler) andsend_file()
, asdatetime.timedelta
or as seconds. Override this value on a per-file basis using theget_send_file_max_age()
hook onFlask
orBlueprint
, respectively. Defaults to 43200 (12 hours).
字体问题
想要改善一下字体,想到了谷歌有出过一个字体思源字体,然后下载后开始弄,Google后发现css3的自定义自己有新的方法了
<style>
@font-face
{
font-family: myFirstFont;
src: url('Sansation_Light.ttf'),
url('Sansation_Light.eot'); /* IE9+ */
}
div
{
font-family:myFirstFont;
}
</style>
有注意到在css文件里不能用flask的url_for
来定位文件,所以我用相对定位来确定字体文件地址
编辑器问题
网站需要编辑器,我又喜欢用markdown,所以找到了Simplemde
来作为我的编辑器,通过GitHub上的方法配置完成
网页端判断是不是for的最后一位
{% for cat in cats %}
<a id="{{ cat.name }}">{{ cat.name }}</a>
{% if not loop.last %}
<li class="slash">|</li>
{% endif %}
{% endfor %}
引用
http://weizhifeng.net/difference-between-f5-and-ctrl-f5.html
http://www.w3school.com.cn/css3/css3_font.asp
网友评论