分类 Development 下的文章

一些特殊符号需要显示在 HTML 上时,需要使用符号实体来表示:

常用符号转义

符号含义转义实体转义号
空格  
<小于号&lt;&#60;
>大于号&gt;&#62;
&&amp;&#38;
"双引号&quot;&#34;
'单引号&apos;&#39;
¢&cent;&#162;
£&pound;&#163;
¥&yen;&#165;
欧元&euro;&#8364;
©版权&copy;&#169;
®注册商标&reg;&#174;

更多符号

w3 教程:https://www.w3schools.com/HTML/html_entities.asp
希腊字符:https://www.w3schools.com/charsets/ref_utf_greek.asp
货币字符:https://www.w3schools.com/charsets/ref_utf_currency.asp
箭头符号:https://www.w3schools.com/charsets/ref_utf_arrows.asp
数学符号:https://www.w3schools.com/charsets/ref_utf_math.asp
更多杂类:https://www.w3schools.com/charsets/ref_utf_symbols.asp


选择特定元素内部的某个元素,需要使用加号 + 来进行选择。

2019-12-17T01:37:54.png

<!DOCTYPE html>
<html>
<head>
<style>
div + p {
  background-color: yellow;
}
</style>
</head>
<body>

<h1>Welcome to My Homepage</h1>

<div>
  <h2>My name is Donald</h2>
  <p>I live in Duckburg.</p>
</div>

<p>My best friend is Mickey.</p>

<p>I will not be styled.</p>

</body>
</html>

当我们对网站做了修改,推送到远程服务器后,发现页面还是老样子。这是由于浏览器缓存的问题,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