星哥の面试题Day5
面试题系列均来自鱼皮的知识星球——编程导航
哪些 CSS 属性可以继承？在 CSS 中，并不是所有的属性都可以继承。下面是一些常见的可继承属性：
font-family
font-size
font-weight
font-style
color
letter-spacing
word-spacing
line-height
text-align
text-indent
text-transform
visibility
这些属性在父元素中设置后，子元素可以继承相同的属性值。但需要注意的是，这些属性只能继承，而不能被子元素覆盖。此外，并不是所有的 HTML 元素都可以继承这些属性，具体需要查看相关属性的文档。
什么是 BOM 和 DOM？分别列举一些它们的函数BOM和DOM都是JavaScript中的概念，但它们具有不同的作用。
BOM（Browser Object Model）是浏览器对象模型，它提供了一些浏览器窗口和框架的对象，并提供了一些操作这些对象的方法。BOM不是W3C标准，而是由浏览器厂商制定的。
下面是一些常见的BOM函数：
alert()：在浏览器中显示一个警告框 ...
星哥の面试题Day4
面试题系列均来自鱼皮的知识星球——编程导航
什么是 CSS 盒子模型？CSS 盒子模型（CSS box model）指的是用于布局和设计网页的 CSS 样式规范。CSS 盒子模型将每个 HTML 元素表示为一个矩形的盒子，这个盒子包括内容（content）、内边距（padding）、边框（border）和外边距（margin）四个部分。
具体来说，盒子模型中各个部分的含义如下：
内容（content）：元素的实际内容，由 width 和 height 属性决定。
内边距（padding）：内容和边框之间的空间，由 padding 属性决定。
边框（border）：内容和外边距之间的边框，由 border 属性决定。
外边距（margin）：盒子边缘和其它元素之间的空间，由 margin 属性决定。
CSS 盒子模型中，盒子的总大小由这四个部分加起来决定，即 width + padding + border + margin。需要注意的是，CSS 盒子模型有两种，分别是标准盒子模型和怪异盒子模型。
标准盒子模型中，盒子的大小 = width + padding + bor ...
Picgo+Github配置图床
步骤1.下载Picgo官方下载链接：https://github.com/Molunerfinn/PicGo/releases
我的是2.3.1版本
2.新建Github仓库在github新建一个仓库，如Image
点击右上角头像
**Settings **→ Developer settings → Personal access tokens → Tokens(classic) → Generate new token
在Note输入名称，勾选repo
然后生成token复制
3.配置Picgo
如图把token粘进去，配置参考上图
设定自定义域名：https://cdn.jsdelivr.net/gh/GitHub /账号名/仓库名 （例：https://cdn.jsdelivr.net/gh/BubuMall/Image）
（注：这里使用了jsDelivr进行加速）
然后记得把Github设为默认的图床
4.运行然后你想怎么骚就怎么骚吧，每上传一张就commit一次。
这么聪明的你一定一点就通( ´･ω･)ﾉ(._.`)摸摸头
星哥の面试题Day3
面试题系列均来自鱼皮的知识星球——编程导航
ES6 有哪些新特性？ES6（ECMAScript 6）是 JavaScript 的第六个版本，也称为 ES2015，引入了很多新特性来增强 JavaScript 语言的能力。下面是 ES6 中一些常见的新特性：
let 和 const 声明变量
模板字符串（Template Literals）
解构赋值（Destructuring）
箭头函数（Arrow Functions）
Promise 对象
函数参数默认值
对象字面量增强（Object Literal Enhancements）
类和继承（Classes and Inheritance）
迭代器（Iterators）
生成器（Generators）
模块（Modules）
Set 和 Map 数据结构
Symbol 数据类型
for…of 循环
let 和 const 块级作用域
异步函数 async/await
ES6 的新特性增强了 JavaScript 的表现力和编程能力，使得开发者可以更加高效和便捷地编写代码。
说说 Vue 中的 diff 算法Vue 中的 d ...
星哥の面试题Day2
面试题系列均来自鱼皮的知识星球——编程导航
什么是 HTML5，HTML5 有哪些新特性？HTML5是HTML的第五个版本，是用于创建网页和其他web应用程序的标记语言。与之前的HTML版本相比，HTML5引入了许多新特性和改进，包括以下几个方面：
语义化标签：HTML5引入了很多新的标签，如< header>，< footer>，< nav>，< article>，< section>等，这些标签都是为了更好地表达文档内容的语义而设计的。
多媒体支持：HTML5支持多媒体内容，包括音频、视频、SVG和Canvas等图形元素，这些都可以直接在网页中嵌入，无需使用第三方插件。
新的表单控件：HTML5引入了一些新的表单控件，如日期选择器、搜索框、滑块等，这些控件都能够提高用户体验。
Web存储：HTML5提供了两种新的客户端存储机制：localStorage和sessionStorage，它们可以让Web应用程序在客户端上存储数据，从而提高性能和用户体验。
Web Workers：HTML5提供了一种新的机制，即Web Wor ...
星哥の面试题Day1
今天还是把之前的面试题给总结一下吧，面试题系列均来自鱼皮的知识星球——编程导航
CSS 选择器有哪些？优先级分别是什么？CSS 选择器可以根据不同的属性、标签名、类名、ID 等条件来选择页面中的元素，常用的选择器包括：
标签选择器：通过标签名选取元素，如 p、h1、div 等。
类选择器：以 “.” 开头，选取具有相同类名的元素，如 .red、.bold 等。
ID 选择器：以 “#” 开头，选取具有相同 ID 的元素，如 #header、#content 等。
属性选择器：根据元素的属性值选取元素，如 [href]、[title]、[src] 等。
后代选择器：选取元素的后代元素，如 div p 选取所有 div 元素的后代 p 元素。
相邻兄弟选择器：选取元素的相邻兄弟元素，如 h1 + p 选取紧接在 h1 元素后面的 p 元素。
通用选择器：选取所有元素，使用 * 表示。
CSS 选择器的优先级按照如下规则计算：
标签内部样式（内联样式）具有最高优先级，其次是 ID 选择器，然后是类选择器和属性选择器，最后是标签选择器和通用选择器。
如果存在多个选择器的优先级相同，那么后 ...
更改主题为ButterFly
配置 按照butterfly的文档设置，一般都不会出什么问题
背景图 我就遇到背景图瞎折腾了一下
12345678# The banner image of home pageindex_img: 'transparent'# Website Background (設置網站背景)# can set it to color or image (可設置圖片 或者 顔色)# The formal of image: url(http://xxxxxx.com/xxx.jpg)background: url(/img/nahida.jpg)# Footer Backgroundfooter_bg: 'transparent'
头部，底部弄成透明就行了
加一个纳西妲看板娘 这个倒是费了我挺多时间的，之前博客已经弄过，用hexo-live2d的插件，但这次我想要自己弄一个纳西妲的。
在一个B站up主天才设计学家上找到了合适的。下载下来后就找框架了，又参考了大佬九弓子的可莉看板娘。用了live2d的官方模板，再自己稍稍魔改一下（还是借鉴）。
于是 ...
在hexo中添加音乐播放
添加音乐有2种方式，Aplayer和meting,meting可以添加各平台歌单id，很简单，自己琢磨^_^
Aplayer你需要知道，这2个不能同时使用，所以Aplayer的我就不用了
1{% aplayer "残酷天使行动纲领" "22" "1.mp3" "http://p1.music.126.net/45hISoQHiPTbPg9oapc7DQ==/109951163549396167.jpg?param=130y130" "lrc:1.lrc" %}
格式就是上下这样， 当开启 Hexo 的 文章资源文件夹 功能时，可以将图片、音乐文件、歌词文件放入与文章对应的资源文件夹中，然后直接引用：
1{% aplayer "Caffeine" "Jeff Williams" "caffeine.mp3" "picture.jpg" "lrc:caffeine.tx ...