书架

书架

=一个知识书库=

el-table中的span-method

el-table中的span-method

```javascript <el-table :span-method="arraySpanMethod" // ... /> ``` <!--more--> ```javascript arraySpanMethod({ row, column, rowIndex, columnIndex }) { const { nodeNum, count, nodeName, nodeRemark } = row if ([0, 1].includes(columnIndex)) { // 只合并第一列和第二列 switch
more...
前端40个基础小技巧

前端40个基础小技巧

## 数字转换 ### 进制转换 将 10 进制转换成 n 进制,可以使用 toString(n) ```javascript const toDecimal = (num, n = 10) => num.toString(n) // 假设数字10要转换成2进制 toDecimal(10, 2) // '1010' ``` 将 n 进制转换成 10 进制,可以使用 parseInt(num, n) ```javascript // 10的2进制为1010 const toDecimalism = (num, n = 10) => parseInt(nu
more...
jsdelivr的CDN加速替换方案

jsdelivr的CDN加速替换方案

> **jsdeliver突然挂了**,2022年某一天,突然发现自己的hexo博客的图床全部崩溃,个别依赖如评论组件也是用不了,一查,原来**cdn.jsdelivr**加速直接不可用了,广大博主都同一时间遇到这个问题,后将cdn.jsdelivr替换为fastly.jsdelivr解决,并且将图床移至到了自己的服务器, 还是句话:“**免费的东西最贵**” ## 本地化/自建CDN **最靠谱的方法还是本地化或者把需要的js等文件自己进行CDN。** 一般个人博客使用的静态资源还是有限的,就那么几个,还不如自己下载下来,放到对应的目录。或者加到自己的**服务器**或者**
more...
HTML水平垂直居中

HTML水平垂直居中

## 一、 负外边居中 ```css /*省略了尺寸的设置,侧重了重点,读者可以把部分内容加上*/ .main{/*父元素*/ position: relative; } .child{/*子元素*/ position: absolute; top: 50%; left: 50%; margin-left: /*负的自身宽度一半*/ margin-top: /*负的自身高度一半*/ } ``` <!--more--> ## 二、 绝对定位居中 ```html <!DOCTYPE html> <html la
more...