前端经验

JavaScript

• <script src="...">标签用于加载并执行外部JavaScript文件，浏览器会下载并执行src属性指定的URL中的JavaScript代码。
• <script>标签内部代码通常会当作JavaScript代码来执行，但是如果<script>标签具有src属性，浏览器会忽略标签内部内容，只执行src属性指定的外部JavaScript文件。
• console.log("Hello, world!");用于在控制台输出信息。

CSS

• #waifu-tips的样式如果已经在waifu.css中设置, 那么自定义的css不会生效,因为waifu.css中的规则优先级更高,如果需要改变样式就要在自定义的styles.css中写更具体的选择器, 或者使用!important.

• 将#write(用于typora)改为.markdown-body,F12看elements标签class style.css有没有正常应用,检查html结构修改相应的类名。

  #write 是ID选择器，一个页面只能有一个#write,.markdown-body 是类选择器，可以复用于多个元素。

  不同markdown解析器class名不同,解析器改变css文件中相应类名也要改变。

HTML

• <link rel="stylesheet" href="https://sdf/style.css">

  rel表示引入一个外部的css的样式表，href指定了文件路径

• ejs一种基于JavaScript的模板引擎，用于在HTML文件中嵌入JavaScript逻辑，以实现动态内容渲染。ejs文件最终被解析为标准的html，主要使用JavaScript语句，也可以使用普通的html语句。