<!--

 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>The social rules you must understand from your 20s to your 30s | 个人学习记录</title>
    <meta name="author" content="HXB(1239928453@qq.com)">
    <meta name="keywords" content="societal illusion, social class division, wealth accumulation, rule manipulation, brainwashing content, poverty trap, class mobility, law of attraction,个人学习记录"/>
    <meta name="description" content="Discover the hidden truths about societal structures, wealth distribution, and the illusions that keep people in their place. Learn how the elite maintain control and what it takes to break free." id="meta_description">
    <meta name="google-adsense-account" content="ca-pub-5825736993045445">
    <meta name="robots" content="index,follow">
<meta property="og:title" content="The social rules you must understand from your 20s to your 30s | 个人学习记录">
<meta property="og:description" content="Discover the hidden truths about societal structures, wealth distribution, and the illusions that keep people in their place. Learn how the elite maintain control and what it takes to break free.">
<meta property="og:type" content="article">
<meta property="og:url" content="https://www.liuleinet.top/articles/detail/739">
    <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/739" />
    <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/739"><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-03-25T15:30:41</li>
                            <li><i class="fa fa-eye fa-fw"></i><a class="pointer" data-original-title="18People viewed this article" data-toggle="tooltip" data-placement="bottom">View (<num>18</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>The social rules you must understand from your 20s to your 30s</strong>
                    </h1>
                    <div class="blog-info-body markdown-body editor-preview-active-side">
                                <textarea id="$t" style="display:none">
Let me boldly say:

From ages 25 to 30, there's a fundamental truth about society that no one tells you.

First, the social structure we live in is a human-made illusion. Things like countries, laws, morals, and religions are all created by people. They don't naturally exist in the world. However, the wise upper class imagines and refines these concepts to forcibly divide people into different social classes. Those at the bottom are likely to spend their entire lives seeing only what's within their own class, and they naively believe that everything they see is all there is to the world. Every time I post videos like this, many trolls show up in my comment section to argue, proving the saying that changing the mindset of the lower class is like digging up their family graves.

Second, over 95% of ordinary people live to make the remaining 5% even richer and happier. These less than 5% of people spend their lives continuously designing and creating more detailed rules to control and restrict the 95%. The harder the poor work, the more wealth the rich accumulate. After all, the principle that hard work leads to wealth has always been true.

Third, a small number of people who control the rules often create positive and heartwarming brainwashing content to influence ordinary people. Stories like the top delivery person who made a million in three years or the grandma who collected trash to support ten college students are meant to make people more compliant and obedient to the rules set by the elite. When you start to question and try to expose their schemes to your peers, the older ones who have already been brainwashed might even think you're weird. Otherwise, how could real masters be homeless while fake experts appear on TV?

Fourth, why do the poor stay poor? In this society, almost everything about the poor, including their doctors, is pre-planned. The rule-makers have set traps along the path to wealth. For example, when ordinary people work hard for years and finally save some money, the traps of desire, like car loans and decades-long mortgages, are waiting for them. When they think they've achieved something in life, they don't realize their bodies have already fallen into the traps. From then on, their lives are spent running around to support their families and pay off loans, waking up earlier than chickens and going to bed later than dogs, never stopping, and spending the rest of their lives either taking medicine or on the way to get more.

Fifth, the gap between the rich and the poor will likely grow wider. Those who get rich early focus mainly on consolidating and protecting their interests, making their wealth oceans even deeper. It goes against nature and human nature for the ocean to pour its water back into the small streams. If I were in their shoes, I wouldn't tell you that my first pot of gold was tainted and dirty.

Sixth, the people who have gained the most are often the ones who broke the rules and exploited loopholes the most. After they cross the class divide, they work to fix the loopholes they once used, blocking others from following the same path. They then dress up in suits and act polite, teaching everyone to follow the rules and work hard to have a better life.

If you understand my video, remember to give a thumbs up and each leave a comment saying "I want to turn my life around." Believe in big data and the law of attraction. One day, your wishes will come true.
</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="739" 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/739
                        </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/738" rel="prev">
                            <span class="meta-nav" data-original-title="The shackles at the bottom, education is the first to bear the brunt." data-toggle="tooltip" data-placement="bottom"><span class="post-nav"><i class="fa fa-angle-left"></i> Previous article</span>
                                <br>The shackles at the bottom, education is the first to bear the brunt.
                            </span>
                        </a>
                        <a href="https://www.liuleinet.top/articles/detail/740" rel="next">
                            <span class="meta-nav" data-original-title="The third lock that keeps the underclass from rising up is the attribute of faith." data-toggle="tooltip" data-placement="bottom"><span class="post-nav">Next article <i class="fa fa-angle-right"></i></span>
                                <br>The third lock that keeps the underclass from rising up is the attribute of faith.
                            </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">
                </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: 15.23px;margin: 5px;" href="https://www.liuleinet.top/tags-page/5" title="Java" data-toggle="tooltip" data-placement="bottom">
                        Java
                    </a>
                    <a style="font-size: 14.23px;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.4px;margin: 5px;" href="https://www.liuleinet.top/tags-page/43" title="面试必问" data-toggle="tooltip" data-placement="bottom">
                        面试必问
                    </a>
                    <a style="font-size: 10.96px;margin: 5px;" href="https://www.liuleinet.top/tags-page/51" title="认知" data-toggle="tooltip" data-placement="bottom">
                        认知
                    </a>
                    <a style="font-size: 10.82px;margin: 5px;" href="https://www.liuleinet.top/tags-page/52" title="变现" data-toggle="tooltip" data-placement="bottom">
                        变现
                    </a>
                    <a style="font-size: 14.04px;margin: 5px;" href="https://www.liuleinet.top/tags-page/53" title="赚钱" data-toggle="tooltip" data-placement="bottom">
                        赚钱
                    </a>
                    <a style="font-size: 12.73px;margin: 5px;" href="https://www.liuleinet.top/tags-page/56" title="Docker" data-toggle="tooltip" data-placement="bottom">
                        Docker
                    </a>
                    <a style="font-size: 12.15px;margin: 5px;" href="https://www.liuleinet.top/tags-page/59" title="Python" data-toggle="tooltip" data-placement="bottom">
                        Python
                    </a>
                    <a style="font-size: 12.17px;margin: 5px;" href="https://www.liuleinet.top/tags-page/61" title="BusinessThinking" data-toggle="tooltip" data-placement="bottom">
                        BusinessThinking
                    </a>
                    <a style="font-size: 13.09px;margin: 5px;" href="https://www.liuleinet.top/tags-page/62" title="MakingMoney" data-toggle="tooltip" data-placement="bottom">
                        MakingMoney
                    </a>
                    <a style="font-size: 13.64px;margin: 5px;" href="https://www.liuleinet.top/tags-page/63" title="Cognition" data-toggle="tooltip" data-placement="bottom">
                        Cognition
                    </a>
                    <a style="font-size: 11.51px;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 class="empty-list">
                                <i class="fa fa-bookmark-o fa-fw"></i> No Related Articles
                            </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：237</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">4,584</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;">50103</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 = "739";
            $.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/739
                来源：个人学习记录 (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": "The social rules you must understand from your 20s to your 30s",
  "datePublished": "2025-02-25T19:44",
  "dateModified": "2025-03-25T15:30:41",
  "author": {
    "@type": "Person",
    "name": "HXB"
  }
}
</script>