https://d2school.com/assets/about-xf73VNG5.js

1import{_ as E,r as v,a as j,w as q,o as D,b as c,c as u,d as I,e as G,F as H,u as p,n as C,f as e,t as y,g as K,h as z,p as J,i as V,j as ne,k as ie,l as ce,m as F,q as Q,s as Z,v as B,x as re,y as de}from"./_plugin-vue_export-helper-0rZPtTdc.js";/* empty css                */import{l as pe,v as ue}from"./index-9Bxqp7i8.js";import{c as me}from"./crumbs-XolLVwfD.js";import{V as ve}from"./vTabs-SM0pvtDq.js";import{v as ke,a as fe,A as be}from"./arrow-right-W7Usa03M.js";import{b as ge}from"./back-RA4pBxUG.js";import"./vBtn-6fTx6kv2.js";import"./down-jKsjNANz.js";import"./login-WKD-Aose.js";import"./logo-text-f1w6qd2P.js";/* empty css                                                              *//* empty css                                                                */const Ae="/assets/1-SLpQT1Fq.png",he="data:image/png;base64,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",Ce="data:image/png;base64,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",Be="/assets/4-OLUQHQ7b.png",_e="/assets/5-MR24UAuZ.png",xe="/assets/6-tr6r4qyi.png",Ie="/assets/7-AV4yC3W0.png",$=[{bgColor:"#2D536E",label:"技术宅",desc:"卅载一日，学习不止",pcHtml:`<div><p>写下的第一行代码是GW-BASIC，想想已是1989年高中计算机课的事了。后来读计算机专业，学C、学汇编、学Pascal……开始近半生的编程学习之路。</p>
2         <p>和现在的大学生一样，我在大二也有就业焦虑。听说C++是未来，于是赶紧自学C++；听说懂 DOS 中断能提高就业竞争力……于是找老师托关系从国外购得相关书籍，从此白天机房上机，晚上宿舍翻书，两点一线，整整三月。</p>
3         <p>1996年，毕业了，企业说：“我们要懂Windows编程的人”，于是买了人生第一本 Windows 编程书，书名已忘，只记得是台湾人写的，纯 Windows SDK，不是 MFC。</p>
4         <p>很快，家人以“写程序没前途”为由，让考银行，我答应了，一看要求：SCO-UNIX 编程，好吧……</p>         
5         </div>`,phoneHtml:`<p>写下的第一行代码是BASIC，想想已是30多年前的事了，后来，学汇编、学C、Pascal……开始漫漫编程路。</p>
6            <p>大二时也有过严重就业焦虑。听说C++是未来，赶紧自学。听说懂系统中断，能写TSR程序能提高竞争力，立刻找人托关系从国外购书。
7         </p>
8            <p>曾经家人让考银行，人家要求懂UNIX编程；好吧，学！</p>`,url:""},{bgColor:"#4B71F5",label:"小乙方",desc:"抗压耐磨，有效沟通",pcHtml:`<div><p>30岁之前，我是个纯粹的程序员，做着兴趣的事还能赚钱，活得倒也逍遥，直到……</p>
9           <p>有一天下班，公司某领导突然让我去试讲一个介绍公司产品的PPT，第1天讲得勉勉强强，于是又连续练习3次加班；到第4天，我出现在中华人民共和国科技部……回来后就多了介绍产品工作，比如讲标。</p>
10           <p>开始只是讲，后来也参与写标书，中标后，用户说：“让那个讲得天花乱坠的家伙过来负责项目！”</p>
11           <p>就这样，我成了一个、两个、三个项目的乙方代表，很多日子，清晨一睁眼就各种准备，然后往客户那边跑，做项目的每日汇报，下午才回到公司，继续写我的代码……</p>
12           <p>知子莫过母，母亲知道我的新工作后，忧心忡忡：“领导让你去和客户打交道，咱可别把公司搞垮啊！”</p>           
13        </div>`,phoneHtml:`<p>30岁之前，我是个纯粹的程序员，做着兴趣的事还能赚钱，活得倒也逍遥，直到……</p>
14            <p>有一天下班，公司某领导突然让我去试讲一个介绍公司产品的PPT，连续试讲3天，第4天，我出现在科技部的某个会议室……</p>
15            <p>开始只是讲、后来也参与写标书，待中标后，用户说：“让那个讲得天花乱坠的家伙过来负责项目”，从此当上小乙方。”</p>`,url:""},{bgColor:"#F0506C",label:"接单侠",desc:"专业人士，站直赚钱",pcHtml:`<div><p>我有近5年没有上班，躲在写字楼里埋头写书；期间认识不少小微企业：财务代理、礼品、民宿、土特产、美甲、段子团队……真的小微，通常只一间办公室，员工多则五六位，少则常年只见老板娘一人。</p>
16            <p>每一家都活得不容易，老板各种努力，IT、互联网自然少不了。当得知我ï¼

16Œæ•´æ©¦æ¥¼é‡Œçœ‹èµ·æ¥æœ€é—²çš„人，是搞IT的，往往开口要我做网站、公众号、小程序、APP……</p>
17            <p>我说，我来当IT顾问怎么样？我能帮你们杀乙方的报价！想找外包？我来把关团队、进度、质量……高峰期，我是五家企业的IT顾问，月入两万；“顺带”，我把《白话C++》完成了。</p>
18            <p>说到接单，要从我还很年轻很年轻时，接的北京某大型国企的一件私活说起……</p>
19        </div>`,phoneHtml:`<p>我有近5年没上班，躲在写字楼写书；期间认识不少小微企业老板：财务、礼品、民宿、农产、美甲……小微到通常就一间办公室，员工两三位，甚至常年只见老板娘。</p>
20            <p>就是这些小老板，很多人要我帮他们做网站、公众号、小程序、APP……</p>
21            <p>我说，我来当IT顾问怎么样？我能帮你们杀乙方的报价！</p>`,url:""},{bgColor:"#26AC7B",label:"布道师",desc:"好为人师，真诚分享",pcHtml:`<div><p>我喜欢分享知识！所经历的公司也都推荐员工彼此分享知识。为了更好地分享，我养成知识整理的习惯，这直接促成后来的写书；而真诚的分享，也让我在同事中获得更大的影响力，让我获得更好的
22        职场成长。在“接单侠”中提到的，我突然被叫去讲PPT，效果尚可，自然也得益于我作分享时练出来一点沟通能力；而沟通能力，在我后来当乙方，以及我接各种单时，都发挥巨大作用。</p>
23        <p>一开始我主要讲技术，随着我走上管理岗位，我也开始讲管理，讲职场，有时还会被其他公司请去串场，嗯，有时候免费，有时候也能1小时收个3000、4000。</p>
24        <p>培训也不一定就发生在讲台上，成为领导后，我发现有些骨干员工会因为非工作原因，比如恋人吵架、婆媳不和等原因而影响工作，于是我摇身一变，成了“人生导师”，这些骨干，后来哪怕离职，通常也把我当成亦师亦友的关系。</p>                 
25        </div>`,phoneHtml:`<p>喜欢分享知识。为了更好地分享，我养成知识整理的习惯，这直接促成后来的写书；而真诚的分享，也让我在同事中获得更大的影响力，让我获得更好的
26        职场成长。</p>
27        <p>在“接单侠”中提到的，我突然被叫去讲PPT，效果尚可，自然也得益于我作分享时练出来一点沟通能力；而沟通能力，在我后来当乙方，以及我接各种单时，都发挥巨大作用。</p>`,url:""},{bgColor:"#218FA7",label:"职场客",desc:"目标导向，快速进步",pcHtml:`<div><p>我经历的公司并不多，但不谦虚地说，在每一家企业里，我都是同一批技术员工中，升职最快的那位。</p>
28         <p>我只有两个秘诀：一、挑正确的公司，二、以团队的成功为自己的成功。</p>
29         <p>显然，第一点是前提：你要先找到一家对的企业——我们后面再讲如何找，这里先说第二点：以团队的成功为自己的成功。</p>
30         <p>企业和学校最大的区别，就是：学校的目标是你个人的成长（理解为一种成功），而企业的目标，永远是企业的成功，至于员工的成长，是手段，是副作用，从来就不是目标。</p>
31         <p>这本是个浅显的道理，但很多同学（往往学习优秀）会因为20年的惯性而未能及时改变，造成上班之后仍然下意识地将“表现自我”当成自己努力的目标，这个错误太可怕了……</p>
32        </div>`,phoneHtml:`<p>我经历的公司并不多，但不谦虚地说，在每一家企业里，我都是同一批技术员工中，升职最快的那位。</p>
33            <p>职场成长所需要理解的第一件事——</p><p>明白企业和学校最大的区别。学校的目标是你个人的成长，而企业的目标，永远是企业的成长，至于员工的成长，是手段，不是目标。</p>`,url:""},{bgColor:"#D7A897",label:"创业者",desc:"承担压力，享受收获",pcHtml:`<div><p>尽管领了几年工资后，我就开始在首都一穷二白地创业，但身为过来人，我不鼓励同学过早创业，但是，我坚定保留“创业者”这个话题，为什么？</p>
34         <p>因为我的创业经历，是一个真正的，毫无背景的年轻人挣扎着，并最终取得成功的经历。这里说的背景是：没有很好的学历背景，没有强大的家庭背景。</p>
35         <p>为了度过最艰辛的时刻，我也读过许多成功人士传记，从中获取勉励；然而，除非我不接触互联网，否则我很快就会发现，很多成功人士的起点，基本就是世间多数年轻人不可逾越的终点：拼爹不行，拼学åŽ

35†ä¹Ÿä¸è¡Œã€‚</p>
36         <p>所以，如果你也缺少背景，我想先鼓励你一句：当下的时代，是我们最大、最好的背景！当然，光有鸡汤是不够的……</p>
37         </div>`,phoneHtml:`<p>领了几年工资，我开始一穷二白地首次创业。今天我并不鼓励同学过早创业，但我要坚定保留“创业者”这个话题。</p>
38        <p>创业艰辛，很多人的起点基本就是世间多数年轻人不可逾越的终点。当你拼爹不行，拼学历不行，拼经历不行时，如果你还是想创业，那么——</p>
39        <p>来，我们一起聊聊吧！</p>`,url:""},{bgColor:"#2421A7",label:"写书人",desc:"笔耕不辍，集腋成裘",pcHtml:`<div><p>其实，我最希望出的书，是《南郁诗集》；可惜，没有出版社愿意理我。“南郁”是我高一时取的笔名，因为要在校刊上发表诗，不过，高二我就选择了理科。</p>
40            <p>工作后，特别是互联网兴起，我从个人网站（没有弯路，编程摇篮）开始，记录一些编程学习的文章，得到不少网友喜欢，很快有出版社联系，于是开始写书。</p>
41            <p>听编辑和我聊过某某技术书籍作者如何发大财的逸事……唉，只能羡慕了，我应该没这能耐。算经济账，我写书是大亏，综合考虑的话，出技术书有四大收获：一是让自己的知识更扎实，
42            二是会显得更专业，三是有更多人看到写书人的坚持，四是在特定小圈子多少获得点名气。</p>
43            <p>真就这四点吗？不，其实技术人坚持笔耕，哪怕不出书，受益最大最长的好处往往是：工作中的文字红利。</p>
44            </div>`,phoneHtml:`<p>其实，我最希望出的书，是《南郁诗集》；可惜，没有出版社愿意理我。</p>
45            <p>从个人网站开始，多年来我写下了不少编程、学习相关文章，得到不少网友喜欢，很快有出版社联系，于是开始写书。</p>
46            <p>去年年底，我又和清华大学出版社签了合同，这回写的是……</p>`,url:""}],ye=a=>(J("data-v-d4eb5eac"),a=a(),V(),a),we={class:"bookmark-content-item-text"},Se=ye(()=>e("div",{class:"empty"},null,-1)),Fe={class:"bookmark-content-item-text-title"},Te=["innerHTML"],Qe=["onClick"],Ye={__name:"bookmarkSmall",props:{unfoldIndex:{type:Number,default:1}},setup(a){const _=$,r=a,i=v(1),k=j({val:!1});let l=null;q(()=>r.unfoldIndex,()=>{clearTimeout(l),l=setTimeout(()=>{i.value=r.unfoldIndex+1},50)});function x(o){o&&z(o)}return D(()=>{clearTimeout(l)}),(o,n)=>(c(),u("div",null,[I(ke,{pageSize:p(_).length,infinite:!0,loaded:!!p(_).length,page:i.value,"onUpdate:page":n[0]||(n[0]=f=>i.value=f),isMove:k,dot:!0,class:"switch-box flex-shrink-0"},{default:G(()=>[(c(!0),u(H,null,K(p(_),(f,A)=>(c(),u("div",{class:"bookmark-content-item-box",style:C({background:f.bgColor})},[e("div",we,[Se,e("div",{class:"bookmark-content-item-bg-float",style:C({backgroundImage:`url(/static/img/about/bookmarkBg/${A}.png)`})},null,4),e("div",Fe,y(f.label)+" —— "+y(f.desc),1),e("div",{class:"bookmark-content-item-text-desc",innerHTML:f.phoneHtml},null,8,Te)]),e("div",{class:"bookmark-link pointer",ref_for:!0,ref:"linkRef",style:C({color:f.bgColor}),onClick:b=>x(f.url)}," 详情 ",12,Qe)],4))),256))]),_:1},8,["pageSize","loaded","page","isMove"])]))}},Me=E(Ye,[["__scopeId","data-v-d4eb5eac"]]),Pe=a=>(J("data-v-3eb3ac4c"),a=a(),V(),a),He={class:"bookmark-content d-flex align-center justify-space-between"},Ee={class:"bookmark-content-item"},Je={class:"bookmark-content-item-text"},Ve=Pe(()=>e("div",{class:"empty"},null,-1)),Ne={class:"bookmark-content-item-text-title"},Re=["innerHTML"],Le=["onMouseenter","onClick"],Ue=["src"],Ge=["src"],U=800,Ke=400,Xe={__name:"bookmark",setup(a,{expose:_}){const r=$,i=v(0),k=v(-1);let l;function x(t){k.value=t,i.value+1===t?(clearInterval(n),clearTimeout(l),l=setTimeout(()=>{i.value=t},100)):f(Ke,t)}function o(){k.value=-1,f(U)}let n;function f(t,d=8){clearInterval(n),n=setInterval(()=>{i.value===6&&(i.value=-1),i.value+=1,i.value===d&&clearInterval(n)},t)}const A=v(!1),b=v(1);function X(t){clearInterval(n),N.value=!1,A.value=!0,b.value=t,M.value||(oe(),setTimeout(()=>{S()},150))}function te(){A.value=!1,i.value=b.value,f(U),window.removeEventListener("resize",S)}const T=v(),Y=v();function oe(){T.value.style.animationName="none",Y.value.style.animationName="none",T.value.offsetHeight,Y.value.offsetHeight,T.value.style.animationName="fadeInUp",Y.value.style.animationName="fadeInUp"}const M=v(!1),O=v(),w=v({offsetY:0,class:"bookmark-cover justify-space-between"});

46function P(){if(M.value=document.body.clientWidth<800,M.value)return;let t=O.value.clientWidth,d,m,s,h;A.value?(d=(t-8)*.04147,m=d/(46/490),h=m*23/490,s="bookmark-unfold-item align-center"):(d=(t-16)*.143,m=d/(161/490),h=m*22/490,s="bookmark-cover justify-space-between"),w.value={width:d+"px",height:m+"px",offsetY:h+"px",class:s}}q(A,t=>{P(),t&&ne(()=>{S()})}),ie(()=>{P(),S(),window.addEventListener("resize",P),window.addEventListener("resize",S),f(U)}),D(()=>{window.removeEventListener("resize",P),window.removeEventListener("resize",S),clearInterval(n)});function ae(t){t&&z(t)}const N=v(!1),R=v(0);function S(){var h,W;let t=document.querySelector(".bookmark-content-item-text"),d=t.clientHeight,m=(h=T.value)==null?void 0:h.clientHeight,s=le(t);R.value=((W=document.querySelector(".bookmark-content-item-bg-float"))==null?void 0:W.clientWidth)+16,N.value=d<m+s+s/2}const se=ce(()=>{const t=r[b.value].bgColor;return`linear-gradient(0deg, ${L(t)} 30%,
47        ${L(t,.7)} 75%,
48        ${L(t,.5)} 10%, transparent)`});function L(t,d=1){const m=parseInt(t.substring(1,3),16),s=parseInt(t.substring(3,5),16),h=parseInt(t.substring(5,7),16);return`rgba(${m}, ${s}, ${h}, ${d})`}function le(t){const d=window.getComputedStyle(t);return parseFloat(d.paddingTop)}return _({onOpenBookmarks:X}),(t,d)=>(c(),u("div",{class:"bookmark-cover-box",ref_key:"bookmarkCoverBoxRef",ref:O},[M.value?(c(),Z(Me,{key:1,unfoldIndex:b.value},null,8,["unfoldIndex"])):(c(),u("div",{key:0,style:{"margin-left":"-10px"},class:F(["d-flex justify-end align-center slider-content",{unfold:A.value}])},[e("div",He,[e("div",{class:"bookmark-content-item-box",style:C({background:p(r)[b.value].bgColor})},[e("div",Ee,[e("div",Je,[Ve,e("div",{class:"bookmark-content-item-bg-float",style:C({backgroundImage:`url(/static/img/about/bookmarkBg/${b.value}.png)`})},[I(p(ge),{color:"#fff",width:"16",height:"16",style:{"margin-left":"10px"},class:"back-icon pointer",onClick:te})],4),e("div",{ref_key:"textRef",ref:T,class:"animate__animated"},[e("div",Ne,y(p(r)[b.value].label)+" —— "+y(p(r)[b.value].desc),1),e("div",{class:"bookmark-content-item-text-desc",innerHTML:p(r)[b.value].pcHtml},null,8,Re)],512),N.value?(c(),u("div",{key:0,class:"bookmark-content-item-text-mask",style:C({background:se.value,left:R.value+"px",width:`calc(100% - ${R.value}px)`})},null,4)):Q("",!0),e("div",{class:"bookmark-link pointer animate__animated",ref_key:"linkRef",ref:Y,style:C({color:p(r)[b.value].bgColor}),onClick:d[0]||(d[0]=m=>ae(p(r)[b.value].url))}," →阅读全文 ",4)])])],4)]),e("div",{class:F(["d-flex align-center border-box bookmark-tag-box",{"mx-1":!A.value}])},[(c(!0),u(H,null,K(p(r),(m,s)=>(c(),u("div",{class:F(["pointer relative flex-column d-flex bookmark-tag",{"bookmark-cover-active":!A.value&&(i.value===s||k.value===s),[w.value.class]:!0}]),style:C({background:m.bgColor,bottom:s%2?`-${w.value.offsetY}`:w.value.offsetY,width:w.value.width,height:w.value.height}),onMouseenter:h=>x(s),onMouseleave:o,onClick:h=>X(s)},[e("img",{src:`/static/img/about/bookmarkTitle/${s}.png`,alt:"",class:"bookmark-title-img"},null,8,Ue),e("img",{src:`/static/img/about/bookmarkBg/${s}.png`,alt:"",class:"bookmark-bg"},null,8,Ge),e("div",{class:"bookmark-cover-mask bookmark-cover-mask-dark",style:C({opacity:i.value===s?0:1})},null,4),e("div",{class:"bookmark-cover-mask bookmark-cover-mask-light",style:C({opacity:i.value===s?1:0})},null,4),A.value?(c(),u(H,{key:0},[e("div",{class:F(["animate__animated",{animate__fadeInUp:A.value}])},y(m.label),3),b.value!==s?(c(),u("div",{key:0,class:F(["animate__animated",{animate__fadeInUp:A.value}])},y(m.desc),3)):Q("",!0)],64)):Q("",!0)],46,Le))),256))],2)],2))],512))}},Oe=E(Xe,[["__scopeId","data-v-3eb3ac4c"]]),We="/assets/2-vMoJI1ce.png",ee=a=>(J("data-v-a454d643"),a=a(),V(),a),je={class:"section-title"},qe=ee(()=>e("div",{class:"mb-6"},"关于学习",-1)),De={class:"d-flex align-center justify-space-between learning-desc-box mb-6"},ze=["src"],Ze={class:"learning-title"},$e=["innerHTML"],et=["href"],tt=ee(()=>e("span",{class:"mr-2"},"查看详情",-1)),ot={key:1,src:We,alt:"",class:"learning-img-right"},at={__name:"learning",setup(a){const _=be;return(r,i)=>(c(),u("div",je,[qe,(c(!0),u(H,null,K(p(_),(k,l)=>(c(),u("div",De,[[0,2].includes(l)?(c(),u("img",{key:0,src:`/static/img/about/learning/${k.image}`,alt:""},null,8,ze)):Q("",!0),e("div",{class:F([{"learning-text-left":[1,3].includes(l)},"d-flex flex-column justify-start"])},[e("div",Ze,y(k.title),1),e("div",{class:"learning-desc",innerHTML:k.desc},null,8,$e),e("a",{class:"learning-link pointer d-flex align-center justify-end",href:k.url},[tt,I(p(fe),{color:"#86909C",width:"12",height:"12"})],8,et)],2),[1,3].includes(l)?(c(),u("img",ot)):Q("",!0)]))),256))]))}},st=E(at,[["__scopeId","data-v-a454d643"]]),g=a=>(J("data-v-7ed49412"),a=a(),V(),a),lt={class:"about-layout"},nt=g(()=>e("img",{alt:"",src:Ae,class:"one-img"},null,-1)),it=g(()=>e("div",{class:"avatar-dialog-box"},[e("div",{class:"avatar-dialog-left d-flex align-center mb-3"},[e("img",{src:he,alt:"",class:"avatar-dialog-img"}),e("span",{style:{"font-weight":"lighter"}},"“我教你编程，你教我什么？”")]),e("div",{class:"avatar-dialog-right d-flex align-center justify-end"},[e("span",{style:{"font-weight":"lighter"}},"“我教你摄影啊！”"),e("img",{src:Ce,alt:"",class:"avatar-dialog-img"})])],-1)),ct=g(()=>e("img",{alt:"",src:Be,class:"four-img"},null,-1)),rt=g(()=>e("div",{class:"mt-block-distance"},[e("div",{class:"section-title",id:"aboutSite"},"关于本站"),e("div",{class:"content-title"},"这不是一个培训网站"),e("div",{class:"d-flex align-center text1-box"},[e("div",{class:"text1"},[e("p",null,"没有专职的老师在等你，特别是那种：双手抱胸，西装革履，随时准备赠你19个T，价值99.99元的教学视频给你的“专业讲师”，这里，一个都没有"),e("blockquote",{class:"blockquote-teacher"},[B("在第2学堂当老师有两个条件： "),e("br"),B("① 拥有一份专职工作，并且有充足的工作经验积累，简单地说，是行业里的一位“老”家伙 "),e("br"),B("② 是个“好为人师”的家伙，喜欢复盘、归纳、梳理自己的工作经验或人生感悟，以帮助他人，特别是那些刚从学校走入社会的年轻人 ")])]),e("img",{alt:"",src:_e,class:"five-img flex-shrink-0"})]),e("div",{class:"d-flex align-center text2-box mt-9"},[e("img",{alt:"",src:xe,class:"six-img"}),e("div",{class:"text1"},[e("div",{class:"content-title"},"这是一个交换知识的社区"),e("p",null,"每个人都应该既是学生，也是老师。子曰：“三人行必有我师焉”——三个人都信孔子的话，所以他们仨，大有可能就是在互相学习"),e("p",null,"学习本质是一种索取。我们不应该只想着从别人身上索取知识；认真地想一想：“我，可以教点什么？”或者，“将来，我准备教点什么？”")])]),e("div",{class:"mt-block-distance"},[e("div",{class:"content-title"},"划重点：你是学生，你也应该是老师"),e("div",{class:"text1"},[e("p",null," 这一生我们都有很多角色。而不同的人的不同角色之间，暗含许多教与学的关系。比如： 上班时，你热心地教小张å¦

48‚何写Excel公式，下了班她在网上兼职教小王五线谱，小王则在给50个人上理财课，其中有一位同学正在和你交流她的新疆的旅行心得……")]),e("img",{alt:"",src:Ie,class:"seven-img flex-shrink-0"})])],-1)),dt={class:"mt-block-distance"},pt=g(()=>e("div",{class:"section-title",id:"aboutWebmaster"},"关于站长",-1)),ut={class:"text1"},mt=g(()=>e("p",null," 站长南郁，是现阶段站内课程的主要作者之一；这里是有关他的一些介绍：",-1)),vt={class:"d-flex align-start bookmark-desc"},kt=g(()=>e("span",{class:"label-nanu"},"技术宅",-1)),ft=g(()=>e("span",{class:"label-nanu"},"小乙方",-1)),bt=g(()=>e("span",{class:"label-nanu"},"接单侠",-1)),gt=g(()=>e("span",{class:"label-nanu"},"布道师",-1)),At=g(()=>e("span",{class:"label-nanu"},"职场客",-1)),ht=g(()=>e("span",{class:"label-nanu"},"创业者",-1)),Ct=g(()=>e("span",{class:"label-nanu"},"写书人",-1)),Bt={style:{"overflow-x":"hidden","padding-bottom":"28px"}},_t={__name:"index",setup(a){const _=j([{text:"关于本站",link:"aboutSite",offset:-100},{text:"关于学习",link:"aboutLearning",offset:-100},{text:"关于站长",link:"aboutWebmaster",offset:-100}]),r=v(0);function i(x){ue(document.getElementById(x.link),{offset:x.offset,finally:()=>{r.value=0}})}const k=v();function l(x){k.value.onOpenBookmarks(x)}return(x,o)=>(c(),Z(p(pe),{backTop:""},{crumbs:G(()=>[I(me)]),"layout-container":G(()=>[e("div",lt,[I(p(ve),{modelValue:r.value,"onUpdate:modelValue":o[0]||(o[0]=n=>r.value=n),list:_,class:"v-tabs",onHandleTabClick:i},null,8,["modelValue","list"]),nt,it,ct,rt,I(st,{class:"mt-block-distance",id:"aboutLearning"}),e("div",dt,[pt,e("div",ut,[mt,e("div",vt,[e("div",null,[e("div",{class:"label-nanu-hover pointer",onClick:o[1]||(o[1]=n=>l(0))},[kt,B("30年一路学习，每天都在写代码 ")]),e("div",{class:"label-nanu-hover pointer",onClick:o[2]||(o[2]=n=>l(1))},[ft,B("参与部级项目、超大型系统研发 ")]),e("div",{class:"label-nanu-hover pointer",onClick:o[3]||(o[3]=n=>l(2))},[bt,B("站着把单接了，业余收入近百万 ")]),e("div",{class:"label-nanu-hover pointer",onClick:o[4]||(o[4]=n=>l(3))},[gt,B("助人就是助己，教人是最好学习 ")])]),e("div",null,[e("div",{class:"label-nanu-hover pointer",onClick:o[5]||(o[5]=n=>l(4))},[At,B("从小兵到总监，升职涨薪靠单纯 ")]),e("div",{class:"label-nanu-hover pointer",onClick:o[6]||(o[6]=n=>l(5))},[ht,B("创业有败有成，经验教训一箩筐 ")]),e("div",{class:"label-nanu-hover pointer",onClick:o[7]||(o[7]=n=>l(6))},[Ct,B("著有《白话C++》，正在写新书 ")])])])]),e("div",Bt,[I(Oe,{style:{"margin-top":"5.375rem"},ref_key:"bookmarkRef",ref:k},null,512)])])])]),_:1}))}},xt=E(_t,[["__scopeId","data-v-7ed49412"]]);re(xt).use(de).mount("#app");