<!--

 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>Let's talk about the darker side of us being designed, there's not much we can do about it. | 个人学习记录</title>
    <meta name="author" content="HXB(1239928453@qq.com)">
    <meta name="keywords" content="ordinary families, children and smartphones, cost-effectiveness, wealth gap, cognitive isolation, diverse worldviews, social mobility,个人学习记录"/>
    <meta name="description" content="Explore the complex reasons why children from ordinary families are drawn to smartphones, the impact of the wealth gap, and the importance of understanding diverse worldviews. Discover the challenges and realities faced by those at the bottom of society." id="meta_description">
    <meta name="google-adsense-account" content="ca-pub-5825736993045445">
    <meta name="robots" content="index,follow">
<meta property="og:title" content="Let's talk about the darker side of us being designed, there's not much we can do about it. | 个人学习记录">
<meta property="og:description" content="Explore the complex reasons why children from ordinary families are drawn to smartphones, the impact of the wealth gap, and the importance of understanding diverse worldviews. Discover the challenges and realities faced by those at the bottom of society.">
<meta property="og:type" content="article">
<meta property="og:url" content="https://www.liuleinet.top/articles/detail/631">
    <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/631" />
    <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="关于本站"
                       data-toggle="tooltip" data-placement="bottom"> 关于本站</a></li>
                <li><a href="https://www.liuleinet.top/links-page" class="menu_a" title="友情链接"
                       data-toggle="tooltip" data-placement="bottom">友情链接</a></li>
            </ul>
                <ul class="list-unstyled list-inline pull-left">
                    <li><a href="javascript:;;" data-toggle="modal" data-target="#oauth" rel="nofollow"
                           title="登录">登录</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>登录</h2>
                            <input id="emailInput" type="text" placeholder="邮箱" name="username" required="true">
                            <input id="passwordInput" type="password" placeholder="密码" 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">没有账号？</text><a href="#" onclick="showPanel('register')">去注册</a></div>
                                <div style="display: flex;flex-direction: row;justify-content: left"><text style="margin-top: 10px">忘记密码？</text><a href="#" onclick="showPanel('forgot')">找回密码</a></div>
                            </div>

                            <button onclick="emailLogin()">登录</button>
                        </form>
                    </div>
                    <div id="register" class="login-card inactive">
                        <h2>注册</h2>
                        <input id="registerEmailInput" type="text" placeholder="邮箱">
                        <div style="display: flex;justify-content: space-between">
                            <input id="registerVerifyCodeInput" type="text" placeholder="验证码" style="width: 80%">
                            <button id="registerSendButton" onclick="sendRegVerifyCode()">获取验证码</button>
                        </div>
                        <input id="registerPasswordInput" type="password" placeholder="密码">
                        <button onclick="emailRegister()">注册</button>
                        <a href="#" onclick="showPanel('login')">去登录</a>
                    </div>
                    <div id="forgot" class="login-card inactive">
                        <h2>找回密码</h2>
                        <input id="resetEmailInput" type="text" placeholder="邮箱">
                        <div style="display: flex;justify-content: space-between">
                            <input id="resetVerifyCodeInput" type="text" placeholder="验证码" style="width: 80%">
                            <button id="resetSendButton" onclick="sendResetVerifyCode()">获取验证码</button>
                        </div>
                        <input id="newPassword" type="password" placeholder="新密码">
                        <button onclick="resetPassword()">重置密码</button>
                        <a href="#" onclick="showPanel('login')">去登录</a>
                    </div>
                </div>

                <div class="social-login-title">——————推荐使用社交账号登录——————</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()">微信登录</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()">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()">微博登录</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>
            </div>
            <ul class="nav navbar-nav ">
                <li>
                    <a href="/" class="menu_a"><i class="fa fa-home"></i>首页</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="点击查看《tech interview》">tech interview</a></li>
                                            <li><a href="/categories-page/24"
                                                   title="点击查看《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="点击查看《Daily Learning》">Daily Learning</a></li>
                                            <li><a href="/categories-page/28"
                                                   title="点击查看《Others》">Others</a></li>
                                            <li><a href="/categories-page/20"
                                                   title="点击查看《Course Notes》">Course Notes</a></li>
                                    </ul>
                                </li>
                <li><a href="/products-page" class="menu_a"><i class="fa fa-comments-o"></i>资源</a></li>
                <li><a href="/talks-page" class="menu_a"><i class="fa fa-comments-o"></i>说说</a></li>
                <li><a href="/guestbook-page" class="menu_a"><i class="fa fa-comments-o"></i>留言板</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="返回首页" href="https://www.liuleinet.top" data-toggle="tooltip" data-placement="bottom"><i class="fa fa-home"></i>首页</a>
        <i class="fa fa-angle-right"></i>
        <a href="https://www.liuleinet.top/categories-page/27" title="点击查看该分类文章" data-toggle="tooltip" data-placement="bottom">WealthWisdom</a>
        <i class="fa fa-angle-right"></i>正文
    </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/631"><i class="fa fa-check"></i>原创</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-05-10T20:00</li>
                            <li><i class="fa fa-eye fa-fw"></i><a class="pointer" data-original-title="92人浏览了该文章" data-toggle="tooltip" data-placement="bottom">浏览 (<num>92</num>)</a></li>
                            <li><i class="fa fa-like fa-fw"></i><a class="pointer" data-original-title="0人点赞了该文章" data-toggle="tooltip" data-placement="bottom">点赞 (<num>0</num>)</a></li>
                        </ul>
                    </div>
                </div>
                <div class="blog-info overflow-initial">
                    <h1 class="blog-info-title">
                        <strong>Let's talk about the darker side of us being designed, there's not much we can do about it.</strong>
                    </h1>
                    <div class="blog-info-body markdown-body editor-preview-active-side">
                                <textarea id="$t" style="display:none">
Today, I'm going to talk about something pretty dark.

It's also a very controversial topic.

After you hear it, you'll feel it hits close to home.

Why is it that kids from ordinary families are especially fond of playing with phones?

Look at the toy cars at the entrance of supermarkets; they cost a dollar for just 3 minutes. The sandbox in the park charges 60 bucks an hour. A children's picture book can be read in 20 to 30 minutes.

If you don't have time to be with your kids and you plan to let them play on their own, one toy costs 50 bucks, and if you get 6, that's 300 gone.

I bet you've bought more than 6 or 7 or 8 sets for your kids, right?

What's the monthly income for an average household? You can type it in the comments.

An unlimited data plan for a phone costs less than 50 bucks a month.

Everyone knows that letting kids play with phones is a bad idea, but who can say no when it comes to cost-effectiveness?

Many people criticize ordinary folks today, saying we're not working hard enough. But many haven't grasped one thing: material scarcity and spiritual emptiness are mutually conjugate twins.

The brain makes up only 2% of the body's weight but consumes 20% of its energy. You can't expect someone who can barely afford food to have the energy to enrich their spiritual life.

Similarly, "nipple entertainment" has a thousand drawbacks, but who can offer a better solution when it comes to cost-effectiveness?

Now, look at some of the rumors and values on the internet. It seems like everyone is born with a computer, a phone, and money to go to the zoo, amusement parks, scenic spots, and even travel abroad.

It seems like no one cares that most people come from prefecture-level cities, small towns, suburban areas, and rural regions. They only take the bus and can't even afford a 2-dollar bottle of water. This is the reality for many.

Once, a rich kid said, "Is there really anyone who hasn't been on a plane?" This damned wealth gap is causing cognitive and conceptual "reproductive isolation" for some people.

Ignorance isn't their fault; arrogance is.

What does it mean to have seen the world? Do you think wearing designer clothes, traveling abroad, flying on planes, and eating a few Western meals means you've seen the world? I'll tell you, someone like you wouldn't even know the difference between leeks, wild onions, and wheat, or how much eggs or rice cost per pound in the countryside.

This world has many facets, not just the one you focus on.

You admire art in the Louvre, that's your world. A herding kid runs on the mountain, that's his world.

The truly narrow-minded are those who criticize the herding kid for not understanding art, and the herding kid for not understanding herding.

City kids see skyscrapers, while rural kids see the stars. What you've seen is just one side of the world. Who has seen more of the world than who?

Isn't seeing the world about accepting the strange and diverse people and things in it? Who has seen more of the world than who?

We're scared of being told, "You haven't seen the world." Traveling abroad, skiing, diving, gourmet food, and living in big cities are considered seeing the world, but what about taking a walk downstairs, visiting street vendors, and exploring the rural fields? Are they not part of the world?

Proust never traveled far due to asthma, but he wrote the monumental work *In Search of Lost Time*. Kant, a doctor who never left his village, became a thinker who influenced the development of world philosophy.

The gap between people isn't about whether you've seen the world or not, but whether you can see beyond one side of the world to understand humanity, the universe, and yourself.

These words were spoken by a teacher to his students. Honestly, it really touched me, but in this dirty, real world, it's impossible to achieve.

If you're like me, growing up at the bottom, you shouldn't be too idealistic or refined.

Whether you're a delivery guy, a waiter, or even a junior white-collar worker in a small company, you need to realize that most people at the bottom think in terms of bullying the weak.

In such an environment, being overly polite will lead to disrespect, and being too well-mannered will get you bullied. The survival rule at the bottom is to be as sharp as a dragon-slaying sword, and never let anyone trample on your底线.

Using evil to fight evil isn't a method we advocate, but it's the most effective way to survive.

Most people at the bottom are destined from birth to have limited choices and opportunities. Even though they are smart and hardworking, they face greater challenges and need more time to understand how society works compared to city kids.

It's not that we're unwilling to learn, but after a 12-hour workday, it's impossible to pick up Schopenhauer's book and understand that, even with all our efforts, no individual life can escape the fate of being shattered and reduced to nothing in the constant worry, anxiety, and poverty.

We are often fooled by wrong perceptions and a lack of information. We can't hear more outside views and thus fall into the trap of an information cocoon.

See, most people at the bottom are very smart, but their moral standards are often set too high, which limits their personal wealth growth.

Most people don't understand that morality is a tool others use to control you. The bottom line in business is the law. Assigning too much moral value to money only limits your ability to embrace more opportunities.

A heart-wrenching truth is that over 80% of smart people are stuck at the bottom of society. Crossing social classes isn't as simple as being "smart and hardworking."

What I really want to say is, while admiring the few who have managed to rise from the bottom through hard work, please don't look down on those who are quietly enduring.

Even if the future is full of pain, at least when they pour their blood and sweat, paying the price of poverty, they have brought some light to society.

Listen and give a thumbs up, come on, you got this, stranger!
</textarea>
                                <div id="$m" class="markdown-body"></div>
                    </div>
                    <div class="separateline"><span>正文到此结束</span></div>
                    <div id="social" style="margin-bottom: 45px;">
                        <div class="social-main">
                            <span class="like">
                                <a href="javascript:;" data-id="631" title="点赞"><i class="fa fa-thumbs-up"></i>赞 <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">赏</a></span>
                            </div>
                            <div class="share-sd">
                                <span class="share-s"><a href="javascript:void(0)" id="share-s" title="分享"><i class="fa fa-share-alt"></i>分享</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">所属分类：<a href="https://www.liuleinet.top/categories-page/27" data-original-title="查看该分类下所有文章" 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>本文标签：</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>本文链接：</strong>
                            https://www.liuleinet.top/articles/detail/631
                        </li>
                        <li>
                            <strong>版权声明：</strong>
                                本文由<a href="https://www.liuleinet.top" target="_blank" data-original-title="个人学习记录" data-toggle="tooltip" data-placement="bottom"><strong>HXB</strong></a>原创发布，转载请遵循《<a href="https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh" target="_blank" rel="nofollow">署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0)</a>》许可协议授权
                        </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/630" rel="prev">
                            <span class="meta-nav" data-original-title="Let go of the urge to help, and respect others' destinies." data-toggle="tooltip" data-placement="bottom"><span class="post-nav"><i class="fa fa-angle-left"></i> 上一篇</span>
                                <br>Let go of the urge to help, and respect others' destinies.
                            </span>
                        </a>
                        <a href="https://www.liuleinet.top/articles/detail/632" rel="next">
                            <span class="meta-nav" data-original-title="Let's tell an evil truth, or we'll be deceived for a lifetime." data-toggle="tooltip" data-placement="bottom"><span class="post-nav">下一篇 <i class="fa fa-angle-right"></i></span>
                                <br>Let's tell an evil truth, or we'll be deceived for a lifetime.
                            </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>热门推荐</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="1176人浏览了该文章" data-toggle="tooltip" data-placement="bottom">
                                                天涯神贴：只有穷人才会痴迷技术
                                            </a>
                                        </div>
                                        <div class="text">
                                            <span class="views" title="" data-toggle="tooltip" data-placement="bottom" data-original-title="文章阅读次数"><i class="fa fa-eye fa-fw"></i>浏览(1,176)</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="1107人浏览了该文章" data-toggle="tooltip" data-placement="bottom">
                                                百家号批量撤回和批量删除作品
                                            </a>
                                        </div>
                                        <div class="text">
                                            <span class="views" title="" data-toggle="tooltip" data-placement="bottom" data-original-title="文章阅读次数"><i class="fa fa-eye fa-fw"></i>浏览(1,107)</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="1102人浏览了该文章" 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="文章阅读次数"><i class="fa fa-eye fa-fw"></i>浏览(1,102)</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="957人浏览了该文章" 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="文章阅读次数"><i class="fa fa-eye fa-fw"></i>浏览(957)</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/762" data-original-title="813人浏览了该文章" data-toggle="tooltip" data-placement="bottom">
                                                All the absurd things we encounter are not as absurd as the world itself
                                            </a>
                                        </div>
                                        <div class="text">
                                            <span class="views" title="" data-toggle="tooltip" data-placement="bottom" data-original-title="文章阅读次数"><i class="fa fa-eye fa-fw"></i>浏览(813)</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>相关文章</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>关于我</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="微信小程序"><img src="https://upload.liuleinet.top/config/uid-1fd1a79dd607cafe6ca48232b34566b3c.png" alt="微信小程序"></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="微信" 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="点击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="点击查看我的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>本文目录</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>标签云</strong><small></small></h5>
                    <a style="font-size: 13.59px;margin: 5px;" href="https://www.liuleinet.top/tags-page/5" title="Java" data-toggle="tooltip" data-placement="bottom">
                        Java
                    </a>
                    <a style="font-size: 16px;margin: 5px;" href="https://www.liuleinet.top/tags-page/42" title="955WLB" data-toggle="tooltip" data-placement="bottom">
                        955WLB
                    </a>
                    <a style="font-size: 12.17px;margin: 5px;" href="https://www.liuleinet.top/tags-page/43" title="面试必问" data-toggle="tooltip" data-placement="bottom">
                        面试必问
                    </a>
                    <a style="font-size: 12.8px;margin: 5px;" href="https://www.liuleinet.top/tags-page/51" title="认知" data-toggle="tooltip" data-placement="bottom">
                        认知
                    </a>
                    <a style="font-size: 13.9px;margin: 5px;" href="https://www.liuleinet.top/tags-page/52" title="变现" data-toggle="tooltip" data-placement="bottom">
                        变现
                    </a>
                    <a style="font-size: 12.98px;margin: 5px;" href="https://www.liuleinet.top/tags-page/53" title="赚钱" data-toggle="tooltip" data-placement="bottom">
                        赚钱
                    </a>
                    <a style="font-size: 11.17px;margin: 5px;" href="https://www.liuleinet.top/tags-page/56" title="Docker" data-toggle="tooltip" data-placement="bottom">
                        Docker
                    </a>
                    <a style="font-size: 10.36px;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.25px;margin: 5px;" href="https://www.liuleinet.top/tags-page/61" title="BusinessThinking" data-toggle="tooltip" data-placement="bottom">
                        BusinessThinking
                    </a>
                    <a style="font-size: 10.68px;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.04px;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.92px;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>近期文章</a></li>
            <li role="presentation"><a href="#recommend" aria-controls="recommend" role="tab" data-toggle="tab"><i class="fa fa-thumbs-o-up"></i>站长推荐</a></li>
            <li role="presentation"><a href="#hot" aria-controls="hot" role="tab" data-toggle="tab"><i class="fa fa-hand-peace-o"></i>热门文章</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>
                                <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>
                </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>网站信息</strong><small></small></h5>
        <ul class="ul-default site-info">
                <li> <i class="fa fa-file fa-fw"></i>  文章总数：320</li>
                <li> <i class="fa fa-tags fa-fw"></i> 标签总数：12</li>
                <li> <i class="fa fa-folder-open fa-fw"></i> 分类总数：9</li>
                <li> <i class="fa fa-comments fa-fw"></i> 留言数量：6</li>
                <li> <i class="fa fa-users fa-fw"></i> 注册用户数：<span class="online">6,021</span></li>
                <li> <i class="fa fa-calendar fa-fw"></i> 运行时间：<span id="uptime"></span></li>
                <li> <i class="fa fa-vine fa-fw"></i>  总访问量：<span  style="color: #4286ca;font-weight: 600;">79605</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">输入密码查看文章详情</h4>
            </div>
            <div class="modal-body">
                <input type="text" name="password" id="password" class="form-control" placeholder="请输入文章密码">
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary" id="verifyPassword">确定</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> 搜索文章</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="输入搜索内容">
                        <span class="input-group-btn">
                        <button class="btn btn-default br-none nav-search-btn pointer" type="submit"><i class="fa fa-search"></i> 搜索</button>
                    </span>
                    </div>
                    <div class="clear"></div>
                    <ul class="list-unstyled list-inline search-hot">
                        <li><strong style="position: relative;top: 2px;color: #999999;">热门搜索：</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">山无棱江水为竭，冬雷震震夏雨雪，才敢请君舍</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;">支付宝</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;">微信</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;">
                    转账时请备注“<strong>赞助</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>其他连接：</li>
                    <li><a href="https://www.liuleinet.top/sitemap.html" target="_blank" title="网站地图"
                           data-toggle="tooltip" data-placement="bottom"><i class="fa fa-map-o fa-fw"></i>网站地图</a></li>
                    <li><a href="https://www.liuleinet.top/recommended-page" title="站长推荐" data-toggle="tooltip"
                           data-placement="bottom"><i class="fa fa-thumbs-o-up fa-fw"></i>站长推荐</a></li>
                    <li><a href="https://www.liuleinet.top/archives-page" title="归档目录" data-toggle="tooltip"
                           data-placement="bottom"><i class="fa fa-folder-o fa-fw"></i>归档目录</a></li>
                    <li><a href="https://www.liuleinet.top/disclaimer-page" title="免责声明" data-toggle="tooltip"
                           data-placement="bottom"><i class="fa fa-file-o fa-fw"></i>免责声明</a></li>
                </ul>
                </p>
                <p>托管于<a href="https://promotion.aliyun.com/ntms/act/ambassador/sharetouser.html?userCode=wylo59db"
                         target="_blank" title="阿里云-计算，为了无法计算的价值" data-toggle="tooltip" data-placement="bottom"
                         rel="external nofollow"> 阿里云</a> ·
                    <a href="https://beian.miit.gov.cn/#/Integrated/index" target="_blank" title="查看备案信息"
                       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="查看公网安全备案信息"
                   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="点击返回顶部" 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 = "631";
            $.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/631
                来源：个人学习记录 (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": "Let's talk about the darker side of us being designed, there's not much we can do about it.",
  "datePublished": "2025-02-25T17:22:19",
  "dateModified": "2025-05-10T20:00",
  "author": {
    "@type": "Person",
    "name": "HXB"
  }
}
</script>