当我们对网站做了修改,推送到远程服务器后,发现页面还是老样子。这是由于浏览器缓存的问题,html 页面一般会及时更新,但 JavaScript/css 脚本常常无法及时更新,这时候需要手动进行处理。

方法一:
在多数浏览器中,可以使用 CTRL + F5 快捷键强制刷新。一般能看到最新的结果。

方法二:
如果你使用 Google chrome 浏览器,则可以使用 debugger 禁止缓存: 右键 - inspect - Network - Disable cache

方法三:
在源码的 link/script 中修改如下:

<link rel="stylesheet" href="my-css-file.css?v=1">
<script src="my-js-file.js?v=1"></script>

主要是在文件后加上 ?v=1 类似的字符串。当然也可换成其他写法,如:?time=2019126 等。

下次更新文件时,将后缀修改成其他数字即可。这样的好处是你的用户们也可以同时收到最新更新。

参考链接:
https://stackoverflow.com/questions/3951187/javascript-file-not-updating-no-matter-what-i-do
https://stackoverflow.com/questions/3466989/what-does-appending-v-1-to-css-and-javascript-urls-in-link-and-script-tags-do



2019-12-16T13:06:29.png

font awesome 是流行的 icon 图标库。最新版为 version 5

font awesome 分为付费版和免费版,付费版有 7020 个 icon,免费版有 1535 个 icon。
免费:brands.js solid.js
付费:regular.js light.js

官网:https://fontawesome.com/
GitHub 项目地址:https://github.com/FortAwesome/Font-Awesome
release 地址:https://github.com/FortAwesome/Font-Awesome/releases
w3 教程:https://www.w3schools.com/icons/fontawesome5_intro.asp

阅读全文



2019-12-10T01:38:20.png

图片锐化是常常要进行的处理,但锐化后的图像,往往会在反差较大的边沿处产生很细的亮条,影响整体效果,例如如下图片:
2019-12-10T01:17:07.png

以上图片是简单的使用了锐化工具处理后的结果,要在锐化过程中不带来亮条,可以使用以下步骤处理。

阅读全文