我的个人博客搭建日志

浏览器缓存问题

发现一个问题,每次我修改完css文件代码热启动或者自己关闭重启服务器,网页那边都没有改变,调出开发者界面发现根本里面都没有改变过,我感觉是缓存的问题,Google找到很多人碰到一样的问题StackOverflow的回答就是通过CTRL+F5进行刷新,这么操作完就可以了

CTRL+F5F5区别
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.timedeltaor as seconds. Override this value on a per-file basis using theget_send_file_max_age()hook onFlaskorBlueprint, 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

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

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,323评论 19 139
  • 转载:H5缓存机制浅析-移动端Web加载性能优化【干货】 作者:贺辉超,腾讯游戏平台与社区产品部 高级工程师 目录...
    meng_philip123阅读 13,954评论 6 48
  • 本文内容大多参考《图解HTTP》一书 一. 认识代理服务器 所以讲缓存为什么要先扯代理服务器?别急,让我们看一下一...
    流光号船长阅读 6,022评论 0 10
  • Web前端技术由html、css和 javascript 三大部分构成,是一个庞大而复杂的技术体系,其复杂程度不低...
    WEB攻程狮阅读 5,836评论 2 116
  • 本周我想从三个方面总结一下。 一、生活。 1、阅读,精读《书都不会读你还想成功》二志成 等著 《孙子兵法》第四篇《...
    君子于行阅读 2,784评论 3 4