- 博客(211)
- 收藏
- 关注
RSS订阅原创 前端框架使用vue-cli（ 第四层：业务源码层--登陆页相关）
从这一章节开始：我们正式进入：Vue-CLI 工程中的业务源码层。而是真正开始进入：“页面业务开发”。而登录页：通常就是一个后台管理系统的第一个业务页面。因此：登录页非常适合作为：理解 Vue 企业级开发的入门案例。
2026-05-09 17:10:09
147
原创 前端框架使用vue-cli（ 第二层：工程配置层--vue语法系列）
本文章的核心，是站在vue-cli工程化框架的角度，对 Vue 形成一个整体性的理解和认识。会写template会写data会写methods会用几个组件但实际上：Vue 真正的核心，并不仅仅只是“页面语法”。而是：Vue 如何在一个完整工程中组织页面、管理组件、处理数据、连接 JavaScript 模块、以及完成整个前端应用的构建。Vue 可以理解成：一个聚合了 HTML、CSS、JavaScript 的单页面组件。
2026-05-09 17:06:03
254
原创 前端框架使用vue-cli（ 第二层：工程配置层--elementui需要做的基础配置）
Element-UI 可以理解为一套“乐高积木”——它提供了一系列开箱即用的界面组件（按钮、输入框、表格、弹窗等），开发者只需要像搭积木一样把这些组件组合起来，就能快速搭建出一个界面美观、功能完整的网页应用。它主要解决什么问题？在没有这类组件库之前，前端开发者做一个后台管理系统，需要从零开始写 HTML 结构、写 CSS 样式、写 JavaScript 交互逻辑。做一个表格可能要花一两天，做一个日期选择器可能要研究半天。Element-UI 将这些高频使用的界面元素预置好，开发者只需要写一行。
2026-05-09 16:52:13
632
原创 前端框架使用vue-cli（ 第二层：工程配置层--路由页面配置）
前面介绍app.vue的时候已经介绍到了。<template></div>我们看到了这个:这个其实是vue-router的语法这个就要涉及到vue-router这个技术栈这篇文章的内容主要是两个点1.vue-router技术栈开发人员应该了解的信息领域2.vue-cli的基本路由核心应该配置的基本东西知识体系：需要掌握核心原理（SPA）、功能模块（传参、守卫）、集成方式。核心配置：也就是这“四板斧”——定义routes（路径与组件对应表）。创建router实例并导出。在。
2026-05-09 16:33:27
389
原创 前端框架使用vue-cli（ 第二层：工程配置层--技术栈配置层配置）
return {},data (){return {},methods: {reload(){})
2026-05-09 16:13:10
257
原创 前端框架使用vue-cli（ 第二层：工程配置层--技术栈配置层配置）
本文章的核心是介绍1.main.js文件2.app.vue为什么需要这些文件，这些文件需要配置什么内容。看前面的文章可以得知。
2026-05-09 16:00:53
95
原创 前端框架使用vue-cli（ 第二层：工程配置层--总览）
这里指的工程配置层，主要说的是src文件下的内容说一下对应的要处理的文件1.public文件夹包2.app.vue3.main.js简介：我们之前的文章，主要是做这么几个东西1.分析的技术栈引入2.以及webpack构建这篇文章核心作用于两个点1.vue-cli怎么配置技术栈2.有哪些概念，需要再架子层配置好这篇文章则是要梳理一下，源代码在技术栈层面的配置问题我们就以vue-cli这个为例。这个vue-cli说到底，他是一个后台管理系统。
2026-05-09 15:42:20
902
原创 前端框架使用vue-cli （第五层：构建打包层--vue.config.js文件介绍以及环境文件）
这里先简单对vue.config.js这个文件做个介绍背景知识和情况介绍：我们最后是把所有的vue-cli文件打包成一个index.html文件这个文件里的内容，是我们不好编辑的，要提前配置好因为这个东西，最后就是部署到nginx文件夹包下，浏览器访问这个服务器端口，nginx监听这个端口，返回给浏览器这个.html文件然后在渲染对应的vue文件，在vue实例化之前，访问服务器的url接口地址，拿到数据渲染页面展现页面。那对于把vue-cli的源文件转化为html文件这个webpack需要配置什
2026-05-08 18:05:53
444
原创 前端框架使用vue-cli （第五层：构建打包层--babel.config.js介绍）
presets: [],'env': {babel.config.js 中的配置↓合并 @vue/cli-plugin-babel/preset 中的配置↓根据 NODE_ENV 选择对应的 env 配置↓最终的 Babel 配置当前配置 = 生产环境用官方预设 + 开发环境额外加 dynamic-import-node（提升热更新速度）90% 的项目不需要改任何内容，保持默认即可。只有在需要特殊语法支持（装饰器）或特殊平台兼容（IE）时才需要追加配置。
2026-05-08 17:48:01
248
原创 前端框架使用vue-cli （第五层：构建打包层--总体层介绍）
3.简介：这些文件，其实是webpack的这个技术栈，要配置的东西在使用webpack这个技术栈，首先使用npm安装好依赖，这个之前的文章有介绍过，这里就不多说了vue-cli最后会编译成一个index.html文件也就是，所有的es6，cs6语法也好，引入的技术栈也好都会被编译成压缩后的js文件，html，css文件。
2026-05-08 17:46:45
294
原创 前端框架使用vue-cli（ 第三层：插件配置层）
│ ESLint 全链路架构 ││ ││ │ 写代码 │───────▶│ VS Code / JetBrains IDE │ ││ └──────────────┘ │ (ESLint 插件) │ ││ │ 功能：显示波浪线、自动修复 │ ││ │ ││ │ 调用 ││ ▼ ││ │ (npm 包：规则引擎+解析器) │ ││ │ ││ │ 读取 ││ ▼ ││ │ (规则配置：extends + rules) │ ││ │ ││ │ 输出 ││ ▼ │。
2026-05-08 16:26:33
398
原创 前端框架使用vue-cli（ 第一层：依赖与环境层）
package.json = "我想要什么"（声明 + 范围）package-lock.json = "我实际用了什么"（精确锁定 + 完整性校验）两者配合 = 团队成员 + CI 服务器 + 生产环境，装出来的依赖【完全一样】
2026-05-08 16:21:30
260
原创 前端框架使用vue-cli（总篇章介绍）
基础：有后端开发经验讲个小demo，补充信息量，助于理解作为后端开发人员，我们很熟悉springboot这个实际上，springboot就是一个后端脚手架。他通过maven，pom机制，引入依赖然后通过springboot的自动装配机制，或者手动的@Bean，或者yaml把技术栈相关的参数配置好。然后我我们就可以在包下面，创建文件夹，和类使用import导入类（依赖提供的），使用类提供的方法。就是写代码的基础了。前段的vue-cli作为前段的脚手架，也有这么一个功能。
2026-05-08 16:19:17
339
原创 并发编程--synchronized
典型场景如：两个线程同时读取到库存=1，各自在工作内存中减到0，再先后写回主内存，最终结果还是0，但实际卖出了两份。从JDK 6开始，synchronized引入了锁升级机制，避免一上来就使用重量级锁（操作系统的互斥量，需要用户态到内核态切换，开销大），而是根据竞争激烈程度动态调整锁的状态。每个线程从主内存拷贝共享变量到自己的工作内存中操作，操作完成后再写回主内存，这个过程如果不加控制就会导致可见性问题。我们基础层面的掌握，就是掌握一下，什么时候使用这个关键字，怎么使用这个关键字。
2026-05-06 15:48:00
750
原创 关于nginx的信息量的沉淀
1.nginx安装与配置2.nginx怎么配置，需要配置什么东西3.在项目层面需要配置什么东西，https初次配置 Nginx 并启用 HTTPS 会让你的项目更专业、更安全。。这份指南按操作顺序分为三个部分，你可以跟随配置。
2026-04-30 17:06:32
346
原创 关于使用锁的沉淀信息量
1.java中提供了哪些锁2.syn的实现机制是什么3，在代码中如何使用4.在使用中的实际机制是什么5.在项目中，用的话坑是什么。
2026-04-30 16:35:08
663
原创 关于arthas
这篇文章，在次沉淀一下对arthas的了解和认识说下认识arthas的几个机制1.arthas的安装和配置2.如何操作arthas3.arthas提供了哪些机制关于对Arthas的了解和认识，我试着从你说的三个维度，把它的核心机制再梳理沉淀一下。
2026-04-30 16:24:31
191
原创 在使用线程的代码实现层面
线程是操作系统能够进行运算调度的最小单位，它被包含在进程之中，是进程中的实际运作单位。概念说明对你写代码的意义主线程应用启动时自动创建，负责处理UI事件、用户交互等核心流程你的“不能阻碍主线程” → 就是把耗时操作移出主线程子线程程序员手动创建，处理耗时任务（网络请求、文件IO、复杂计算）成功/失败不影响主线程响应并发(Concurrency)多个任务在同一时间段内交替执行（单核CPU也能做到）提升资源利用率并行(Parallelism)多个任务在同一时刻同时执行（需要多核CPU）
2026-04-30 16:09:53
251
原创 关于搭建运维监控系统（Prometheus+Grafana）
掌握这一块，你得到的不仅是一个工具，更是一种用数据驱动运维和决策的思维方式。第一阶段，通过动手搭建，建立起从"数据采集（Exporter）-> 存储查询（Prometheus）-> 可视化（Grafana）"的完整链路。第二阶段，通过深入理解PromQL、Metrics类型、动态仪表盘等核心机制，你将能随心所欲地构建出贴合业务需求、洞察系统一切的监控大屏。你想监控的目标需要的"采集器"关键关注指标（示例）服务器运行情况CPU使用率、内存剩余量、磁盘读写、网络流量JAR包 (JVM) 运行情况。
2026-04-30 15:35:09
465
原创 seata的相关信息量认识沉淀
seata作为一个分布式任务我们作为开发者，应该从哪些认识seata掌握那些信息量我提供一个认识框架1.如何搭建配置到微服务生态里2.在代码里，应该如何使用3.提供了哪些机制，供使用4.seata的实现原理是什么5.在项目中，使用，需要注意什么。你提出的"搭建与配置->代码使用->机制->原理->注意事项"这个框架很完整，这也是掌握Seata最高效的路径。当前主流的Seata版本（如1.5.x到2.x）在Spring Cloud/Alibaba生态中应用广泛。下面就按这5个维度为你梳理。
2026-04-30 15:05:15
383
原创 fegin
我们讲一下fegin这个技术栈的全域理解首先，还是要讲这个背景假如两个springboot，分别是a和b都已经注册到nacos上我们不考虑使用dubbo这个rpc去进行处理两个springboot如何去进行交互，就是接口互相调用1.使用resttemplate，这个工具类，调用http请求。但是这个太复杂了。于是有了这个fegin这个技术栈。封装了让springboot可以调用http请求的需要处理的技术点这里，我讲一个点，绕不开的。就是，底层代码，已经写好了。
2026-04-29 10:57:06
332
原创 对于docker相关的理解
核心认知：镜像(类) vs 容器(实例)；卷(持久化) vs 容器(临时)；端口映射；自定义网络。必须手打的命令必须会写的文件：Dockerfile（基础版），docker-compose.yml（常见版）不用背但要懂的概念：仓库/Tag、桥接网络、挂载类型(volume/bind)、entrypoint vs CMD。
2026-04-28 17:31:22
334
原创 关于linux命令相关的沉淀
看硬件lscpufree -hlsblk看进程ps auxtoplsof配安全getenforcess -tunlp操文件lscpfindchmod处理文本grepsedawk管服务systemctljournalctl。
2026-04-28 17:12:07
250
原创 对于多线程补充知识--Threadlocal
ThreadLocal 是"线程的私有储物柜"，每个线程有自己的隔间，放进去的东西只有自己能看到。使用场景推荐做法示例代码定义 ThreadLocal修饰设置值在 try 块开始处获取值业务逻辑中调用清理在 finally 块中带初始值使用记住这个口诀：static 定义，try 中赋值，finally 清理，get 随处用。// Entry 继承了 WeakReference，key 是弱引用>> {// 值（强引用）super(k);// key 作为弱引用value = v;
2026-04-28 14:52:32
482
原创 关于使用设计模式来写出好代码（ 设计模式，是设计类的技巧 不是new对象的技巧）
结构型模式关注“类与对象如何组合成更大的结构”，同时保持结构的灵活和高效。
2026-04-26 23:50:21
362
原创 对于线程的思路
很多初学者学线程，上来就背volatile的7个参数，结果写代码时还是一脸懵。其实，学习线程最关键的是建立正确的认知层次。这篇文章不打算面面俱到，而是用一条主线，帮你把线程相关的知识点串起来。每一层认知，都配一个最小可运行的代码示例，让你真正理解，而不是死记硬背。当多个线程同时访问同一份共享数据时，由于 Java 底层的内存模型和 CPU 指令重排序，会出现预料之外的结果。超卖// 共享数据：库存// 模拟 100 个用户同时下单i < 100;i++) {
2026-04-26 23:22:20
378
原创 Obsidian的使用分享
这篇文章沉淀一下，对Obsidian的使用的。彻底掌握这个软件，可以从这几个维度去了解和使用我这边提供几个认识了解的切面。掌握这几个切面的认识，也算会用和了解了。1.下载Obsidian2.对这个软件的配置有一定的理解3.了解这个软件的基本使用4.了解这个软件的最神奇的地方，插件的使用这是一篇为你整理的关于学习与沉淀Obsidian使用方法的文章框架。你可以直接将其作为笔记草稿，或根据自己的实践经历进行扩充。
2026-04-25 15:12:51
322
原创 对于泛型的设计思路
你的问题泛型的答案只能传类型确定的数据用<T>把类型参数化代码写死类型类型变成可传入的“参数”需要强制转型编译期自动补上，类型安全泛型 = 类型的参数化，让你写出“处理任意类型数据的通用代码”，同时保留编译时的类型检查。
2026-04-24 15:53:09
525
原创 java集合的设计思路
我们在写java代码实际上是在写什么就是接收数据，处理数据。对数据做应的逻辑处理，装到中间件里也好。处理也好。是在创造装数据的容器，叫做变量。我们是在学习，java。前面的基础知道。我们写代码，就是写一堆程序。怎么设计装数据的容器。基本数据类型，string，LocalDateTime，类，就够了嘛。不够的。如果数据是一个excel表格形式的，如何把这一个表格里的数据，装到java内容里这个时候，就创造了一个概念集合。
2026-04-24 15:37:21
283
原创 java面向对象的学习主线
维度答案JavaSE 是什么Java 标准版的核心语法和机制，重点解决代码组织、复用、扩展、约束的问题。为什么要学没有这些机制，你只能写“一次性脚本”；有了它们，你才能写出可维护、可扩展、团队协作的大型程序。一句话记住JavaSE 教给你的不是“怎么让程序跑起来”，而是“怎么让程序在大规模、多人、长期维护下，依然活得很好”。但是主线还是跑程序。
2026-04-24 15:22:54
270
原创 对于java基础
上一篇（语法）这一篇（环境）psvm入口JDK安装 + 环境变量数据类型IDE配置 + 项目创建运算符快捷键 + 效率技巧逻辑控制断点调试方法封装Maven/Gradle（后续）异常处理命令行编译原理下一步学习建议按本文配置好环境用上一篇的代码跑一遍尝试改代码、打断点看效果面向对象（类/继承/多态/接口）集合框架（List/Map/Set）
2026-04-24 14:58:31
371
原创 这里对java的知识体系做一个全域的介绍
顺序知识点核心要点代码体现1程序入口psvmmain方法第11行2数据类型8种基本类型 + 引用类型（String、时间、BigDecimal）3运算符算术、赋值、关系、逻辑4输出交互log.info分散在各方法5逻辑控制ifswitch、三目运算符6方法封装返回值、参数、returnvoidadd()方法7异常处理提高鲁棒性。
2026-04-24 14:55:31
198
原创 spirng的bean的生命周期，以及为什么这么设计
一、一句话速记（先建立整体感）实例化 → 属性填充 → Aware接口 → 初始化前 → 初始化 → 初始化后 → 使用 → 销毁二、完整生命周期流程图（11步）text特征：此时属性还是null，依赖还没注入相关扩展点：InstantiationAwareBeanPostProcessor阶段2：属性填充（Populate）做了什么：自动注入依赖（byName/byType/注解）核心处理：解析@Autowired、@Value、@Resource循环依赖处理：此时会暴露半成品对象到二级/三级缓存阶
2026-04-23 10:56:09
417
原创 Spring如何把bean注册到容器里
Bean注册流程本质是将配置（XML/注解/Java Config）解析成对象，然后存入的中。入口是或，核心是。注册完成后，由refresh()触发的开始真正的实例化加载流程。
2026-04-23 10:53:19
208
原创 mybatis的核心机制沉淀
沉底一下对传统技术栈，mybatis的认识先讲个基本的点。我们通过一个流程，对mybatis的企业开发中的常见流程。1.引入依赖2.在配置类，或者yaml中对mybatis做配置3.创建mapper接口类，以及xml文件4.在test中测试一下，写的接口写的有没有问题。对于中间有很多细节只是点可以深挖1.mybatis有哪些领域，是要在yaml，或者config文件包下做配置的。2.动态sql3.分页插件和逻辑4.如何在mybatis中写复杂的sql这些先不作为重点。
2026-04-23 10:15:52
378
原创 写代码需要挑明的点
技术栈 = 配置 + API好代码 = 最少信息 + 有序表达 + 命名聚合Java 8+ 的 Stream、Optional、Lambda 就是这种理念的体现——用声明式代替命令式，让代码说“我要做什么”而不是“我怎么做”。
2026-04-22 16:25:14
204
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人