- 博客(35)
- 收藏
- 关注
RSS订阅原创 Vue3 进阶，新特性 defineOptions/defineModel+Pinia 状态管理全解析
无Mutations：直接在Action中修改状态；更简洁的 API：仅需定义仓库；原生支持 TS：类型提示更友好；轻量：打包体积仅 1KB 左右。
2025-12-24 19:30:50
321
原创 Vue3 入门，从项目创建到组合式 API 全解析（含 provide/inject）
import { reactive } from 'vue' // 引入reactivesetup() {// 用reactive包裹对象，使其变为响应式name: '张三',age: 20})// 修改响应式数据user.age = 21 // 自动触发视图更新姓名：{{ user.name }}
2025-12-23 20:16:15
380
原创 Vuex 进阶，模块化开发（Modules）：解决单状态树臃肿问题
拆分代码：按业务拆分store，避免单状态树臃肿；隔离命名：开启namespaced后，不同模块的方法不会重名；团队协作：不同开发者可以维护不同模块，降低冲突风险。
2025-12-22 19:39:29
425
原创 Vue 进阶，Vuex 核心概念 + 项目打包发布配置全解析
Vue 开发中，Vuex是状态管理的核心工具（统一管理全局数据），而打包发布是项目上线的关键步骤。
2025-12-14 11:03:19
478
原创 Vue 项目实战，从注册登录到首页开发：接口封装 + 导航守卫 + 拦截器全流程
Vue 项目中，注册登录是基础功能，而接口封装、请求拦截器、导航守卫是保障项目可维护性的核心。注册功能是用户体系的入口，需完成静态页面、接口调用、表单校验等步骤。使用 Vant UI 快速搭建注册表单（以手机号 + 密码注册为例）：2. 封装 request 模块（统一请求配置）基于封装请求模块，统一处理请求地址、超时等配置：注意：要记得下载axios包（npm i axios）将注册接口封装到目录，便于维护：4. 注册请求：成功 / 失败提示用户调用封装的接口，结合 Vant 的组件提示用户：
2025-12-13 12:45:24
609
原创 Vue 项目实战,从组件缓存到 Vant UI 集成：项目初始化全流程
Vue 项目开发中，组件缓存能提升页面性能，项目初始化（ESLint、目录结构、路由）是工程化的基础，而Vant UI是移动端开发的常用组件库。
2025-12-11 22:05:44
528
原创 Vue 进阶，自定义指令 + 插槽 + 路由入门
Vue 内置指令（如v-ifv-bind）满足基础需求，自定义指令可封装重复的 DOM 操作逻辑（如权限控制、加载状态）。只有一个 HTML 页面，通过 JS 动态切换内容；优点：体验流畅、加载快；缺点：首屏加载慢（需优化）。
2025-12-09 22:00:28
613
原创 Vue 进阶,生命周期 + 工程化开发
1.→ 2.created→ 3.→ 4.mounted（数据更新时）→ 5.→ 6.updated（组件销毁时）→ 7.→ 8.destroyed。
2025-12-06 23:55:39
1407
原创 Vue 进阶,指令补充 + computed+watch
前面我们掌握了 Vue 的基础指令，今天聚焦指令进阶、计算属性、侦听器这三个核心能力，让你真正学会 Vue 的高效开发方式！
2025-12-04 21:09:15
1067
原创 Node.js+Vue 联动，Vue 快速上手：基础学习
Node.js 是后端工具，而 Vue 是前端框架，实际项目中常通过 “Node.js 做后端接口 + Vue 做前端页面” 实现全栈开发。本文结合思维导图，带你快速掌握 Vue 基础（概念、指令）。
2025-12-03 20:45:49
1157
1
原创 Node.js 入门,Webpack 核心实战：从概念到打包全流程
Webpack 是一个静态模块打包器—— 它会将项目中的所有资源（JS、CSS、图片等）视为 “模块”，通过分析模块间的依赖关系，最终打包成浏览器可识别的静态文件（如main.js。
2025-12-02 22:13:38
1214
原创 Node.js 入门，进阶核心：CommonJS+ES6 模块化、包、Express 与跨域
今天我们聚焦 Node.js 进阶必备技能 —— 模块化（含 CommonJS+ES6 两种规范）、包管理、Express 框架和跨域解决方案。这是从 “零散代码” 到 “规范项目” 的关键跨越，新手也能快速上手！
2025-12-01 20:05:56
1068
1
原创 Node.js 入门搞定核心内置模块（fs/path/http/querystring）
Node.js 是基于 Chrome V8 引擎的JavaScript 运行时环境—— 简单说：让 JS 能脱离浏览器，在服务器 / 本地电脑上跑！
2025-11-30 12:02:04
776
原创 Django Media 配置 + ModalForm 上传 + 列表展示完整实现
说明：本文中的「ModalForm」指基于 Django ModelForm 封装的 Bootstrap 样式表单（便于快速开发），实现跳转式文件上传与列表展示功能。
2025-11-27 16:10:21
488
原创 Django+Ajax 开发规范模板（含最佳实践）
这份模板整合了 CSRF 令牌处理、统一响应格式、错误捕获、表单验证等核心场景，可直接复用，兼顾安全性和开发效率。
2025-11-16 13:19:39
1118
转载 Django中图片验证码生成
链接:https://pan.baidu.com/s/1G4Qd2tCHXrQi-MxaISNxuA?例如我这里是Monaco.ttf,给大家放一份在这里，文件大小很小只有51KB。此时我们的页面中就有了验证码的图片，并将验证码的值存储到session中了。注意此处要利用HttpResponse返回图片才可以在前端页面中显示出来。运行后会在根目录下生成一个验证码图片，并打印生成的验证码。将验证码的值存储在session中方便后续验。后续根据自己的需求进行验证即可。编写url用于生成验证码。
2025-11-13 09:49:24
30
原创 Django中的中间件
前提：Django 1.10+ 中间件配置规则# 以上是默认中间件'myapp.middleware.MyCustomMiddleware', # 注册自定义中间件（路径为：应用名.中间件文件名.类名）
2025-11-11 13:37:14
935
原创 Django中的查询
在 Django 中，查询数据库的核心是 ORM（对象关系映射）—— 通过 Python 代码操作模型类（Model），而非直接写 SQL 语句。Django ORM 支持绝大多数数据库操作，且兼容多种数据库（MySQL、PostgreSQL、SQLite 等），语法简洁且易维护。
2025-11-03 23:15:29
1095
原创 ModelForm基本学习
首先需要导入 ModelForm，然后创建一个继承自 ModelForm 的类，并通过 Meta 类指定关联的模型和需要生成的字段。在models.py中""" 部门表 """title = models.CharField(verbose_name='标题', max_length=32)""" 员工表 """name = models.CharField(verbose_name='姓名', max_length=16)
2025-11-01 14:16:43
420
原创 模板的继承
基础模板中通过{% block 名称 %}标记可变区域，子模板将在这里填充内容。DOCTYPE html > < html > < head > < meta charset = " UTF-8 " > < title > {% block title %}默认标题{% endblock %} </ title > <!-- 可变标题 --> < link rel = " stylesheet " href = " style.css " > <!
2025-11-01 10:38:26
359
原创 Django中的数据库键连接
连接的是Department表中的id，当Department中的某个id被删除时，会间接影响到连接的表，所有需要做删除的方法。相当于在男女中二选一，选择1性别是男，选择2性别是女，更加方便快捷。
2025-10-30 23:00:50
373
原创 ORM的基础操作
在浏览器中搜索mysqlclient wheel,并下载。注意：在windows系统中可能会安装失败，失败则采用方法二。中找到mysql连接的代码，并将其修改为自己的数据库。在models.py中输入后，打开终端，输入。相当于执行MySQL中的创建代码，对应如下。创建完，打开数据库看是否生成对应表，如图。在pycharm中，打开终端，输入。在models.py中写入操作代码。
2025-10-29 13:17:31
1633
原创 BootStrap基础学习——模态框
在 Bootstrap 3 中，模态框（Modal） 是一种浮动在页面之上的交互式弹窗组件，用于展示重要信息、表单、确认操作等（如登录弹窗、详情弹窗、删除确认框），核心特点是 “遮罩层 + 弹窗主体”，支持展开 / 收起动画，且需依赖 Bootstrap 的 JS 文件实现交互。
2025-10-21 10:34:21
822
原创 BootStrap基础学习——导航、分页导航
导航组件用于实现页面内的功能模块切换（如顶部菜单、侧边栏导航、标签页切换等），Bootstrap 3 提供了 4 种核心导航类型，均基于.nav基础类扩展，支持自定义样式和交互。
2025-10-20 14:43:54
655
原创 BootStrap基础学习——缩略图、面板
缩略图本质是 “带边框和内边距的图文容器”，核心用于展示图片 + 文字组合的内容（如商品列表、相册、文章卡片等），通过.thumbnail类实现基础样式，支持自定义内容和尺寸。
2025-10-20 12:42:32
690
原创 BootStrap基础学习——表单
输入框是最常用的表单控件，用于收集单行文本（如用户名、邮箱、密码等），基于原生<input>标签，通过类应用 Bootstrap 样式。
2025-10-18 17:21:27
1013
原创 BootStrap基础学习——常用样式（排版）
Bootstrap 3 对 HTML 原生的<h1>到<h6>标签进行了样式优化，同时提供了.h1到.h6类（可用于非标题标签，如<div>），保持与标题一致的样式，方便灵活使用。
2025-10-17 13:16:51
1183
原创 BootStrap基础学习——栅格网络系统（列排序，列嵌套）
建议嵌套层级≤3 层（如 “父列→子列→孙列”），层级过深会导致 CSS 优先级冲突、响应式适配复杂，且不利于代码维护。调整顺序（如 A→B→C 改为 B→A→C），会直接导致布局错乱（Bootstrap 3 不支持）。，子列的内边距会与父列的内边距叠加，且父列无负外边距抵消子列浮动，会出现横向滚动条；），会触发自动换行（子列另起一行），但不会导致布局崩溃（仅影响子列排列）；表示占父列宽度的 50%（6/12），而非页面宽度的 50%。等断点类，实现 “父列布局不变，子列随屏幕尺寸自适应”。
2025-10-15 17:04:18
787
原创 BootStrap基础学习——栅格网格系统（列组合，列偏移）
类，在列的左侧生成相当于 “指定列数宽度” 的空白区域。其本质是通过 CSS 的。Bootstrap 的列偏移基于 “12 列等分” 规则，通过为列添加。），且偏移量会随屏幕断点动态变化，确保响应式适配。如果内容超过12格，将直接进行换行处理。如果偏移相加超过12格，将进行换行处理。，Bootstrap 4+ 统一为。
2025-10-14 15:13:04
519
原创 BootStrap的基础学习——布局容器
直接撑满整个视口（viewport），不随屏幕尺寸变化。，并始终保持水平居中，避免内容因屏幕过宽影响阅读体验。特点：1.内置间距：自动留白，避免内容贴边。是全屏布局的解决方案，特点是。是最常用的布局容器，特点是。特点：1.宽度固定为100%
2025-10-14 14:12:21
277
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人