日星网
搜索

记录日常点点滴滴，欢迎来到我的小站。

0%

发表于 更新于 分类于

背景

使用Chrome和Edge的DevTools里的LightHouse可以轻松的查看影响网站速度及SEO的各项评分数据，还可以根据提示来解决网站出现的问题。最常出现的问题，一般大家都会默认使用Apache及Nginx的默认设置，而默认设置中一般都还在使用HTTP/1.1协议，如何才能使用最新的HTTP/2.0呢
根据以下的方法，可以轻松的将自己的网站协议升级上去。

阅读全文 »

发表于 更新于 分类于

系统配置

OS: Ubuntu 22.04
DataBase: MySQL8.0.23

方法一，修改MySQL配置

修改配置文件

1
sudo vim /etc/mysql/mysql.conf.d/mysqld.cnf

1.找到 [mysqld]

2.如果没有SQL_MODE,就添加，有就修改一下

1
2
3
4
5
sql_mode="STRICT_TRANS_TABLES,NO_ENGINE_SUBSTITUTION"

或者

sql_mode=ONLY_FULL_GROUP_BY,STRICT_TRANS_TABLES,ERROR_FOR_DIVISION_BY_ZERO,NO_AUTO_CREATE_USER,NO_ENGINE_SUBSTITUTION

重新启动mysql

1
systemctl restart mysql

发表于 更新于 分类于

系统配置

OS: Ubuntu 22.04
DataBase: MySQL8.0.23

修改MySQL配置

修改配置文件

1
sudo vim /etc/mysql/mysql.conf.d/mysqld.cnf

在配置文件中找到 innodb_strict_mode 及 innodb_log_file_size（如果文件中没有则直接新增：建议在innodb出现的附近新增）

1
2
innodb_log_file_size=1024M
innodb_strict_mode=0

重新启动mysql

1
systemctl restart mysql

发表于 更新于 分类于

背景

Ubuntu最新版也只是将Nginx的支持到了1.18.0，并且爆出了很多漏洞，所以决定将现有的1.18.0停用，改用官网最新的1.25.1版本，

阅读全文 »

发表于 分类于

作为前端程序员，最经常遇到的就是针对不同浏览器，需要进行样式的调整。
虽然大部分样式已经得到统一，但还是经常会出现不同浏览器显示效果不一的情况。
以下是我总结的不同浏览器的Hack方法。

Chrome浏览器

1
2
3
4
5
@media screen and (-webkit-min-device-pixel-ratio:0){
  .className{
      /* 样式 */
  }
}
阅读全文 »

发表于 分类于

Cloudreve网盘介绍

Cloudreve 可以让您快速搭建起公私兼备的网盘系统。Cloudreve 在底层支持不同的云存储平台，用户在实际使用时无须关心物理存储方式。你可以使用 Cloudreve 搭建个人用网盘、文件分享系统，亦或是针对大小团体的公有云系统。

Cloudreve的安装

下载地址

  1. 先下载Cloudreve的安装文件，我使用的是Ubuntu的云主机，所以下载 cloudreve_3.5.3_linux_amd64.tar.gz（当时的最新版） 的版本。
  2. 对文件进行解压 tar -zxvf cloudreve_3.5.3_linux_amd64.tar.gz
  3. 给予执行权限 chmod +x ./Cloudreve

前提 下载的文件放入指定的服务器目录内，我下载后，放到了 /var/www/html/pan中。

阅读全文 »

发表于 分类于

DNS服务器列表

服务商 IPV4 IPV6
114DNS 114.114.114.114 114.114.115.115 -
DNSPod DNS 119.29.29.29 182.254.116.116 2402:4e00::
cnnicDNS 1.2.4.8 210.2.4.8 2001:dc7:1000::1
GoogleDNS 8.8.8.8 8.8.4.4 2001:4860:4860::8888 2001:4860:4860::8844
阿里云DNS 223.5.5.5 223.6.6.6 2400:3200::1 2400:3200:baba::1
腾讯云DNS 183.60.83.19 183.60.82.98 -
百度云DNS 180.76.76.76 2400:da00::6666
微软云DNS 4.2.2.1 4.2.2.2 -

发表于 更新于 分类于

yarn的设置

在根目录下创建一个新的文件 .yarnrc

输入以下内容

1
2
3
registry: https://registry.npm.taobao.org
ENTRYCLI_CDNURL: https://cdn.npm.taobao.org/dist/sentry-cli
sentrycli_cdnurl: https://cdn.npm.taobao.org/dist/sentry-cli

yarn及npm国内镜像源

npm

淘宝镜像

1
npm config set registry=https://registry.npm.taobao.org

腾讯云镜像

1
npm config set registry http://mirrors.cloud.tencent.com/npm/

华为云镜像源

1
npm config set registry https://mirrors.huaweicloud.com/repository/npm/

yarn

腾讯云镜像

1
2
yarn config set -g registry http://mirrors.cloud.tencent.com/npm/
yarn config set -g sass_binary_site http://mirrors.cloud.tencent.com/npm/node-sass/

查看配置

yarn config list

如果包含了上面代码中的内容，就表示成功了。

发表于 更新于 分类于

首先不推荐使用Ubuntu默认的yarn安装,版本太低。

  1. 首先在Ubuntu的源中添加yarn的源地址
    1
    curl -sS https://dl.yarnpkg.com/debian/pubkey.gpg | sudo apt-key add -  
    1
    echo "deb https://dl.yarnpkg.com/debian/ rc main" | sudo tee /etc/apt/sources.list.d/yarn.list
    阅读全文 »

发表于 分类于

代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
<form>
    <fieldset>
        <legend>问卷调查</legend>
        <ol class="cs-ques-ul">
            <li class="cs-ques-li">
                <input type="radio" name="ques1" required>1-3年
                <input type="radio" name="ques1">3-5年
                <input type="radio" name="ques1">5年以上
                <h4 class="cs-caption">你从事前端几年了？</h4>
            </li>
            <li class="cs-ques-li">
                <input type="radio" name="ques2" required>1-3小时
                <input type="radio" name="ques2">3-5小时
                <input type="radio" name="ques2">小时以上
                <h4 class="cs-caption">你每周多少业余时间用来学习前端技术？</h4>
            </li>
            <li class="cs-ques-li">
                <input type="radio" name="ques3" required>1-3本
                <input type="radio" name="ques3">3-5本
                <input type="radio" name="ques3">5本以上
                <h4 class="cs-caption">你每年买多少本前端相关数据？</h4>
            </li>
            <li class="cs-ques-li">
                <textarea></textarea>
                <h4 class="cs-caption">有什么其它想说的？</h4>
            </li>
        </ol>
        <p><input type="submit" value="提交"></p>
    </fieldset>
</form>
<style>
.cs-ques-ul {
    counter-reset: quesIndex;
}
.cs-ques-li {
    display: table;
    width: 100%;
    position: relative;
}
/* 前面序号计数显示与定位 */
.cs-ques-li::before {
    counter-increment: quesIndex;
    content: counter(quesIndex) ".";
    position: absolute; top: .75em;
    margin: 0 0 0 -20px;
}
.cs-caption {
    display: table-caption;
    caption-side: top;
}
/* 标记必选还是可选 */
:optional ~ .cs-caption::after {
    content: "（可选）";
    color: gray;
}
:required ~ .cs-caption::after {
    content: "（必选）";
    color: red;
}
</style>