<!--

 111111111111111111111111111111111111111111111110000111111111111111111111111111111111111111111
 111111111111111111111111111111111111111111111000011111111111111111111111111111111111111111111
 111111111111111111111111111111111111111111100000011111111111111111111111111111111111111111111
 111111111111111111111111111111111111111110000001111000110000000000000001111111111111111111111
 111111111111111111111111111111110000000000000000000000000000000001111111111111111111111111111
 111111111111111111111111111111011100000000000000000000000000001111111111111111111111111111111
 111111111111111111111111111111111111100000000000000000000000000000000011111111111111111111111
 111111111111111111111111111111111000000000000000000000000000000011111111111111111111111111111
 111111111111111111111111111111110001110000000000000000000000000000011111111111111111111111111
 111111111111111111111111111110000011000000000001100000000000000000001111111111111111111111111
 111111111111111111111111111100000000000000010011110000000000000110000011111111111111111111111
 111111111111111111111111000000000000000000111011111000000000000011100001111111111111111111111
 111111111111111111111100000000000000000001111111110000000000000001111000111111111111111111111
 111111111111111111111000000001111111111111111111110000000000000000111110011111111111111111111
 111111111111111111111100000111111111111111111111000000000000000000111111111111111111111111111
 111111111111111111111111011111111111111111110000000000000000000000011111111111111111111111111
 111111111111111111111111111111000000000000000000000000000000000000011111111111111111111111111
 111111111111111111111111111111110000000000000000000000000000110000011111111111111111111111111
 111111111111111111111111111100000000000000000000000000000011110000011111111111111111111111111
 111111111111111111111111100000000000000000000000000000000111111000011111111111111111111111111
 111111111111111111111110000000000000000000000000000000111111111000011111111111111111111111111
 111111111111111111111000000000000000000000000000000011111111111000011111111111111111111111111
 111111111111111111110000000000000000000111000000111111111111111000111111111111111111111111111
 111111111111111111100000000000000001111111111111111111111111111001111111111111111111111111111
 111111111111111111000000000000000111111111111111110011111111111111111111111111111111111111111
 111111111111111110000000000000001111111111111111111110000111111111111111111111111111111111111
 111111111111111110000000000100011111111111111111111111100000111111111111111111111111111111111
 111111111111111100000000000110011111111111111111111111111000000011111111111111111111111111111
 111111111111111100000000000011101111111111110001111100001110000000111111111111111111111111111
 111111111111111100000000000001111111111111111100011111000000000000001111111111111111111111111
 111111111111111100000000000000001111111111111100000000000000000000000011111111111111111111111
 111111111111111100100000000000000000111111111000000000000000000000000000111111111111111111111
 111111111111111110011000000000000111111111000000000000000011100000000000011111111111111111111
 111111111111111111011000000000000000000000000000000000011111111111000000001111111111111111111
 111111111111111111111000000000000000000000000000000000111111111111110000000111111111111111111
 111111111111111111111000001000000000000000000110000000011101111111111000000111111111111111111
 111111111111111111111100011111000000000000011111000000000011111111111011000011111111111111111
 111111111111111111111000111111110001000000000111110000011111111111111111000011111111111111111
 111111111111111111111000111111111111111000000011111110000000011111111111100011111111111111111
 111111111111111111111100111111111111111111100000011111111111111111111111110001111111111111111

 -   ----------------------------------   神龙保佑，永无BUG   ------------------------------------   -
    如有问题请加QQ(1239928453)，备注：网站问题反馈
 -   ----------------------------------   神龙保佑，永无BUG   ------------------------------------   -
-->
<!DOCTYPE HTML>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta name="baidu-site-verification" content="codeva-uG0CGH6AWp" />
    <meta name="msvalidate.01" content="1DB36E7B1C9849B24C39F3A26323E7CD" />
    <title>How much did you save in 2023 | 个人学习记录</title>
    <meta name="author" content="HXB(1239928453@qq.com)">
    <meta name="keywords" content="annual expenses, Chinese salary report, social obligations, personal investment, self-reliance,个人学习记录"/>
    <meta name="description" content="Explore the breakdown of Chinese salary spending, emphasizing the high costs of social obligations. Discover why investing in yourself is more valuable than maintaining superficial social ties." id="meta_description">
    <meta name="google-adsense-account" content="ca-pub-5825736993045445">
    <meta name="robots" content="index,follow">
<meta property="og:title" content="How much did you save in 2023 | 个人学习记录">
<meta property="og:description" content="Explore the breakdown of Chinese salary spending, emphasizing the high costs of social obligations. Discover why investing in yourself is more valuable than maintaining superficial social ties.">
<meta property="og:type" content="article">
<meta property="og:url" content="https://www.liuleinet.top/articles/detail/618">
    <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5825736993045445"
            crossorigin="anonymous"></script>
    <link rel="canonical" href="https://www.liuleinet.top/articles/detail/618" />
    <link href="https://upload.liuleinet.top/config/favicon.ico" rel="shortcut icon" type="image/x-icon">
    <link href="https://cdn.bootcdn.net/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet">
    <link href="https://cdn.bootcdn.net/ajax/libs/jquery-confirm/3.3.2/jquery-confirm.min.css" rel="stylesheet">
    <link href="https://cdn.bootcdn.net/ajax/libs/fancybox/2.1.5/jquery.fancybox.min.css" rel="stylesheet">
    <link href="https://cdn.bootcdn.net/ajax/libs/jquery.bootstrapvalidator/0.5.3/css/bootstrapValidator.min.css" rel="stylesheet">
    <link href="https://cdn.bootcdn.net/ajax/libs/nprogress/0.2.0/nprogress.min.css" rel="stylesheet">
    <link href="https://liuleinet.top/css/lei.core.css" rel="stylesheet" type="text/css">
    <link href="https://liuleinet.top/css/lei.comment.css" rel="stylesheet" type="text/css">
    <style>
        /**{*/
        /*    moz-user-select: -moz-none;*/
        /*    -moz-user-select: none;*/
        /*    -o-user-select:none;*/
        /*    -khtml-user-select:none;*/
        /*    -webkit-user-select:none;*/
        /*    -ms-user-select:none;*/
        /*    user-select:none;*/
        /*}*/
    </style>
    <script>
        //禁用F12
        window.onkeydown = window.onkeyup = window.onkeypress = function (event) {
            // 判断是否按下F12，F12键码为123
            if (event.keyCode == 123) {
                event.preventDefault(); // 阻止默认事件行为
                window.event.returnValue = false;
            }
        }

        document.addEventListener('contextmenu', function (event) {
            $.alert.error('你想干嘛？');
            event.preventDefault();
        });

        var threshold = 160; // 打开控制台的宽或高阈值
        // 每秒检查一次
        var check = setInterval(function() {
            if ((window.outerWidth - window.innerWidth > threshold ||
                    window.outerHeight - window.innerHeight > threshold) &&
                !/Mobi|Android/i.test(navigator.userAgent)) {
                // 如果打开控制台，则无限重定向到百度
                $.alert.error('请不要开启调试！否则给你无限重定向到百度');
                window.location.href = "https://www.baidu.com";
                // window.location.reload();
            }
        }, 2000);
    </script>
        <link href="https://cdn.jsdelivr.net/npm/simplemde@1.11.2/dist/simplemde.min.css" rel="stylesheet">
        <link href="https://cdn.jsdelivr.net/npm/github-markdown-css@2.10.0/github-markdown.min.css" rel="stylesheet">
        <link href="https://cdn.jsdelivr.net/npm/highlight.js@9.12.0/styles/github.min.css" rel="stylesheet">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/social-share.js@1.0.16/dist/css/share.min.css" />
</head>
<body>
<nav id="topmenu" class="navbar navbar-default navbar-fixed-top">
    <div class="menu-box">
        <div class="pull-left">
            <ul class="list-unstyled list-inline">
                <li><span id="currentTime"></span></li>
            </ul>
            <div class="clear"></div>
        </div>
        <div class="menu-topmenu-container pull-right">
            <ul class="list-unstyled list-inline pull-left">
                <!-- 新增语言切换下拉菜单 -->
                <li><a href="?lang=zh_CN">简体中文</a></li>
                <li><a href="?lang=zh_TW">繁體中文</a></li>
                <li><a href="?lang=en">English</a></li>
                <li><a href="https://www.liuleinet.top/about-page" class="menu_a" title="About this website"
                       data-toggle="tooltip" data-placement="bottom"> About this website</a></li>
                <li><a href="https://www.liuleinet.top/links-page" class="menu_a" title="Friend Link"
                       data-toggle="tooltip" data-placement="bottom">Friend Link</a></li>
            </ul>
                <ul class="list-unstyled list-inline pull-left">
                    <li><a href="javascript:;;" data-toggle="modal" data-target="#oauth" rel="nofollow"
                           title="Login">Login</a></li>
                </ul>
        </div>
    </div>
</nav>
<div class="modal" id="oauth" tabindex="-1" role="dialog" aria-labelledby="oauthTitle">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body" style="display: flex;flex-direction: column;align-items: center">
                <div class="login-container">
                    <div id="login" class="login-card">
                        <form action="/login" method="POST" id="login-form">
                            <h2>Login</h2>
                            <input id="emailInput" type="text" placeholder="E-mail " name="username" required="true">
                            <input id="passwordInput" type="password" placeholder="Password " name="password" required="true">
                            <div style="display: flex;justify-content: space-between">
                                <div style="display: flex;flex-direction: row;justify-content: left"><text style="margin-top: 10px">Don't have an account?</text><a href="#" onclick="showPanel('register')">Go register</a></div>
                                <div style="display: flex;flex-direction: row;justify-content: left"><text style="margin-top: 10px">Forgot password?</text><a href="#" onclick="showPanel('forgot')">Retrieve password</a></div>
                            </div>

                            <button onclick="emailLogin()">Login</button>
                        </form>
                    </div>
                    <div id="register" class="login-card inactive">
                        <h2>Register </h2>
                        <input id="registerEmailInput" type="text" placeholder="E-mail ">
                        <div style="display: flex;justify-content: space-between">
                            <input id="registerVerifyCodeInput" type="text" placeholder="Verification Code" style="width: 80%">
                            <button id="registerSendButton" onclick="sendRegVerifyCode()">Obtain verification code</button>
                        </div>
                        <input id="registerPasswordInput" type="password" placeholder="Password ">
                        <button onclick="emailRegister()">Register </button>
                        <a href="#" onclick="showPanel('login')">Go login</a>
                    </div>
                    <div id="forgot" class="login-card inactive">
                        <h2>Retrieve password</h2>
                        <input id="resetEmailInput" type="text" placeholder="E-mail ">
                        <div style="display: flex;justify-content: space-between">
                            <input id="resetVerifyCodeInput" type="text" placeholder="Verification Code" style="width: 80%">
                            <button id="resetSendButton" onclick="sendResetVerifyCode()">Obtain verification code</button>
                        </div>
                        <input id="newPassword" type="password" placeholder="New password">
                        <button onclick="resetPassword()">Reset password  </button>
                        <a href="#" onclick="showPanel('login')">Go login</a>
                    </div>
                </div>

                <div class="social-login-title">——————Recommend using social media accounts to log in——————</div>
                <div class="oauth">
                    <ul class="list-unstyled list-inline oauth-list" style="text-align: center;">
                        <li>
                            <div class="login-li">
                                <a href="javascript:void(0);" target="" onclick="wxLogin()">
                                    <img src="https://liuleinet.top/img/WeChat.png" alt="" class="img-circle">
                                </a>
                                <span onclick="wxLogin()">Sign in with WeChat</span>
                            </div>
                        </li>
                        <li>
                            <div class="login-li">
                                <a href="javascript:void(0);" target="" onclick="qqLogin()">
                                    <img src="https://liuleinet.top/img/QQ.png" alt="" class="img-circle">
                                </a>
                                <span onclick="qqLogin()">Sign in with QQ</span>
                            </div>
                        </li>
                        <li>
                            <div class="login-li">
                                <a href="javascript:void(0);" target="" onclick="weiboLogin()">
                                    <img src="https://liuleinet.top/img/weibo.png" alt="" class="img-circle">
                                </a>
                                <span onclick="weiboLogin()">Sign in with Weibo</span>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
<nav id="mainmenu" class="navbar navbar-default navbar-fixed-top" role="navigation">
    <div class="menu-box">
        <div class="navbar-header">
            <span class="pull-right nav-search toggle-search" data-toggle="modal" data-target=".nav-search-box"><i
                        class="fa fa-search"></i></span>
            <button class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false"
                    aria-controls="navbar">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="#">
                <img alt="Brand" src="https://upload.liuleinet.top/config/favicon.ico">个人学习记录
            </a>
        </div>
        <div id="navbar" class="navbar-collapse collapse">
            <div class="pull-left site-desc">
                <h2 class="auto-shake"><a href="https://www.liuleinet.top"
                                          data-original-title="Explore the truth about wealth and making money, dedicated to helping you build passive income."
                                          data-toggle="tooltip"
                                          data-placement="bottom">个人学习记录</a></h2>
                <p class="site-description">Explore the truth about wealth and making money, dedicated to helping you build passive income.</p>
            </div>
            <ul class="nav navbar-nav ">
                <li>
                    <a href="/" class="menu_a"><i class="fa fa-home"></i>Home page </a>
                </li>
                                <li><a href="/categories-page/27" class="menu_a">WealthWisdom</a>
                                </li>
                                <li class="dropdown">
                                    <a href="/categories-page/22" class="menu_a">
                                        Interview <span class="caret dropdown-toggle" data-toggle="dropdown"
                                                                    aria-expanded="false"></span>
                                    </a>
                                    <ul class="dropdown-menu" role="menu">
                                            <li><a href="/categories-page/25"
                                                   title="Click to view《tech interview》">tech interview</a></li>
                                            <li><a href="/categories-page/24"
                                                   title="Click to view《Interview skills》">Interview skills</a></li>
                                    </ul>
                                </li>
                                <li><a href="/categories-page/21" class="menu_a">Opinions</a>
                                </li>
                                <li class="dropdown">
                                    <a href="/categories-page/17" class="menu_a">
                                        Learning Diary <span class="caret dropdown-toggle" data-toggle="dropdown"
                                                                    aria-expanded="false"></span>
                                    </a>
                                    <ul class="dropdown-menu" role="menu">
                                            <li><a href="/categories-page/29"
                                                   title="Click to view《Daily Learning》">Daily Learning</a></li>
                                            <li><a href="/categories-page/28"
                                                   title="Click to view《Others》">Others</a></li>
                                            <li><a href="/categories-page/20"
                                                   title="Click to view《Course Notes》">Course Notes</a></li>
                                    </ul>
                                </li>
                <li><a href="/products-page" class="menu_a"><i class="fa fa-comments-o"></i>Digital resources</a></li>
                <li><a href="/talks-page" class="menu_a"><i class="fa fa-comments-o"></i>Post</a></li>
                <li><a href="/guestbook-page" class="menu_a"><i class="fa fa-comments-o"></i>Message Board</a></li>
                <li><span class="pull-right nav-search main-search" data-toggle="modal" data-target=".nav-search-box"><i
                                class="fa fa-search"></i></span></li>
            </ul>
        </div>
    </div>
</nav>
<script type="text/javascript" src="https://connect.qq.com/qc_jssdk.js"  data-appid="102029302" data-redirecturi="https://www.liuleinet.top/oauth/login/qq" charset="utf-8"></script>
<script>
    const WEIBO_APP_ID = "641915403";
    const QQ_APP_ID = "102029302";
    const QQ_REDIRECT_URI = "https://www.liuleinet.top/oauth/login/qq";
    const WEIBO_REDIRECT_URI = "https://www.liuleinet.top/oauth/login/weibo";
    var username = "";
    var password = "";
    var code = "";
    var regUsername = "";
    var regPassword = "";
    var resetUsername = "";
    var resetPasswordValue = "";
    var resetCode = "";
    var show = false;

    document.getElementById('emailInput').addEventListener('input', function(event) {
        username = event.target.value;
        console.log("username",username);
    });

    document.getElementById('passwordInput').addEventListener('input', function(event) {
        password = event.target.value;
        console.log("password",password);
    });

    document.getElementById('registerEmailInput').addEventListener('input', function(event) {
        regUsername = event.target.value;
        console.log("regUsername",regUsername);
    });

    document.getElementById('registerPasswordInput').addEventListener('input', function(event) {
        regPassword = event.target.value;
        console.log("regPassword",regPassword);
    });

    document.getElementById('resetEmailInput').addEventListener('input', function(event) {
        resetUsername = event.target.value;
        console.log("resetUsername",resetUsername);
    });

    document.getElementById('newPassword').addEventListener('input', function(event) {
        resetPasswordValue = event.target.value;
        console.log("resetPasswordValue",resetPasswordValue);
    });

    document.getElementById('registerVerifyCodeInput').addEventListener('input', function(event) {
        code = event.target.value;
        console.log("code",code);
    });

    document.getElementById('resetVerifyCodeInput').addEventListener('input', function(event) {
        resetCode = event.target.value;
        console.log("resetCode",resetCode);
    });

    var emailLogin = function () {
        $.ajax({
            type: "post",
            url: "/login",
            data: $("#login-form").serialize(),

            success: function (res) {

                console.log("res", res);
                if (res.flag) {
                    $.alert.info(res.message);
                    // 将用户信息存储到 Cookie 中
                    document.cookie = `nickname=; path=/;`;
                    // 重定向到主页
                    window.location.href = "/";
                } else {
                    $.alert.error(res.message);
                }
            }
        });
    }

    var emailRegister = function (){
        $.ajax({
            type: "post",
            url: "/register",
            contentType: 'application/json',
            data: JSON.stringify({
                code: code,
                password: regPassword,
                username: regUsername
            }),

            success: function (res) {

                console.log("res", res);
                if (res.flag) {
                    $.alert.info(res.message);
                } else {
                    $.alert.error(res.message);
                }
            }
        });
    }

    var resetPassword = function () {
        $.ajax({
            type: "put",
            url: "/users/password",
            contentType: 'application/json',
            data: JSON.stringify({
                code: resetCode,
                password: resetPasswordValue,
                username: resetUsername
            }),
            success: function (res) {

                console.log("res", res);
                if (res.flag) {
                    $.alert.info(res.message);
                } else {
                    $.alert.error(res.message);
                }
            }
        });
    }

    var sendRegVerifyCode = function () {
        const isValidEmail = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/.test(regUsername);
        console.log("regUsername",regUsername);
        if(!isValidEmail){
            $.alert.error("请输入正确邮箱！");
        }else{
            $.ajax({
                type: "get",
                url: "/users/code",
                data: {
                    username: regUsername
                },

                success: function (res) {
                    console.log("res", res);
                    if (res.flag) {
                        $.alert.info(res.message);
                        disableButton(60,'reg'); // 禁用按钮并开始倒计时
                    } else {
                        $.alert.error(res.message);
                    }
                }
            });
        }
    }

    var  disableButton = function (seconds,type) {
        var button;
        if (type === 'reg') {
            button = $('#registerSendButton');
        } else if (type === 'reset') {
            button = $('#resetSendButton');
        }
        button.prop('disabled', true);

        var countdown = setInterval(function () {
            button.text(seconds + '秒后重试');
            seconds--;
            if (seconds < 0) {
                clearInterval(countdown);
                button.prop('disabled', false).text('获取验证码');
            }
        }, 1000);
    }

    var sendResetVerifyCode = function () {
        const isValidEmail = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/.test(resetUsername);
        console.log("resetUsername",resetUsername);
        if(!isValidEmail){
            $.alert.error("请输入正确邮箱！");
        }else{
            $.ajax({
                type: "get",
                url: "/users/code",
                data: {
                    username: resetUsername
                },

                success: function (res) {

                    console.log("res", res);
                    if (res.flag) {
                        $.alert.info(res.message);
                        disableButton(60,'reset'); // 禁用按钮并开始倒计时
                    } else {
                        $.alert.error(res.message);
                    }
                }
            });
        }
    }

    var qqLogin = function() {
        window.open(
            "https://graph.qq.com/oauth2.0/show?which=Login&display=pc&client_id=" +
            +QQ_APP_ID +
            "&response_type=token&scope=all&redirect_uri=" +
            QQ_REDIRECT_URI,
            "_self"
        );
    }

    var weiboLogin = function() {
        window.open(
            "https://api.weibo.com/oauth2/authorize?client_id=" +
            WEIBO_APP_ID +
            "&response_type=code&redirect_uri=" +
            WEIBO_REDIRECT_URI,
            "_self"
        );
    }

    var showPanel = function(panelId) {
        var panels = document.getElementsByClassName('login-card');
        for (var i = 0; i < panels.length; i++) {
            if (panels[i].id === panelId) {
                panels[i].classList.remove('inactive');
            } else {
                panels[i].classList.add('inactive');
            }
        }
    }

    var wxLoginTimer = null;

    var wxLogin = function() {
        // 获取登录二维码
        $.ajax({
            type: "get",
            url: "/users/oauth/wxmini-qrcode",
            success: function(res) {
                console.log("res", res);
                if (res.flag) {
                    $('#oauth .modal-body').html(
                        '<div style="text-align:center">' +
                        '<img src="' + res.data.qrcodeUrl + '" style="width:200px">' +
                        '<p>请使用微信扫码登录</p>' +
                        '</div>'
                    );
                    
                    // 轮询扫码状态
                    wxLoginTimer = setInterval(function() {
                        checkWxLoginStatus(res.data.sceneStr);
                    }, 2000);
                }
            }
        });
    }

    var checkWxLoginStatus = function(sceneStr) {
        $.ajax({
            type: "get",
            url: "/users/oauth/wxmini-qrcode/status",
            data: { sceneStr: sceneStr },
            success: function(res) {
                console.log("checkWxLoginStatus RES",res);
                if (res.flag) {
                    var resData = res.data;
                    console.log("resData",resData);
                    var codeStatus = resData.codeStatus;
                    console.log("codeStatus",codeStatus);
                    var userInfoId = resData.userInfoId;
                    console.log("userInfoId",userInfoId);
                    switch(codeStatus) {
                        case 1: // 已扫码
                            $('#oauth .modal-body img').css('filter', 'grayscale(100%)'); // 添加灰色蒙版
                            $('#oauth .modal-body').append('<div class="overlay">请在微信中确认登录</div>'); // 显示提示信息
                            break;
                        case 2: // 已确认
                            clearInterval(wxLoginTimer);

                            // 保存用户信息和会话ID到Cookie
                            document.cookie = `nickname=; path=/`;
                            document.cookie = `JSESSIONID=; path=/`;
                            // 关闭登录弹窗
                            $('#oauth').modal('hide');
                            // 刷新页面以更新登录状态
                            window.location.reload();
                            break;
                        case 3: // 已过期
                            clearInterval(wxLoginTimer);
                            $('#oauth .modal-body img').css('filter', 'grayscale(100%)'); // 添加灰色蒙版
                            $('#oauth .modal-body').append('<div class="overlay">小程序码登录码已过期,请刷新重试</div>'); // 显示提示信息
                            $('#oauth .modal-body p').text('小程序码登录码已过期,请刷新重试');
                            break;
                    }
                }
            }
        });
    }

    // 关闭弹窗时清除定时器
    $('#oauth').on('hidden.bs.modal', function() {
        if(wxLoginTimer) {
            clearInterval(wxLoginTimer);
        }
    });
</script>
<style>
    .social-login-title {
        /*margin-top: 1.0rem;*/
        color: #b5b5b5;
        font-size: 0.75rem;
        text-align: center;
    }
    .login-container {
        position: relative;
        width: 300px;
        height: 380px; /* 调整为适合的高度 */
    }

    .login-li{
        display: flex;
        flex-direction: column;
    }

    .login-card {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 85%;
        padding: 20px;
        background-color: white;
        border-radius: 5px;
        box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        transform-style: preserve-3d;
        transition: transform 0.5s;
        backface-visibility: hidden;
    }

    .login-card a {
        display: block;
        margin-top: 10px;
        text-align: center;
        color: #007bff;
    }

    .login-card input, .login-card button {
        width: 100%;
        padding: 10px;
        margin-bottom: 10px;
        border: 1px solid #ccc;
        border-radius: 3px;
    }

    .login-card button {
        background-color: #007bff;
        color: white;
        border: none;
        cursor: pointer;
    }

    .login-card.inactive {
        transform: rotateY(180deg);
        pointer-events: none; /* 禁用隐藏的卡片上的交互 */
    }

    #login {
        z-index: 3;
    }

    #register {
        z-index: 2;
    }

    #forgot {
        z-index: 1;
    }

    .overlay {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background-color: rgba(0, 0, 0, 0.5);
        color: white;
        padding: 10px;
        border-radius: 5px;
        text-align: center;
    }
</style>
    <img src="https://upload.liuleinet.top/config/uid-10f69b38b72d55453161742a61c010a3f.png" onerror="this.src='https://liuleinet.top/img/default.png'" style="display: none;" id="cover-img">
<div class="container custome-container">
    <nav class="breadcrumb">
        <a class="crumbs" title="Back to home" href="https://www.liuleinet.top" data-toggle="tooltip" data-placement="bottom"><i class="fa fa-home"></i>Home</a>
        <i class="fa fa-angle-right"></i>
        <a href="https://www.liuleinet.top/categories-page/27" title="View category articles" data-toggle="tooltip" data-placement="bottom">WealthWisdom</a>
        <i class="fa fa-angle-right"></i>Article content
    </nav>
    <div class="row article-body">
        <div class="col-sm-8 blog-main">
            <div class="blog-body overflow-initial fade-in">
                <div class="article-flag">
                        <span class="article-blockquote article-blockquote-green"></span>
                        <span class="article-original article-original-green">
                            <a href="https://www.liuleinet.top/articles/detail/618"><i class="fa fa-check"></i>Original</a>
                        </span>
                    <div class="blog-info-meta pull-right">
                        <ul class="list-unstyled list-inline">
                            <li><i class="fa fa-clock-o fa-fw"></i>2025-04-27T20:00</li>
                            <li><i class="fa fa-eye fa-fw"></i><a class="pointer" data-original-title="67People viewed this article" data-toggle="tooltip" data-placement="bottom">View (<num>67</num>)</a></li>
                            <li><i class="fa fa-like fa-fw"></i><a class="pointer" data-original-title="0People liked this article" data-toggle="tooltip" data-placement="bottom">endorse (<num>0</num>)</a></li>
                        </ul>
                    </div>
                </div>
                <div class="blog-info overflow-initial">
                    <h1 class="blog-info-title">
                        <strong>How much did you save in 2023</strong>
                    </h1>
                    <div class="blog-info-body markdown-body editor-preview-active-side">
                                <textarea id="$t" style="display:none">
There are a couple of months left until the end of 2023. Have you checked your annual expense list?

I have a set of data I want to share with you, from the "National Salary Report" jointly released by the Chinese Academy of Social Sciences and Tencent. We spend 64.45% of our salaries on food, 41.79% on clothing, 27.14% on housing, and 17.47% on transportation. The most surprising part is the spending on social obligations, such as hosting guests and giving gifts, which takes up 14.65% of our salaries, more than entertainment, sports, and healthcare.

In other words, if we earn 10,000 yuan a month, we spend about 1,400 yuan on social obligations. Do you think it's necessary? We used to hear "the more friends you have, the more opportunities you get," but now it seems like complete nonsense. Is this what you imagined? Have you ever experienced the lowest point in your life?

Who is the Chinese entrepreneur with the most friends right now? Xu Boss from Evergrande, right? Does he have a lot of friends? The entire Chinese business community is his friend, even Jack Ma. Does he still have a way out today? Is anyone helping him? No. When he went bankrupt, it was like the saying goes, "when the tree falls, the monkeys scatter." I'm telling you, when you're truly in trouble, you have no friends.

When the pandemic hit in 2020, many once-great people around me fell from grace. Friends generally said three things: the first, "What's wrong? What happened? I heard something happened to you," showing genuine concern; the second, "I'll ask around and see what I can find out"; the third, "Wow, that's not easy to fix." And that was it. Without exception, it always ended there. This is human nature, and it's the norm in life. When you hit rock bottom, few people will help you, no one will care, and no one will offer a helping hand, not even family. It doesn't make sense; why should they fork over tens of thousands or even millions of yuan to help you? How many people in China would do that?

There's only one exception: if you can prove you still have value, they might give you money. On the surface, they're helping you, but in reality, they're helping themselves. Who is your true benefactor? Yourself. When you face a low point, you need to be mentally strong. As they say, "God helps those who help themselves." If you fall apart and give up, no one will pay attention to you.

So, instead of spending money on social obligations and racking your brain over how to give gifts, why not invest in yourself, in your brain? Making yourself more valuable is the best investment.

I, personally, don't put much emphasis on social obligations. People around me say I'm a snake, and very cold-blooded. If one day you experience the lowest point in your life and slowly climb back up from the bottom...

</textarea>
                                <div id="$m" class="markdown-body"></div>
                    </div>
                    <div class="separateline"><span>The article ends here</span></div>
                    <div id="social" style="margin-bottom: 45px;">
                        <div class="social-main">
                            <span class="like">
                                <a href="javascript:;" data-id="618" title="endorse"><i class="fa fa-thumbs-up"></i>likes <i class="count"> 0</i></a>
                            </span>
                            <div class="shang-p">
                                <div class="shang-empty"><span></span></div>
                                <span class="shang-s"><a onclick="PaymentUtils.show();" style="cursor:pointer">Reward</a></span>
                            </div>
                            <div class="share-sd">
                                <span class="share-s"><a href="javascript:void(0)" id="share-s" title="Share"><i class="fa fa-share-alt"></i>Share</a></span>
                                <div id="share" style="display: none">
                                    <div class="social-share" data-initialized="true">
                                        <a href="#" class="social-share-icon icon-twitter"></a>
                                        <a href="#" class="social-share-icon icon-google"></a>
                                        <a href="#" class="social-share-icon icon-facebook"></a>
                                        <a href="#" class="social-share-icon icon-douban"></a>
                                        <a href="#" class="social-share-icon icon-qzone"></a>
                                        <a href="#" class="social-share-icon icon-wechat"></a>
                                        <a href="#" class="social-share-icon icon-qq"></a>
                                        <a href="#" class="social-share-icon icon-weibo"></a>
                                    </div>
                                </div>
                            </div>
                            <div class="clear"></div>
                        </div>
                    </div>
                    <div class="article-footer overflow-initial">Category：<a href="https://www.liuleinet.top/categories-page/27" data-original-title="View all articles under this category" data-toggle="tooltip" data-placement="bottom">WealthWisdom</a></div>
                </div>
            </div>
            <div class="blog-body article-tag">
                <div class="cat">
                    <ul class="list-unstyled">
                        <li>
                            <strong>Article tags：</strong>
                                        <a href="https://www.liuleinet.top/tags-page/61" class="c-label" data-original-title="BusinessThinking" data-toggle="tooltip" data-placement="bottom" target="_blank">BusinessThinking</a>
                                        <a href="https://www.liuleinet.top/tags-page/62" class="c-label" data-original-title="MakingMoney" data-toggle="tooltip" data-placement="bottom" target="_blank">MakingMoney</a>
                                        <a href="https://www.liuleinet.top/tags-page/63" class="c-label" data-original-title="Cognition" data-toggle="tooltip" data-placement="bottom" target="_blank">Cognition</a>
                        </li>
                        <li>
                            <strong>Article link：</strong>
                            https://www.liuleinet.top/articles/detail/618
                        </li>
                        <li>
                            <strong>Copyright statement：</strong>
                                This article is by<a href="https://www.liuleinet.top" target="_blank" data-original-title="个人学习记录" data-toggle="tooltip" data-placement="bottom"><strong>HXB</strong></a>Originally published, please follow the rules of "<a href="https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh" target="_blank" rel="nofollow">Attribution-NonCommercial-ShareAlike 4.0 International (CC BY-NC-SA 4.0)</a>" License Agreement
                        </li>
                    </ul>
                </div>
            </div>
            <div class="ad-mark" id="ARTICLE_BOTTOM" style="display: none"></div>
            <div class="blog-body prev-next">
                <nav class="nav-single wow" data-wow-delay="0.3s">
                        <a href="https://www.liuleinet.top/articles/detail/617" rel="prev">
                            <span class="meta-nav" data-original-title="How hard is it for an average person to earn ten million" data-toggle="tooltip" data-placement="bottom"><span class="post-nav"><i class="fa fa-angle-left"></i> Previous article</span>
                                <br>How hard is it for an average person to earn ten million
                            </span>
                        </a>
                        <a href="https://www.liuleinet.top/articles/detail/619" rel="next">
                            <span class="meta-nav" data-original-title="How much would you spend to have dinner with Buffett" data-toggle="tooltip" data-placement="bottom"><span class="post-nav">Next article <i class="fa fa-angle-right"></i></span>
                                <br>How much would you spend to have dinner with Buffett
                            </span>
                        </a>
                    <div class="clear"></div>
                </nav>
            </div>
            <div class="blog-body clear overflow-initial">
                <h5 class="custom-title"><i class="fa fa-fire fa-fw icon"></i><strong>Popular recommendations</strong><small></small></h5>
                <ul class="list-unstyled">
                            <li class="line-li">
                                <div class="line-container">
                                    <div class="line-left">
                                            <img class="lazy-img" src="https://liuleinet.top/img/favicon.ico" onerror="this.src='https://liuleinet.top/img/default.png'"width="50" height="50" rel="external nofollow"/>
                                    </div>
                                    <div class="line-right">
                                        <div class="text">
                                            <a href="https://www.liuleinet.top/articles/detail/276" data-original-title="1029People viewed this article" data-toggle="tooltip" data-placement="bottom">
                                                天涯神贴：只有穷人才会痴迷技术
                                            </a>
                                        </div>
                                        <div class="text">
                                            <span class="views" title="" data-toggle="tooltip" data-placement="bottom" data-original-title="Article views"><i class="fa fa-eye fa-fw"></i>View(1,029)</span>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li class="line-li">
                                <div class="line-container">
                                    <div class="line-left">
                                            <img class="lazy-img" src="https://liuleinet.top/img/favicon.ico" onerror="this.src='https://liuleinet.top/img/default.png'"width="50" height="50" rel="external nofollow"/>
                                    </div>
                                    <div class="line-right">
                                        <div class="text">
                                            <a href="https://www.liuleinet.top/articles/detail/280" data-original-title="987People viewed this article" data-toggle="tooltip" data-placement="bottom">
                                                百家号批量撤回和批量删除作品
                                            </a>
                                        </div>
                                        <div class="text">
                                            <span class="views" title="" data-toggle="tooltip" data-placement="bottom" data-original-title="Article views"><i class="fa fa-eye fa-fw"></i>View(987)</span>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li class="line-li">
                                <div class="line-container">
                                    <div class="line-left">
                                            <img class="lazy-img" src="https://liuleinet.top/img/favicon.ico" onerror="this.src='https://liuleinet.top/img/default.png'"width="50" height="50" rel="external nofollow"/>
                                    </div>
                                    <div class="line-right">
                                        <div class="text">
                                            <a href="https://www.liuleinet.top/articles/detail/71" data-original-title="982People viewed this article" data-toggle="tooltip" data-placement="bottom">
                                                文学研究助手-【C、C++、Java实现】
                                            </a>
                                        </div>
                                        <div class="text">
                                            <span class="views" title="" data-toggle="tooltip" data-placement="bottom" data-original-title="Article views"><i class="fa fa-eye fa-fw"></i>View(982)</span>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li class="line-li">
                                <div class="line-container">
                                    <div class="line-left">
                                            <img class="lazy-img" src="https://liuleinet.top/img/favicon.ico" onerror="this.src='https://liuleinet.top/img/default.png'"width="50" height="50" rel="external nofollow"/>
                                    </div>
                                    <div class="line-right">
                                        <div class="text">
                                            <a href="https://www.liuleinet.top/articles/detail/283" data-original-title="805People viewed this article" data-toggle="tooltip" data-placement="bottom">
                                                监控Docker容器状态并重启宕机的容器的脚本
                                            </a>
                                        </div>
                                        <div class="text">
                                            <span class="views" title="" data-toggle="tooltip" data-placement="bottom" data-original-title="Article views"><i class="fa fa-eye fa-fw"></i>View(805)</span>
                                        </div>
                                    </div>
                                </div>
                            </li>
                </ul>
                <div class="clear"></div>
            </div>
            <div class="blog-body clear overflow-initial">
                <h5 class="custom-title"><i class="fa fa-google-wallet fa-fw icon"></i><strong>Related articles</strong><small></small></h5>
                <ul class="list-unstyled">
                        <li class="line-li">
                            <div class="line-container">
                                <div class="line-right">
                                    <div class="text">
                                        <a href="https://www.liuleinet.top/articles/detail/762" data-original-title="All the absurd things we encounter are not as absurd as the world itself" data-toggle="tooltip" data-placement="bottom">
                                            <i class="fa fa-book fa-fw"></i>All the absurd things we encounter are not as absurd as the world itself
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li class="line-li">
                            <div class="line-container">
                                <div class="line-right">
                                    <div class="text">
                                        <a href="https://www.liuleinet.top/articles/detail/761" data-original-title="Young folks shouldn't treat work like a career. You should really plan out your future well." data-toggle="tooltip" data-placement="bottom">
                                            <i class="fa fa-book fa-fw"></i>Young folks shouldn't treat work like a career. You should really plan out your future well.
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li class="line-li">
                            <div class="line-container">
                                <div class="line-right">
                                    <div class="text">
                                        <a href="https://www.liuleinet.top/articles/detail/760" data-original-title="You're most likely not going to make it through this winter." data-toggle="tooltip" data-placement="bottom">
                                            <i class="fa fa-book fa-fw"></i>You're most likely not going to make it through this winter.
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li class="line-li">
                            <div class="line-container">
                                <div class="line-right">
                                    <div class="text">
                                        <a href="https://www.liuleinet.top/articles/detail/759" data-original-title="You probably won't make it through this winter." data-toggle="tooltip" data-placement="bottom">
                                            <i class="fa fa-book fa-fw"></i>You probably won't make it through this winter.
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li class="line-li">
                            <div class="line-container">
                                <div class="line-right">
                                    <div class="text">
                                        <a href="https://www.liuleinet.top/articles/detail/758" data-original-title="Work on these eight points, and keep getting better." data-toggle="tooltip" data-placement="bottom">
                                            <i class="fa fa-book fa-fw"></i>Work on these eight points, and keep getting better.
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li class="line-li">
                            <div class="line-container">
                                <div class="line-right">
                                    <div class="text">
                                        <a href="https://www.liuleinet.top/articles/detail/757" data-original-title="Why is it so hard for us Because of the existence of this group of people." data-toggle="tooltip" data-placement="bottom">
                                            <i class="fa fa-book fa-fw"></i>Why is it so hard for us Because of the existence of this group of people.
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </li>
                </ul>
                <div class="clear"></div>
            </div>
            <div class="ad-mark" id="COMMENT_BOX_TOP" style="display: none"></div>
        </div>
<div class="col-sm-3 blog-sidebar">
    <div class="ad-mark" id="SIDEBAR_TOP" style="display: none"></div>
    <!-- 侧方展示广告 -->
    <div class="sidebar-module" style="position: relative;">
        <h5 class="custom-title"><i class="fa fa-home fa-fw icon"></i><strong>About Me</strong><small></small></h5>
        <div class="widget">
            <div id="feed_widget">
                <div class="feed-about">
                    <div class="about-main">
                        <div class="about-img"><a href="https://upload.liuleinet.top/config/uid-1fd1a79dd607cafe6ca48232b34566b3c.png" class="showImage" title="WeChat Mini Program"><img src="https://upload.liuleinet.top/config/uid-1fd1a79dd607cafe6ca48232b34566b3c.png" alt="WeChat Mini Program"></a></div>
                        <div class="about-name">个人学习记录</div>
                        <div class="about-the">Explore the truth about wealth and making money, dedicated to helping you build passive income.</div>
                    </div>
                    <div class="clear"></div>
                    <!-- 方案一：图标展示 -->
                    <ul class="widget-icon">
                        <li class="weixin auto-shake" data-container="body"
                            data-toggle="popover" data-trigger="hover" data-placement="bottom" data-html="true" data-content="<img src='https://upload.liuleinet.top/config/uid-1ba0195f99b1e6ec5e11cb583370b7795.jpg' style='width: 130px;' alt='QR Code'>">
                            <a class="tag-icon" title="WeChat" rel="external nofollow"><i class="fa fa-weixin"></i></a>
                        </li>
                        <li class="tqq auto-shake">
                            <a class="tag-icon" href="javascript:window.open('http://wpa.qq.com/msgrd?v=3&uin=1239928453&site=qq&menu=yes')" title="Click to contact me on QQ" target="blank" rel="external nofollow"><i class="fa fa-qq"></i></a>
                        </li>
                        <li class="github auto-shake">
                            <a class="tag-icon" href="https://github.com/liulei2020" title="Click to View My GitHub" target="_blank" rel="external nofollow"><i class="fa fa-github"></i></a>
                        </li>
                    </ul>
                    <!-- 方案二：列表展示 -->
                </div>
            </div>
        </div>
    </div>

    <div class="sidebar-module article-module hide" style="top: 0;">
        <h5 class="custom-title"><i class="fa fa-book fa-fw icon"></i><strong>Table of Contents</strong><i class="fa fa-close pull-right close-article-menu hide pointer"></i><small></small></h5>
        <div id="article-menu" style="overflow:auto">
            <ul class="list-unstyled"></ul>
        </div>
    </div>
    <div class="sidebar-module">
        <h5 class="custom-title"><i class="fa fa-tags fa-fw icon"></i><strong>Tag Cloud</strong><small></small></h5>
                    <a style="font-size: 11.03px;margin: 5px;" href="https://www.liuleinet.top/tags-page/5" title="Java" data-toggle="tooltip" data-placement="bottom">
                        Java
                    </a>
                    <a style="font-size: 13.67px;margin: 5px;" href="https://www.liuleinet.top/tags-page/42" title="955WLB" data-toggle="tooltip" data-placement="bottom">
                        955WLB
                    </a>
                    <a style="font-size: 15.86px;margin: 5px;" href="https://www.liuleinet.top/tags-page/43" title="面试必问" data-toggle="tooltip" data-placement="bottom">
                        面试必问
                    </a>
                    <a style="font-size: 11.44px;margin: 5px;" href="https://www.liuleinet.top/tags-page/51" title="认知" data-toggle="tooltip" data-placement="bottom">
                        认知
                    </a>
                    <a style="font-size: 14.83px;margin: 5px;" href="https://www.liuleinet.top/tags-page/52" title="变现" data-toggle="tooltip" data-placement="bottom">
                        变现
                    </a>
                    <a style="font-size: 11.2px;margin: 5px;" href="https://www.liuleinet.top/tags-page/53" title="赚钱" data-toggle="tooltip" data-placement="bottom">
                        赚钱
                    </a>
                    <a style="font-size: 11.9px;margin: 5px;" href="https://www.liuleinet.top/tags-page/56" title="Docker" data-toggle="tooltip" data-placement="bottom">
                        Docker
                    </a>
                    <a style="font-size: 11.63px;margin: 5px;" href="https://www.liuleinet.top/tags-page/59" title="Python" data-toggle="tooltip" data-placement="bottom">
                        Python
                    </a>
                    <a style="font-size: 10.34px;margin: 5px;" href="https://www.liuleinet.top/tags-page/61" title="BusinessThinking" data-toggle="tooltip" data-placement="bottom">
                        BusinessThinking
                    </a>
                    <a style="font-size: 15.05px;margin: 5px;" href="https://www.liuleinet.top/tags-page/62" title="MakingMoney" data-toggle="tooltip" data-placement="bottom">
                        MakingMoney
                    </a>
                    <a style="font-size: 14.78px;margin: 5px;" href="https://www.liuleinet.top/tags-page/63" title="Cognition" data-toggle="tooltip" data-placement="bottom">
                        Cognition
                    </a>
                    <a style="font-size: 13.12px;margin: 5px;" href="https://www.liuleinet.top/tags-page/64" title="program design" data-toggle="tooltip" data-placement="bottom">
                        program design
                    </a>
    </div>
    <div class="sidebar-module">
        <ul class="nav nav-tabs sidebar-tabs" role="tablist">
            <li role="presentation" class="active"><a href="#recent" aria-controls="recent" role="tab" data-toggle="tab"><i class="fa fa-list"></i>Recent Articles</a></li>
            <li role="presentation"><a href="#recommend" aria-controls="recommend" role="tab" data-toggle="tab"><i class="fa fa-thumbs-o-up"></i>Recommended</a></li>
            <li role="presentation"><a href="#hot" aria-controls="hot" role="tab" data-toggle="tab"><i class="fa fa-hand-peace-o"></i>Popular Articles</a></li>
        </ul>
        <div class="tab-content">
            <div role="tabpanel" class="tab-pane active" id="recent">
                <ol class="list-unstyled">
                                <li>
                                    <a href="https://www.liuleinet.top/articles/detail/762" title="All the absurd things we encounter are not as absurd as the world itself" data-toggle="tooltip" data-placement="bottom">
                                        <i class="fa fa-book fa-fw"></i> All the absurd things we encounter are not as absurd as the world itself
                                    </a>
                                </li>
                                <li>
                                    <a href="https://www.liuleinet.top/articles/detail/761" title="Young folks shouldn't treat work like a career. You should really plan out your future well." data-toggle="tooltip" data-placement="bottom">
                                        <i class="fa fa-book fa-fw"></i> Young folks shouldn't treat work like a career. You should really plan out your future well.
                                    </a>
                                </li>
                                <li>
                                    <a href="https://www.liuleinet.top/articles/detail/760" title="You're most likely not going to make it through this winter." data-toggle="tooltip" data-placement="bottom">
                                        <i class="fa fa-book fa-fw"></i> You're most likely not going to make it through this winter.
                                    </a>
                                </li>
                                <li>
                                    <a href="https://www.liuleinet.top/articles/detail/759" title="You probably won't make it through this winter." data-toggle="tooltip" data-placement="bottom">
                                        <i class="fa fa-book fa-fw"></i> You probably won't make it through this winter.
                                    </a>
                                </li>
                                <li>
                                    <a href="https://www.liuleinet.top/articles/detail/758" title="Work on these eight points, and keep getting better." data-toggle="tooltip" data-placement="bottom">
                                        <i class="fa fa-book fa-fw"></i> Work on these eight points, and keep getting better.
                                    </a>
                                </li>
                                <li>
                                    <a href="https://www.liuleinet.top/articles/detail/757" title="Why is it so hard for us Because of the existence of this group of people." data-toggle="tooltip" data-placement="bottom">
                                        <i class="fa fa-book fa-fw"></i> Why is it so hard for us Because of the existence of this group of people.
                                    </a>
                                </li>
                                <li>
                                    <a href="https://www.liuleinet.top/articles/detail/756" title="Why is it getting harder to find a job nowadays" data-toggle="tooltip" data-placement="bottom">
                                        <i class="fa fa-book fa-fw"></i> Why is it getting harder to find a job nowadays
                                    </a>
                                </li>
                                <li>
                                    <a href="https://www.liuleinet.top/articles/detail/755" title="Why can others make the wealth you'd earn in a lifetime in just two to three years" data-toggle="tooltip" data-placement="bottom">
                                        <i class="fa fa-book fa-fw"></i> Why can others make the wealth you'd earn in a lifetime in just two to three years
                                    </a>
                                </li>
                                <li>
                                    <a href="https://www.liuleinet.top/articles/detail/754" title="Whether the family is well-off or not, Dad's role is especially important." data-toggle="tooltip" data-placement="bottom">
                                        <i class="fa fa-book fa-fw"></i> Whether the family is well-off or not, Dad's role is especially important.
                                    </a>
                                </li>
                                <li>
                                    <a href="https://www.liuleinet.top/articles/detail/753" title="When a person starts to get rich, there will definitely be these changes. What are the signs when a person becomes wealthy" data-toggle="tooltip" data-placement="bottom">
                                        <i class="fa fa-book fa-fw"></i> When a person starts to get rich, there will definitely be these changes. What are the signs when a person becomes wealthy
                                    </a>
                                </li>
                </ol>
            </div>
            <div role="tabpanel" class="tab-pane" id="recommend">
                <ol class="list-unstyled">
                                <li>
                                    <a href="https://www.liuleinet.top/articles/detail/276" title="天涯神贴：只有穷人才会痴迷技术" data-toggle="tooltip" data-placement="bottom">
                                        <i class="fa fa-book fa-fw"></i> 天涯神贴：只有穷人才会痴迷技术
                                    </a>
                                </li>
                </ol>
            </div>
            <div role="tabpanel" class="tab-pane" id="hot">
                <ol class="list-unstyled">
                                <li>
                                    <a href="https://www.liuleinet.top/articles/detail/276" title="天涯神贴：只有穷人才会痴迷技术" data-toggle="tooltip" data-placement="bottom">
                                        <i class="fa fa-book fa-fw"></i> 天涯神贴：只有穷人才会痴迷技术
                                    </a>
                                </li>
                                <li>
                                    <a href="https://www.liuleinet.top/articles/detail/280" title="百家号批量撤回和批量删除作品" data-toggle="tooltip" data-placement="bottom">
                                        <i class="fa fa-book fa-fw"></i> 百家号批量撤回和批量删除作品
                                    </a>
                                </li>
                                <li>
                                    <a href="https://www.liuleinet.top/articles/detail/71" title="文学研究助手-【C、C++、Java实现】" data-toggle="tooltip" data-placement="bottom">
                                        <i class="fa fa-book fa-fw"></i> 文学研究助手-【C、C++、Java实现】
                                    </a>
                                </li>
                                <li>
                                    <a href="https://www.liuleinet.top/articles/detail/283" title="监控Docker容器状态并重启宕机的容器的脚本" data-toggle="tooltip" data-placement="bottom">
                                        <i class="fa fa-book fa-fw"></i> 监控Docker容器状态并重启宕机的容器的脚本
                                    </a>
                                </li>
                </ol>
            </div>
        </div>
    </div>
    <div class="clear"></div>
    <div class="sidebar-module">
        <h5 class="custom-title"><i class="fa fa-info fa-fw icon"></i><strong>Website Information</strong><small></small></h5>
        <ul class="ul-default site-info">
                <li> <i class="fa fa-file fa-fw"></i>  Total Articles：320</li>
                <li> <i class="fa fa-tags fa-fw"></i> Total Tags：12</li>
                <li> <i class="fa fa-folder-open fa-fw"></i> Total Categories：9</li>
                <li> <i class="fa fa-comments fa-fw"></i> Total Comments：6</li>
                <li> <i class="fa fa-users fa-fw"></i> Total Registered Users：<span class="online">5,607</span></li>
                <li> <i class="fa fa-calendar fa-fw"></i> Running Time：<span id="uptime"></span></li>
                <li> <i class="fa fa-vine fa-fw"></i>  Total Visits：<span  style="color: #4286ca;font-weight: 600;">68439</span></li>
        </ul>
    </div>
    <div class="ad-mark" id="SIDEBAR_BOTTOM" style="display: none"></div>
</div>
<script>
    // 获取系统创建日期
    var createTimestamp = new Date("2021-12-10").getTime();

    function updateUptime() {
        // 获取当前日期
        var currentTimestamp = new Date().getTime();

        // 计算系统运行时间（单位：毫秒）
        var uptimeMilliseconds = currentTimestamp - createTimestamp;

        // 将毫秒转换为天、小时、分钟、秒
        var days = Math.floor(uptimeMilliseconds / (1000 * 60 * 60 * 24));
        var hours = Math.floor((uptimeMilliseconds % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
        var minutes = Math.floor((uptimeMilliseconds % (1000 * 60 * 60)) / (1000 * 60));
        var seconds = Math.floor((uptimeMilliseconds % (1000 * 60)) / 1000);

        // 更新页面显示
        document.getElementById("uptime").innerHTML = days + "天" + hours + "小时" + minutes + "分钟" + seconds + "秒";
    }

    // 每秒钟更新一次系统运行时间
    setInterval(updateUptime, 1000);

</script>    </div>
</div>
<div id="lockModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true" data-keyboard="false">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">Enter password to view article details</h4>
            </div>
            <div class="modal-body">
                <input type="text" name="password" id="password" class="form-control" placeholder="Please enter the article password">
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary" id="verifyPassword">Confirm</button>
            </div>
        </div>
    </div>
</div>
<div class="modal fade nav-search-box" tabindex="-1" role="dialog" aria-labelledby="navSearchModalLabel">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header" style="padding: 5px 15px;">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close" style="margin-top: 10px;"><span aria-hidden="true">&times;</span></button>
                <h4><i class="fa fa-search"></i> Search Articles</h4>
            </div>
            <div class="modal-body">
                <form action="/" method="get" class="form-horizontal searchForm" id="searchForm">
                    <input type="hidden" name="pageNumber" value="1">
                    <div class="input-group bottom-line">
                        <input type="text" class="form-control br-none" name="keywords" value="" required="required" placeholder="Enter Search Content">
                        <span class="input-group-btn">
                        <button class="btn btn-default br-none nav-search-btn pointer" type="submit"><i class="fa fa-search"></i> Search</button>
                    </span>
                    </div>
                    <div class="clear"></div>
                    <ul class="list-unstyled list-inline search-hot">
                        <li><strong style="position: relative;top: 2px;color: #999999;">Popular Searches：</strong></li>
                                    <li><a class="pointer" rel="external nofollow"><span class="label label-info">Java</span></a></li>
                                    <li><a class="pointer" rel="external nofollow"><span class="label label-info">面试题</span></a></li>
                                    <li><a class="pointer" rel="external nofollow"><span class="label label-info">MySQL</span></a></li>
                                    <li><a class="pointer" rel="external nofollow"><span class="label label-info">Redis</span></a></li>
                                    <li><a class="pointer" rel="external nofollow"><span class="label label-info">文学研究助手</span></a></li>
                    </ul>
                </form>
            </div>
        </div>
    </div>
</div>
<!--评论弹框-->
<div class="modal fade bs-example-modal-sm" id="comment-detail-modal" tabindex="-1" role="dialog" aria-labelledby="comment-detail-modal-label">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="comment-detail-modal-label">评论信息框</h4>
                <small><i class="fa fa-lightbulb-o fa-fw"></i>可以通过QQ号实时获取昵称和头像</small>
            </div>
            <div class="modal-body">
                <form id="detail-form">
                    <input type="hidden" name="avatar">
                    <div class="form-group input-logo">
                        <input type="text" class="form-control" name="qq" placeholder="选填" value="">
                        <img class="pull-left hide" alt="">
                        <span class="fa fa-qq pull-left" aria-hidden="true">QQ</span>
                    </div>
                    <div class="form-group input-logo">
                        <input type="text" class="form-control" name="nickname" placeholder="必填" value="匿名">
                        <span class="fa fa-user pull-left" aria-hidden="true">昵称</span>
                    </div>
                    <div class="form-group input-logo">
                        <input type="text" class="form-control" name="email" placeholder="选填">
                        <span class="fa fa-envelope pull-left" aria-hidden="true">邮箱</span>
                    </div>
                    <div class="form-group input-logo">
                        <input type="text" class="form-control" name="url" placeholder="选填">
                        <span class="fa fa-globe pull-left" aria-hidden="true">网址</span>
                    </div>
                    <div class="form-group">
                        <button type="button" class="btn btn-default btn-sm" id="detail-form-btn"><i class="fa fa-smile-o"></i>提交评论</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="reward" tabindex="-1" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title">Could you please consider supporting me with a donation? It would mean a lot!</h4>
            </div>
            <div class="modal-body">
                <div class="rewardType" align="center">
                    <ul class="list-unstyle list-inline">
                        <li style="margin-right: 20px;">
                            <input type="radio" name="type" id="alipay" onclick="PaymentUtils.change(0)" data-index="0" checked="checked" ><span style="margin-left: 5px;">Alipay</span>
                        </li>
                        <li style="margin-right: 20px;">
                            <input type="radio" name="type" id="wechat" onclick="PaymentUtils.change(1)" data-index="1"><span style="margin-left: 5px;">WeChat</span>
                        </li>
                    </ul>
                </div>
                <div id="qrcode-container" align="center" style="margin-top: 10px;"></div>
                <div style="width: 100%;color: #a3a3a3;font-size: 16px;font-family: 'Microsoft YaHei';text-align: center;">
                    Please add a note when transferring“<strong>Sponsor</strong>”
                </div>
            </div>
        </div>
        <small class="font-bold"></small>
    </div>
    <small class="font-bold"> </small>
</div>
<div id="loading">
    <div class="filter"></div>
    <div class="loader">
        <div class="loading-1"></div>
        <div class="loading-2">Loading...</div>
    </div>
</div>

<footer class="footer">
    <div class="container">
        <div class="row">
            <div class="col col-xs-12 col-md-12 col-lg-12">
                <p>
                <ul class="list-unstyled list-inline">
                    <li>Other Links：</li>
                    <li><a href="https://www.liuleinet.top/sitemap.html" target="_blank" title="SiteMap"
                           data-toggle="tooltip" data-placement="bottom"><i class="fa fa-map-o fa-fw"></i>SiteMap</a></li>
                    <li><a href="https://www.liuleinet.top/recommended-page" title="Recommended" data-toggle="tooltip"
                           data-placement="bottom"><i class="fa fa-thumbs-o-up fa-fw"></i>Recommended</a></li>
                    <li><a href="https://www.liuleinet.top/archives-page" title="Archive" data-toggle="tooltip"
                           data-placement="bottom"><i class="fa fa-folder-o fa-fw"></i>Archive</a></li>
                    <li><a href="https://www.liuleinet.top/disclaimer-page" title="Disclaimer" data-toggle="tooltip"
                           data-placement="bottom"><i class="fa fa-file-o fa-fw"></i>Disclaimer</a></li>
                </ul>
                </p>
                <p>Hosted by<a href="https://promotion.aliyun.com/ntms/act/ambassador/sharetouser.html?userCode=wylo59db"
                         target="_blank" title="Alibaba Cloud - Computing, for the value that cannot be calculated" data-toggle="tooltip" data-placement="bottom"
                         rel="external nofollow"> Alibaba Cloud</a> ·
                    <a href="https://beian.miit.gov.cn/#/Integrated/index" target="_blank" title="View Record Information"
                       data-toggle="tooltip" data-placement="bottom"
                       rel="external nofollow">赣ICP备2022001959号-1</a>
                        <img src="https://upload.liuleinet.top/config/beian.png"/>
                <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=36050202000303" target="_blank" title="View Public Security Record Information"
                   data-toggle="tooltip" data-placement="bottom"
                   rel="external nofollow">赣公网安备36050202000303号</a>
                </p>

            </div>
            <div class="col col-md-4"></div>
        </div>
    </div>
</footer>

    <footer class="footer">
        <div class="container">
            <div class="row">
                <div class="col col-xs-12 col-md-12 col-lg-12">
                    <p>CopyRight@个人学习记录 All Rights Reserved | Powered by <a href="https://freemarker.apache.org/" title="Apache FreeMarker™ is a template engine: a Java library to generate text output (HTML web pages, e-mails, configuration files, source code, etc.) based on templates and changing data. ..." data-toggle="tooltip" data-placement="right" target="_blank" style="color: #4286ca;font-weight: 600;">FreeMarker v-2.3.32</a>  </p>

                </div>
            </div>
        </div>
    </footer>
<a class="to-top" title="Click to Return to Top" data-toggle="tooltip" data-placement="bottom"></a>

<script type="text/javascript" src="https://cdn.staticfile.org/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript" src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.3.5/js/bootstrap.min.js"></script>
<script type="text/javascript" src="https://cdn.staticfile.org/jquery.lazyload/1.9.1/jquery.lazyload.min.js"></script>
<script type="text/javascript" src="https://cdn.staticfile.org/jquery-confirm/3.3.2/jquery-confirm.min.js"></script>
<script type="text/javascript" src="https://cdn.staticfile.org/fancybox/2.1.5/jquery.fancybox.min.js"></script>
<script type="text/javascript" src="https://cdn.staticfile.org/bootstrap-validator/0.5.3/js/bootstrapValidator.min.js"></script>
<script type="text/javascript" src="https://cdn.staticfile.org/nprogress/0.2.0/nprogress.min.js"></script>
<script type="text/javascript" src="https://cdn.staticfile.org/js-xss/0.3.3/xss.min.js"></script>
<script type="text/javascript" src="https://cdn.staticfile.org/mustache.js/2.3.0/mustache.min.js"></script>

<script type="text/javascript">
    var appConfig = {
        siteName: "个人学习记录",
        wwwPath: "https://www.liuleinet.top",
        cmsPath: "ws://websocket.liuleinet.top",
        staticPath: "https://liuleinet.top",
        lazyloadPath: "",
        wxPraiseCode: "https://upload.liuleinet.top/config/uid-1f6bfcb40d4c644b7cf5fc4281bced65b.png" || "https://liuleinet.top/img/default.png",
        zfbPraiseCode: "https://upload.liuleinet.top/config/c72b0660655ac74b1cb208814bf3d160.jpg" || "https://liuleinet.top/img/default.png",
        editorPlaceholder: "",
        editorAlert: "",
        dynamicTitle: "小北学习助手微信小程序",
        bubbleWord: "富强,民主,文明,和谐,自由,平等,公正,法治,爱国,敬业,诚信,友善",
    };

    var oauthConfig = {
        loginUserId: "",
        loginUserName: "",
        loginUserAvatar: ""
    }
</script>
<script type="text/javascript" src="https://liuleinet.top/js/lei.core.js"></script>
<script type="text/javascript" src="https://liuleinet.top/js/lei.comment.js"></script>
<script type="text/javascript" src="https://liuleinet.top/js/lei.js"></script>
<script type="text/javascript" src="https://liuleinet.top/js/marked.min.js"></script>



    <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/highlight.js@9.12.0/lib/highlight.min.js"></script>
	<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/simplemde@1.11.2/dist/simplemde.min.js"></script>
    <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/social-share.js@1.0.16/dist/js/social-share.min.js"></script>
    <script>$m.innerHTML = marked.parse($t.value);</script>
    <script>
        var isPrivate = '';
        if(isPrivate || isPrivate == 'true') {
            $("#lockModal").modal('show')
        }

        $("#verifyPassword").click(function (){
            var password = $("#password").val();
            var articleId = "618";
            $.post("/articles/verify-article-password", {articleId : articleId, password: password}, function (json) {
                if(json.flag) {
                    $(".blog-info-body").html(marked.parse(json.data));
                    $("#lockModal").modal('hide')
                } else {
                    $.alert.error(json.message);
                }
            })
        })
    </script>
    <script>
        const blogInfo = document.querySelector('.blog-info');
        const isLoggedIn = false;
        document.addEventListener('keydown', function (event) {

            if ((event.ctrlKey && event.key === 'c') || event.key === 'Insert') {
                if (!isLoggedIn) {
                    e.preventDefault();
                    const confirmCopy = confirm('复制功能仅供登录用户使用，是否立即登录？');
                    if (confirmCopy) {
                        $("#oauth").modal('show')
                    }
                    return;
                }
            }
        });


        document.addEventListener('copy', function(e) {
            console.log("copy",e);
            if (!e.target.closest('.blog-info')) {
                return; // Not copying from article content
            }



            if (!isLoggedIn) {
                e.preventDefault();
                const confirmCopy = confirm('复制功能仅供登录用户使用，是否立即登录？');
                if (confirmCopy) {
                    $("#oauth").modal('show')
                }
                return;
            }

            // Handle copying for logged-in users
            const selectedText = window.getSelection().toString();
            if (selectedText.length > 100) {
                e.preventDefault();
                const newText = `
                \n\n————————————————
                作者：HXB (1239928453@qq.com)
                链接：https://www.liuleinet.top/articles/detail/618
                来源：个人学习记录 (https://liuleinet.top)
                版权声明：本文为博主HXB原创文章，遵循 《署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0)》 版权协议，转载请附上原文出处链接和本声明。
                著作权归HXB所有。商业转载请联系作者获得授权，非商业转载请注明出处。

                `;
                e.clipboardData.setData('text/plain', selectedText + newText);
            }
        });
    </script>

    </body>
</html>
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "How much did you save in 2023",
  "datePublished": "2025-02-25T17:20:17",
  "dateModified": "2025-04-27T20:00",
  "author": {
    "@type": "Person",
    "name": "HXB"
  }
}
</script>