import{d as p,g as c,o as s,b as u,e as o,y as V,F as d,r as y,u as $,t as h,w as g,p as j,f as w,j as r,h as H,A as I,C as S}from"./vendor-84edac09.js";import{_ as f,r as C}from"./index-035088e4.js";import{B as A}from"./BottomSafe-7d3406ea.js";const E={class:"all"},B=["onClick"],L=p({__name:"HomeLeftView",props:{name:{type:String,default:""},items:{type:Array}},emits:["home-page-event"],setup(e,{emit:n}){const a=e,m=n,{name:t,items:i}=a,l=c(-1);function x(v){l.value=v,m("home-page-event",v)}return(v,k)=>(s(),u("div",E,[o("div",{class:V(["item row",{selected:l.value===-1}]),key:"-1",onClick:k[0]||(k[0]=q=>x(-1))}," 全部 ",2),(s(!0),u(d,null,y($(i),(q,_)=>(s(),u("div",{class:V(["item row",{selected:l.value===_}]),key:_,onClick:_t=>x(_)},h(q.name),11,B))),128))]))}});const z=f(L,[["__scopeId","data-v-68c9c621"]]),R=e=>(j("data-v-794ddeae"),e=e(),w(),e),D={class:"title"},T={class:"item"},F={class:"right"},J={class:"content"},K=R(()=>o("div",null,null,-1)),M=p({__name:"HomeItemView",props:{item:{default:{}}},setup(e){const n=e,a=c(n.item);g(()=>n.item,(t,i)=>{a.value=n.item},{immediate:!0});const m=()=>{const t=a.value.path;console.log(t),C.push(t)};return(t,i)=>(s(),u(d,null,[o("div",{onClick:m,class:"all"},[o("div",D,"「 "+h(a.value.name)+" 」",1),o("div",T,[o("div",F,[o("div",J,h(a.value.content),1)])])]),K],64))}});const P=f(M,[["__scopeId","data-v-794ddeae"]]),N=e=>(j("data-v-3e95a462"),e=e(),w(),e),Q={class:"body"},U={class:"title"},G={class:"all"},O={class:"item"},W=N(()=>o("div",null,null,-1)),X=p({__name:"HomeKindView",props:{name:{type:String,default:""},items:{type:Array}},setup(e){const n=e,a=c(n.items),m=c(n.name);return g(()=>n.items,(t,i)=>{a.value=n.items},{immediate:!0}),g(()=>n.name,(t,i)=>{m.value=n.name},{immediate:!0}),(t,i)=>(s(),u(d,null,[o("div",Q,[o("div",U,h(m.value),1),o("div",G,[(s(!0),u(d,null,y(a.value,l=>(s(),u("div",O,[r(P,{item:l},null,8,["item"])]))),256))])]),W],64))}});const Y=f(X,[["__scopeId","data-v-3e95a462"]]),Z=e=>(j("data-v-26a092f7"),e=e(),w(),e),tt={class:"all"},et=Z(()=>o("div",{class:"header"},null,-1)),nt={class:"row"},at=p({__name:"HomeRightView",props:{name:{type:String,default:""},items:{type:Array}},setup(e){const n=e,a=c(n.items);return g(()=>n.items,(m,t)=>{a.value=n.items},{immediate:!0}),(m,t)=>(s(),u("div",tt,[et,(s(!0),u(d,null,y(a.value,(i,l)=>(s(),u("div",nt,[r(Y,{items:i.items,name:i.name},null,8,["items","name"])]))),256))]))}});const ot=f(at,[["__scopeId","data-v-26a092f7"]]),it={name:"计算机基础",items:[{name:"设计模式",path:"/multi/computer/design/concept/foundation/first",content:"23种设计模式，附带java案例。"},{name:"操作系统",path:"/multi/computer/base/system/foundation/first",content:"操作系统简介"},{name:"文件系统",path:"/multi/computer/base/file/foundation/first",content:"文件系统简介"},{name:"计算机网络",path:"/multi/computer/base/net/foundation/first",content:"各种计算机网络概念简介"},{name:"数据结构",path:"/multi/computer/base/struct/foundation/first",content:"各种数据结构简介"},{name:"算法",path:"/multi/computer/base/algorithm/sort/first",content:"各种算法简介"},{name:"git",path:"/multi/computer/git/usage/foundation/first",content:"代码版本管理工具，目前最流行的，没有之一，必学。"},{name:"svn",path:"/multi/computer/svn/usage/foundation/first",content:"代码版本管理工具，有少部分公司用。"},{name:"maven",path:"/multi/computer/maven/usage/foundation/first",content:"依赖管理工具，java用的最多。"},{name:"gradle",path:"/multi/computer/gradle/usage/foundation/first",content:"依赖管理工具。"}]},st={name:"语言",items:[{name:"java 语言",path:"/multi/java/java-base/use/foundation/domain",content:"后端开发语言，特点：跨平台，需求量是最大的。"},{name:"python 语言",path:"/multi/python/python3/use/foundation/first",content:"后端开发语言，特点：涉及的领域很多，特别是人工智能。"},{name:"javascript 语言",path:"/multi/js/js-base/use/foundation/domain",content:"前端语言，特点：前端必学。"},{name:"C 语言",path:"/multi/combined/combined/use/foundation/first",content:"嵌入式开发语言，特点：大学的第一门开发语言。"},{name:"C++ 语言",path:"/multi/combined/plus/use/foundation/first",content:"后端开发语言。特点：性能很强，开发偏复杂。"},{name:"C# 语言",path:"/multi/combined/sharp/use/foundation/first",content:"后端和桌面端语言。特点：windows体系。"},{name:"rust 语言",path:"/multi/language/rust/use/foundation/first",content:"后端语言。"},{name:"go 语言",path:"/multi/go/go/use/foundation/first",content:"后端语言。特点：性能和开发效率都不错，特别是协程，新生代的宠物。"},{name:"php 语言",path:"/multi/php/php/use/foundation/first",content:"后端语言。特点：曾经的光辉，已经走向没落。"},{name:"ruby 语言",path:"/multi/language/ruby/use/foundation/first",content:"后端语言。"},{name:"perl 语言",path:"/multi/language/perl/use/foundation/first",content:"后端语言。"},{name:"scala 语言",path:"/multi/language/scala/use/foundation/first",content:"后端语言。"},{name:"groovy 语言",path:"/multi/language/groovy/use/foundation/first",content:"后端语言。"},{name:"erlang 语言",path:"/multi/language/erlang/use/foundation/first",content:"后端语言。"},{name:"R 语言",path:"/multi/python/rlanguage/use/foundation/first",content:"数据处理的语言。"},{name:"Julia 语言",path:"/multi/python/julia/use/foundation/first",content:"数据处理的语言。"},{name:"lua 语言",path:"/multi/language/lua/use/foundation/first",content:"短小精悍。"},{name:"pascal 语言",path:"/multi/language/pascal/use/foundation/first",content:""},{name:"swift 语言",path:"/multi/mobile/swift/use/foundation/first",content:"客户端语言，特点：苹果生态的开发语言，目前最新的。"},{name:"kotlin 语言",path:"/multi/mobile/kotlin/use/foundation/first",content:"客户端语言。在安卓生态取代java的语言。"},{name:"object-c 语言",path:"/multi/mobile/object/use/foundation/first",content:"客户端语言，特点：已经是旧时代的产物。"},{name:"dart 语言",path:"/multi/mobile/dart/use/foundation/first",content:"客户端语言。"}]},ut={name:"数据库",items:[{name:"通用 sql",path:"/multi/db/sql/usage/foundation/first",content:"通用的sql和函数学习，并带有具体的案例数据和案例代码"},{name:"mysql",path:"/multi/db/mysql/usage/foundation/first",content:"使用最多的数据库。"},{name:"oracle",path:"/multi/db/oracle/usage/foundation/first",content:"付费的数据库，银行用的最多。"},{name:"pgsql",path:"/multi/db/pgsql/usage/foundation/first",content:"比较流行的数据库。"},{name:"sqlite",path:"/multi/db/sqlite/usage/foundation/first",content:"移动端用得最多的数据库。"},{name:"redis",path:"/multi/db/redis/usage/foundation/first",content:"缓存型的 nosql 数据库。后端必学，面试必问。"},{name:"mongodb",path:"/multi/db/mongodb/usage/foundation/first",content:"文档型的 nosql 数据库。"},{name:"elastic search",path:"/multi/db/es/usage/foundation/first",content:"简称 es，主要用作搜索。"}]},mt={name:"linux",items:[{name:"linux 命令",path:"/multi/linux/command/usage/foundation/first",content:"Linux常用命令和对应的选项进行介绍，并带有对应的案例。"},{name:"vim",path:"/multi/linux/vim/usage/foundation/first",content:"linux上的编辑器。"},{name:"shell",path:"/multi/linux/shell/usage/foundation/first",content:"shell编程，在Linux上进行脚本处理非常有用"},{name:"docker",path:"/multi/linux/docker/usage/foundation/first",content:"在linux上安装各种软件和模拟环境，简单快捷。"},{name:"nginx",path:"/multi/linux/nginx/usage/foundation/first",content:"用作反向代理和部署各种静态文件的访问非常有用"}]},lt={name:"java 生态",items:[{name:"java 语言",path:"/multi/java/java-base/use/foundation/domain",content:""},{name:"springboot",path:"/multi/java/springboot/use/foundation/create",content:"springboot，已经包括spring。是学java后端的必须框架，简化了各种开发配置。"},{name:"springmvc",path:"/multi/java/springboot/use/foundation/second",content:"springmvc是spring体系的web开发框架。"},{name:"mybatis",path:"/multi/java/mybatis/use/foundation/first",content:"orm 框架，处理sql查询提供了各种简化处理。"},{name:"mybatis plus",path:"/multi/java/plusMybatis/use/foundation/first",content:"orm 框架，在mybatis上做了更深一层的封装，极大的提高了开发效率。"},{name:"hibernate",path:"/multi/java/hibernate/use/foundation/first",content:"orm 框架，spring jpa的实现之一，国内目前用的不算多，国外很多。"},{name:"spring cloud",path:"/multi/java/springcloud/use/foundation/first",content:"微服务框架，定义了外层，底层实现可以替换，例如eureka或者nacos。"},{name:"dubbo",path:"/multi/java/dubbo2/use/foundation/first",content:"微服务框架，效率很高，在高并发的场景比springcloud 性能高。"},{name:"nacos",path:"/multi/java/nacos/use/foundation/first",content:"微服务框架，目前springcloud体系最流行的框架，基本替代了eureka。"},{name:"grpc",path:"/multi/java/grpc/use/foundation/first",content:"微服务rpc框架。基于http2的实现，跨语言。"},{name:"springcloud gateway",path:"/multi/java/gateway/use/foundation/first",content:"微服务网关。"},{name:"zuul",path:"/multi/java/zuul/use/foundation/first",content:"微服务网关。"},{name:"zookeeper",path:"/multi/java/zookeeper/use/foundation/first",content:"注册中心。"},{name:"apollo",path:"/multi/java/apollo/use/foundation/first",content:"配置中心。"},{name:"openfeign",path:"/multi/java/openfeign/use/foundation/first",content:"服务调用框架。"},{name:"feign",path:"/multi/java/feign/use/foundation/first",content:"服务调用框架。"},{name:"ribbon",path:"/multi/java/ribbon/use/foundation/first",content:"服务调用框架。"},{name:"restTemplate",path:"/multi/java/restTemplate/use/foundation/first",content:"服务调用接口封装层。"},{name:"sentinel",path:"/multi/java/sentinel/use/foundation/first",content:"熔断限流框架。"},{name:"hystrix",path:"/multi/java/hystrix/use/foundation/first",content:"熔断限流框架。"},{name:"resilience4j",path:"/multi/java/resilience4j/use/foundation/first",content:"熔断限流框架。"},{name:"netty",path:"/multi/java/netty/use/foundation/first",content:"网络框架，提供了各种封装。用到的地方非常的多，面试常问。"},{name:"shardingsphere",path:"/multi/java/shardingSphere/use/foundation/first",content:"数据库分库分表框架。"},{name:"seata",path:"/multi/java/seata/use/foundation/first",content:"分布式事务框架。"},{name:"xxl-job",path:"/multi/java/xxl/use/foundation/first",content:"任务调度框架。"},{name:"spring security",path:"/multi/java/springSecurity/use/foundation/first",content:"权限管理框架。"},{name:"skywalking",path:"/multi/java/skywalking/use/foundation/first",content:"链路追踪框架。"},{name:"elk",path:"/multi/java/elk/use/foundation/first",content:"监控系统。"},{name:"tomcat",path:"/multi/java/tomcat/use/foundation/first",content:"web容器。"},{name:"undertow",path:"/multi/java/undertow/use/foundation/first",content:"web容器。"},{name:"jetty",path:"/multi/java/jetty/use/foundation/first",content:"web容器。"},{name:"webflux",path:"/multi/java/webflux/use/foundation/first",content:"web容器。"},{name:"redisTemplate",path:"/multi/java/templateRedis/use/foundation/first",content:"spring体系上对redis的访问进行API层的封装。"},{name:"jedis",path:"/multi/java/jedis/use/foundation/first",content:"redis客户端，非线程安全。"},{name:"redission",path:"/multi/java/redission/use/foundation/first",content:"redis客户端，线程安全，而且提供了很多工具。"},{name:"lettuce",path:"/multi/java/lettuce/use/foundation/first",content:"redis客户端，线程安全。"},{name:"arthas",path:"/multi/java/arthas/use/foundation/first",content:"java分析工具。"},{name:"swagger",path:"/multi/java/swagger/use/foundation/first",content:"文档框架。"},{name:"EasyExcel",path:"/multi/java/easyExcel/use/foundation/first",content:"excel框架。"},{name:"lombok",path:"/multi/java/lombok/use/foundation/first",content:"简化代码书写的框架。"},{name:"hutool",path:"/multi/java/hutool/use/foundation/first",content:"工具类，常用。"},{name:"junit",path:"/multi/java/junit/use/foundation/first",content:"测试框架。"}]},ct={name:"前端生态 ",items:[{name:"javascript 语言",path:"/multi/js/js-base/use/foundation/domain",content:"前端开发必学"},{name:"html",path:"/multi/web/html/usage/foundation/first",content:"前端标签相关的技术。"},{name:"css",path:"/multi/web/css/usage/foundation/first",content:"前端布局相关的技术"},{name:"dom",path:"/multi/web/dom/usage/foundation/first",content:"操作前端标签和布局相关的技术。"},{name:"vue2",path:"/multi/web/vue2/usage/foundation/first",content:"前端开发的框架，目前最热门的，没有之一，新版本是vue3。"},{name:"vue3",path:"/multi/web/vue3/usage/foundation/first",content:"前端开发的框架，目前最热门的，没有之一。"},{name:"vue router",path:"/multi/web/router/usage/foundation/first",content:"vue的路由框架。"},{name:"react",path:"/multi/web/react/usage/foundation/first",content:"热度接近vue，大厂用的多。"},{name:"angular js",path:"/multi/web/angularjs/usage/foundation/first",content:"前端开发框架，曾经是很火的。"},{name:"jQuery",path:"/multi/web/jquery/usage/foundation/first",content:"前端开发框架，曾经是很火的。"},{name:"npm",path:"/multi/web/npm/usage/foundation/first",content:"前端包管理工具。"},{name:"vite",path:"/multi/web/vite/usage/foundation/first",content:"前端打包工具，目前最火的。"},{name:"webpack",path:"/multi/web/webpack/usage/foundation/first",content:"前端打包工具，曾经最火的。"},{name:"typescript",path:"/multi/web/typescript/usage/foundation/first",content:"在javascript是弱语言的基础上的增强。"},{name:"less",path:"/multi/web/less/usage/foundation/first",content:"可以理解为css的增强。"},{name:"sass",path:"/multi/web/sass/usage/foundation/first",content:"可以理解为css的增强。"},{name:"ajax",path:"/multi/web/ajax/usage/foundation/first",content:"网络框架。"},{name:"axios",path:"/multi/web/axios/usage/foundation/first",content:"网络框架。"},{name:"svg",path:"/multi/web/svg/usage/foundation/first",content:"图片"},{name:"node.js",path:"/multi/web/node/usage/foundation/first",content:"用于开发后端网络服务的框架。"}]},rt={name:"消息队列",items:[{name:"kafka 教程",path:"/multi/mq/kafka/usage/foundation/first",content:"使用最多的消息队列"},{name:"rocketmq 教程",path:"/multi/mq/rocketmq/usage/foundation/first",content:"功能最多的消息队列"},{name:"rabbitmq 教程",path:"/multi/mq/rabbitmq/usage/foundation/first",content:"消息队列"},{name:"mqtt 教程",path:"/multi/mq/mqtt/usage/foundation/first",content:"消息队列"}]},dt={name:"python 生态",items:[{name:"python2 语言",path:"/multi/python/python2/use/foundation/first",content:""},{name:"python3 语言",path:"/multi/python/python3/use/foundation/first",content:""},{name:"Django",path:"/multi/python/django/usage/foundation/first",content:"web框架"},{name:"flask",path:"/multi/python/flask/usage/foundation/first",content:"web框架"},{name:"fastapi",path:"/multi/python/fastapi/usage/foundation/first",content:"web框架"},{name:"numpy",path:"/multi/python/numpy/usage/foundation/first",content:"数据分析框架"},{name:"pandas",path:"/multi/python/pandas/usage/foundation/first",content:"数据分析框架"},{name:"scipy",path:"/multi/python/scipy/usage/foundation/first",content:"数据分析框架"},{name:"matlab",path:"/multi/python/matlab/use/foundation/first",content:"用作数据分析"}]},b=[st,it,ut,mt,rt,lt,ct,dt],pt={class:"all"},ft={class:"sub-body"},ht={class:"right-view"},gt="一个专门为编程爱好者和专业开发人员设计的在线学习平台。无论你是初学者还是有经验的程序员，这里都是一个理想的地方，可以学习和提高你在各种开发语言方面的技能。我们的网站提供广泛的课程和资源，涵盖了从基础到高级的各种编程语言，包括 Java、Python、前端技术（如 HTML、CSS、JavaScript）和后端编程（java,go,c,c++,c#和数据库mysql,redis）。",vt=p({__name:"HomeBodyView",setup(e){const n=c(-1),a=H(()=>n.value===-1?b:[b[n.value]]);function m(t){n.value=t}return I(()=>{const t=document.querySelector('meta[name="description"]')||document.createElement("meta");t.setAttribute("name","description"),t.setAttribute("content",gt),document.head.appendChild(t),document.title="超爱学习网"}),S(()=>{const t=document.querySelector(".right-view");t&&t&&t.children.length>0&&t.children[0].scrollIntoView({behavior:"smooth",block:"start"})}),(t,i)=>(s(),u("div",pt,[o("div",ft,[r(z,{items:$(b),class:"left-view",onHomePageEvent:m},null,8,["items"]),o("div",ht,[r(ot,{class:"right-view-body",items:a.value},null,8,["items"]),r(A)])])]))}});const wt=f(vt,[["__scopeId","data-v-9f7e2e5d"]]);export{wt as default};