- 博客(122)
- 收藏
- 关注
RSS订阅原创 2026 年前端主流开发技术全景指南
如果你想快速就业、跟上主流或二选一即可TypeScript 必须学ViteUniApp一份 ** 前端学习路线图（从零基础到就业）
2026-04-08 18:01:50
332
原创 什么是前后端分离，分不分离的区别是什么
前后端分离 = 前端做前端，后端做后端，完全分开开发、分开部署，通过接口（API）互相通信。前端：只负责页面展示、交互（HTML/CSS/JS、Vue、React、小程序、App）后端：只负责提供数据接口、业务逻辑、数据库（SpringBoot、Go、Python 等）通信方式：前端通过 HTTP/HTTPS 请求后端接口，后端返回 JSON 数据不分离：后端把 “页面 + 数据” 一起发给你分离：后端只发 “数据”，前端自己拼 “页面”
2026-04-08 11:01:48
197
原创 现在后端开发，主流技术有哪些
想进互联网 / 传统企业想做云原生 / 高并发 / 高薪想快速开发 + AI 相关springboot属于什么项目开发SpringBoot 属于 Java 后端企业级开发它是目前最主流、最常用的 Java 后端开发框架Web 接口、后台系统、微服务项目简单、快速、稳定、适合企业生产环境。
2026-04-08 10:56:44
359
原创 Vue3解决 Swiper组件 图片撑不满的通用写法
核心问题：只给外层设高度，Swiper 内部组件未继承高度，导致图片100%高度失效；修复关键：用样式穿透让 Swiper 内部组件逐层继承外层高度，同时给图片加消除间隙；最终效果：图片会完全撑满1.5rem高度的轮播容器，且保持比例不变形。这个方案是解决 Swiper 图片撑不满的通用写法，你复制后直接用就能生效～
2026-03-23 02:43:36
147
原创 Vite + Vue3 + rem 适配
Vite + Vue3 项目优先用方案一（插件），不用手写监听代码，直接写 px 自动转 rem，效率最高；若想理解底层逻辑，可选方案二手写，但要注意处理各种监听事件和边界情况；核心逻辑不变：通过动态设置 html 的 font-size，让 rem 随屏幕宽度等比缩放，实现移动端适配。如果需要，我可以给你一份「Vite + Vue3 + rem 适配」的完整配置文件（直接复制就能用），包含所有细节和注释。为你整理了Vite + Vue3 项目中 rem 适配的完整配置文件。
2026-03-23 01:29:52
404
原创 为什么移动端开发要用rem？，，怎么用？
为什么用rem能让界面在不同手机上自动等比缩放，解决多设备适配问题怎么用：先动态设置html的font-size，再把设计稿px按「px ÷ 基准值」转成rem写进 CSS。
2026-03-23 01:10:10
192
原创 Vue 组件，用来实现一个响应式图标网格布局，核心是用 CSS 实现固定宽高比的正方形容器，并在里面放置图片和文字。
数据驱动：所有图标由iconList数组控制，新增 / 修改无需改模板，符合 Vue 最佳实践；灵活适配：同时支持 Emoji / 图片 / SVG 图标，切换成本为 0；极致简洁：Grid 布局 + Flex 居中，代码量比传统 float 写法少 60%，无冗余嵌套；响应式：小屏幕自动缩小图标 / 文字，适配手机端；高度还原：间距、圆角、布局完全匹配你截图的效果，可直接上线使用。核心实现：通过CSS Grid实现 2 行 4 列的图标网格，比传统 Flex/Float 更简洁高效；
2026-03-23 01:06:42
443
原创 Sass与stylus的区别
核心定义：Sass 是 CSS 预处理器，扩展了 CSS 语法，让样式编写更高效，最终编译为原生 CSS；核心优势：变量、嵌套、混入、函数等，解决 CSS 重复代码、维护难的问题；使用前提：Vue 项目需安装sass依赖，且组件样式标签要加；你之前的报错原因：缺少 Sass 依赖 + 引用了项目不存在的自定义 Sass 文件 / 混入。简单来说，不用 Sass 也能写样式，但用了之后能大幅减少重复代码，尤其适合中大型项目。新手可以先从「变量」和「嵌套」入手，逐步熟悉。
2026-03-22 19:03:10
502
原创 Vue 3 + Vue Router 的路由配置,简单示例
路由配置核心是「定义规则 → 创建实例 → 挂载到 Vue → 添加视图容器」四步；routes数组里的每个对象对应一个页面，path是访问路径，component是对应组件；是路由组件的渲染容器，必须在根组件中添加，否则页面无法显示。router-Link,与Router-Link这样写行吗？在 Vue 模板中，和这两种写法不推荐，虽然大部分情况下能运行，但不符合 Vue 的规范，还可能引发潜在问题。
2026-03-22 18:53:48
353
原创 npm install vue-awesome-swiper@5.0.1 swiper@7.4.1安装后，我又想全删了，怎么移除
可直接移除这两个包；验证方式：检查和中是否还有对应包的痕迹；如需彻底清理，可搭配清理缓存。
2026-03-22 18:42:56
98
原创 Vue3中使用vue-awesome-swiper
Vue3 下使用需安装 v5+ 版本，搭配 Swiper v8+。全局注册只需在main.js中配置一次，所有组件直接使用<swiper>标签。是 Vue3 核心语法，无需手动注册组件，代码更简洁。样式修改需用:deep()穿透 scoped 作用域，才能修改 Swiper 内置样式。
2026-03-22 18:37:52
54
原创 [特殊字符] Spring Boot 静态资源默认映射规则详解
如果需要修改默认路径，可在中配置：properties# 自定义静态资源路径（覆盖默认规则）
2026-03-20 18:25:00
247
原创 第3章 Spring Boot的Web应用支持,个人学习笔记
Listener监听容器生命周期（出生 / 死亡）Filter拦截请求，做前置 / 后置处理Servlet最终处理请求，生成响应Web 应用启动（Listener 触发）→ 请求到达 →Filter 拦截→Servlet 处理→ Filter 后置处理 → 响应返回java运行@ServletComponentScan // 扫描 @WebServlet/@WebFilter/@WebListener 注解Servlet 作用：处理请求，生成响应。Filter 作用。
2026-03-20 18:23:35
445
原创 gitee上的vue项目，刚刚创建了一个分支，怎么在本地上拉取分支项目
新分支默认继承源分支（通常是主分支）的代码，不是空的，拉取后能拿到创建分支时的所有代码；分支的核心意义是「隔离开发」：保护主分支的稳定代码，避免多人协作时的代码冲突，方便管理不同的开发任务（新功能、bug 修复等）；Vue 项目中，分支是团队协作的基础，能让「开发→测试→上线」的流程更规范、更安全。开始gitee上的vue项目，刚刚创建了一个分支，怎么在本地上拉取分支项目要在本地拉取 Gitee 上 Vue 项目的新分支，整个过程非常清晰，我会一步步带你操作，确保新手也能轻松搞定。
2026-03-18 15:45:32
446
原创 springData
Spring Data 是一个 “万能数据访问工具箱”顶层是总规范，中间是针对不同数据库的专用工具，底层是你要操作的真实数据库。你只要学会一套 Spring Data 的写法，就能无缝切换去操作 MySQL、MongoDB、Redis 等各种数据库，不用重新学一套新语法。
2026-03-13 18:26:02
255
原创 移动端开发中经典的 REM 自适应布局方案（也叫弹性布局）
这是一个非常成熟的弹性布局方案。只要你在 CSS 中所有的尺寸都用rem来写屏幕越大，元素整体越大（成正比）。不会无限放大（上限锁定为 40px，防止大屏显示太丑）。屏幕旋转时，布局自动适配。
2026-03-12 20:57:48
182
原创 将Vue 项目上传到Gitee流程步骤
是 Git 告诉你：“这里没有 Git 仓库，没法操作。只要执行git init就能解决～如果你平时下载 npm 包很慢、经常超时，建议安装，用cnpm替代npm会更顺畅。如果你已经切换了 registry，且下载速度没问题，也可以不安装，直接用npm就行。
2026-03-11 21:22:51
385
原创 npx create-vue 创建 Vue 3 项目的交互式配置界面
核心差异：选No会多「示例组件、示例页面、完整路由示例」，选Yes是纯空白项目，仅保留必备文件；开发建议：如果你是开发旅游网站，优先选Yes，避免删除示例代码的麻烦，直接从空白开始搭建自己的页面（如首页、景点列表页、详情页等）；学习建议：如果想先了解 Vue 3 路由用法，可先选No看示例，熟悉后再清空示例代码开发自己的功能。进入项目目录 → 2. 安装依赖 → 3. 统一代码格式 → 4. 启动开发服务这是一套标准的前端项目从拉取代码到本地开发的启动流程。
2026-03-11 18:20:53
353
原创 Webpack vs Vite
Webpack 核心定位：静态模块打包工具，能整合项目中所有类型的文件，输出浏览器可运行的静态资源；核心能力：依赖分析、文件转换（Loader）、功能扩展（Plugin）、代码优化；适用场景：中大型项目、需要复杂构建配置的场景；Vue CLI 基于它封装，而 Vite 是新一代替代方案（更快、更简洁）。使用 Vite 创建和开发 Vue 3 项目时，完全不需要使用 Webpack。但这背后需要理解 Vite 和 Webpack 的核心差异，以及一些特殊场景的例外情况，下面我会详细解释清楚。
2026-03-11 17:47:11
221
原创 创建vue3项目的方式有哪些
日常开发首选 Vite是 Vue 3 官方推荐的最快方式，兼顾速度和易用性。兼容旧项目选 Vue CLI：如果需要集成大量 Vue 生态插件（如 Vue CLI 插件），可使用 Vue CLI 创建。学习底层选手动搭建：手动搭建能帮助理解 Vue 3 项目的入口、挂载、构建流程等核心概念。
2026-03-11 17:37:25
362
原创 前端中stylus是干嘛用的
Stylus 是 CSS 预处理器，核心是用更高效的语法写 CSS，最终编译为原生 CSS；核心优势：极简语法、变量、嵌套、混合函数，大幅提升样式开发效率；现在 npm 5+ 后安装时--save可省略，但作为开发依赖，建议用--save-dev（-D）安装。下面我给你提供一个Vite + Vue3 项目中配置 Stylus 的完整可运行示例，包含从安装到使用的全流程，新手也能直接上手。Vite + Vue3 中使用 Stylus 只需安装stylus和，无需额外配置；在.vue文件中通过。
2026-03-11 17:36:33
324
原创 这个vue3项目，我想要压缩保持下来，为什么压缩包32mb，好大啊，有可以优化的办法吗
你这个项目压缩包有 32MB，主要是因为把文件夹也打包进去了，这个文件夹里全是项目依赖的第三方库，体积非常大，是完全不需要打包的。
2026-03-09 11:47:04
41
原创 Vue CLI 创建的项目，启动本地开发环境的标准命令是 serve，不是 dev
如果你习惯用，可以修改项目根目录的文件，在scripts节点中添加dev脚本，指向servejson"serve": "vue-cli-service serve", // 原有脚本"dev": "vue-cli-service serve", // 新增：让 dev 等价于 serve},// 其他配置...修改后保存，再执行就能正常启动了。
2026-03-09 11:16:27
70
原创 vue3，单页应用学习笔记
构建工具启动，加载main.js。main.js创建 Vue 实例，挂载到#app。路由实例根据 URL 匹配到对应的组件（如Home.vueApp.vue中的将匹配到的组件渲染出来。浏览器显示最终页面。如果你需要，我可以帮你画一张流程图，把这个过程更直观地展示出来，方便你理解。需要吗？有什么区别吗单页应用（SPA）和多页应用（MPA）的核心区别在于页面切换时是否重新加载整个 HTML 文档选 SPA：核心诉求是交互体验，且能接受 SEO 优化成本；选 MPA：核心诉求是。
2026-03-09 11:06:21
369
原创 在前端中list.map的用法
list.map()（数组map数据转换 + 列表渲染；关键原则：纯函数思维，不修改原数组，返回新数组；避坑要点：回调必须有返回值，引用类型元素需拷贝后修改，遍历无返回值用forEach。它是 React/Vue 等框架中列表渲染的 “标配”，也是日常数据处理的高频方法，掌握其用法能大幅提升前端数组处理效率。
2025-12-15 18:14:44
584
原创 在前端中，＜a＞ 标签的 href=“javascript:；“ 这个是什么意思
在前端中a标签里填这个是什么意思在前端中， 标签的 是一种常见的空链接 / 占位写法，核心作用是让 标签保持可点击的样式（如鼠标悬浮显示手型），但点击后不触发默认的页面跳转 / 刷新行为，同时为后续绑定自定义点击事件预留空间。 是浏览器支持的URL 伪协议，表示后续内容是需要执行的 JavaScript 代码。很多人会误以为 是等价写法，但两者有关键区别：如果用 ，若未通过 JS 阻止默认事件，点击后页面会滚动到顶部，这通常是不符合预期的；而 从根源避免了这个问题。html预览现代前端的替代方
2025-12-15 17:37:29
430
原创 在javaweb项目中，在表中的数据中什么是一对一，一对多，多对多
A 表的一行数据，唯一对应 B 表的一行数据，反之亦然。（比如：一个人只有一张身份证，一张身份证只属于一个人）A 表的一行数据，可以对应 B 表的多行数据；但 B 表的一行数据，只能对应 A 表的一行数据。（比如：一个用户可以下多个订单，但一个订单只属于一个用户）A 表的一行数据，可以对应 B 表的多行数据；B 表的一行数据，也可以对应 A 表的多行数据。（比如：一个学生可以选多门课程，一门课程可以被多个学生选）关系类型核心特征数据库设计关键Java 实体映射关键一对一一一对应。
2025-12-10 20:19:49
999
原创 Spring整合MyBatis-Pluss 部分课堂学习笔记
这种写法是MyBatis-Plus 简化 Service 层开发的标准用法继承→ 自动获得通用 CRUD 实现；实现自定义Service接口 → 规范业务方法，支持自定义逻辑。@Autowired的核心是“自动装配”，让 Spring 帮你管理对象的依赖关系，不用手动 new 对象，是 Spring 实现 “解耦” 和 “控制反转（IOC）” 的关键注解之一。Mapper不也是接口，不是说接口不能注册为bean你这个问题问到了核心！BookMapper确实是接口，但它能被@Autowired。
2025-12-09 11:55:19
1010
原创 明明按钮在第五个div里为什么，代码是在nth-child（6）里面，并且可以正确运行要理解这个现象
在父元素是，它的直接子元素包括隐藏的 token 输入框所在的 div、row 类的 div、多个 form-group 类的 div。这些 div 会被依次计数为，而包含登录按钮的 div 恰好是第 6 个直接子元素，所以能准确定位到它。简单来说，你看到的 “按钮在第五个可见 div” 是视觉上的感知，但nth-child是按 HTML 结构中父元素的直接子元素顺序严格计数的，隐藏元素（如 token 输入框的 div）也会被纳入计数，因此最终需要用才能定位到目标 div。
2025-11-13 09:17:09
380
原创 初学python自动化脚本，学习笔记
XPath 是一种在 XML/HTML 文档中定位元素的语言，它通过元素的路径、属性、文本等特征来精准定位元素，类似 “地图导航” 的逻辑（比如 “从根节点出发，找到第 2 个 div 下的第 1 个 a 标签”）。在 Selenium 中，By.XPATH是最灵活的定位方式之一，几乎能应对所有元素定位场景，尤其适合没有idclass等简单属性的元素。仅适用于<a>标签包含可见文本内容的场景。若<a>标签只有图片无文本，需改用classhref属性、XPath 上下文定位等其他策略。
2025-11-06 09:26:44
886
原创 ref 和 reactive的区别与用法
在 Vue 3 中，ref和reactive.value.value.valuetoRefsjavascript运行javascript运行javascript运行：如果直接给reactive对象重新赋值，会丢失响应式（因为 Proxy 代理的是初始对象）：javascript运行reftoRefsreactive.value.valuereactiveref：直接将reactive对象传给ref，会自动解包（无需.value访问）：javascript运行：对reactive对象解构时，用。
2025-11-04 16:12:48
889
原创 npm : 无法加载文件 C:\Program Files\nodejs\npm.ps1，因为在此系统上禁止运行脚本，解决方法
按下 Win + X，在弹出的菜单中选择 “Windows PowerShell (管理员)”（或 “终端 (管理员)”，如果是 Windows 11）。执行 npm -v 或 npm run dev，此时应该能正常运行，不会再提示 “禁止运行脚本”。此时会提示 “是否要更改执行策略”，输入 Y（或直接按回车，默认是 Y），等待策略生效。确认弹出的 “用户账户控制” 窗口，点击 “是”（获取管理员权限）。如果还是 Restricted，重新执行第二步（确保是管理员身份）。第四步：重启终端，测试 npm。
2025-10-31 15:15:03
646
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人