瀏覽器緩存問題
發(fā)現(xiàn)一個問題,每次我修改完css文件代碼熱啟動或者自己關(guān)閉重啟服務(wù)器葡粒,網(wǎng)頁那邊都沒有改變份殿,調(diào)出開發(fā)者界面發(fā)現(xiàn)根本里面都沒有改變過,我感覺是緩存的問題嗽交,Google找到很多人碰到一樣的問題StackOverflow的回答就是通過CTRL+F5
進(jìn)行刷新卿嘲,這么操作完就可以了
CTRL+F5
和F5
區(qū)別
F5
: 使用緩存,并且只有在資源內(nèi)容發(fā)生變化的時候才會去更新資源夫壁。
CTRL-F5
: 強(qiáng)制更新頁面資源的緩存拾枣。
不過每次改完都要按同時按倆個鍵太麻煩,所以還有一種方法是直接將應(yīng)用設(shè)置為沒有緩存盒让,在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后發(fā)現(xiàn)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
來定位文件姨蝴,所以我用相對定位來確定字體文件地址
編輯器問題
網(wǎng)站需要編輯器,我又喜歡用markdown肺缕,所以找到了Simplemde
來作為我的編輯器左医,通過GitHub上的方法配置完成
網(wǎng)頁端判斷是不是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