- 博客(96)
- 收藏
- 关注
RSS订阅原创 使用 computed和使用 watch来实现类似属性监听效果比较
特性computedwatch响应式更新✅ 自动✅ 手动处理用于模板绑定✅ 非常适合✅ 但需要额外变量副作用处理❌ 不适合✅ 非常适合性能✅ 有缓存❌ 每次变化都触发代码简洁性✅ 简洁❌ 逻辑较多可读性✅ 高✅ 高（但逻辑多时可能变复杂）
2025-09-04 15:25:10
262
原创 Vue 中绑定样式的几种方式
方法类型动态性可读性适合场景推荐程度:style对象字面量高中简单样式绑定⭐⭐⭐:style变量或计算属性高高复杂样式、复用性强⭐⭐⭐⭐:style数组组合高中多来源样式合并⭐⭐⭐:class条件类名中高状态切换、静态样式控制⭐⭐⭐⭐内联style低低临时调试⭐。
2025-09-04 15:02:05
180
原创 为什么别人页面变化快，而你的有“延迟感”？
操作类型示例属性性能影响优化建议触发重排widthheightlefttop高开销尽量避免频繁修改布局属性触发重绘coloropacitybackground中等开销可接受，但仍需控制频率GPU 加速渲染transformopacity（配合最优性能推荐用于动画和视觉变化技术点快速页面变化的秘诀布局方式使用flex/grid替代absolute动画策略控制transition范围，避免布局属性动画渲染优化使用transformDOM 简化减少嵌套，优化结构响应式设计。
2025-09-04 11:23:48
491
原创 token存储方案
HttpOnly是 Cookie 的一个属性。当设置为HttpOnly时，JavaScript 无法访问这个 Cookie（比如通过这样可以有效防止XSS（跨站脚本攻击），因为攻击者即使注入了恶意脚本，也无法窃取这个 Cookie。SameSite是另一个 Cookie 属性，用于限制 Cookie 的跨站发送行为。设置为Strict时，Cookie只会在同源请求中发送，不会在第三方网站发起的请求中附带这个 Cookie。这可以防止CSRF（跨站请求伪造）攻击。
2025-09-02 21:22:12
542
原创 vue2滑块验证
判断用户是否是人类，通过拖动轨迹的“自然性”来识别。支持自定义宽度、高度、颜色、提示文字。✅ 添加“重置”按钮或自动重置逻辑。✅ 加入拖动轨迹分析（防机器人）拖动滑块到最右侧判定为验证成功。✅ 拖动完成后调用后端接口验证。：让后端参与验证，提升安全性。：让组件在手机上也能正常使用。可扩展轨迹分析或后端验证逻辑。：用户拖错了可以重新尝试。✅ 支持移动端触摸事件（
2025-09-02 20:52:58
277
原创 CSS字体样式全攻略
🧱 让文字有空间感，适合标题或LOGO。🖋️适合插画、创意工作者的个人页面。🔥 适合标题、品牌名，视觉冲击力强。🧘♀️适合极简设计、文化类网站。✨适合科技类网站、博客、作品集。🚀适合游戏、AI、科技类项目。🐰 适合儿童类网站或节日氛围。📖适合时尚、生活方式类内容。🌫️ 适合神秘、梦幻主题。🌃 夜店风、科技感十足。具体效果是文字会上下跳动。
2025-09-02 11:53:11
265
原创 vue2一些icon图标动画的例子
点击图标时，太阳会先向左旋转 144 度（即 40% 的 360°），然后回弹。🌞 太阳图标点击时，先反向旋转 144°，然后切换为月亮。再次点击月亮，直接切换回太阳，无动画。实现图标淡入淡出，增强视觉流畅度。🌙 月亮图标静止显示，不带任何动画。动画结束后，图标切换为月亮。
2025-09-01 06:31:17
117
原创 vue2下拉菜单
template>{{ selected || '请选择水果' }}</div><li{{ item }}</li></ul></div><script>data() {return {items: ['苹果', '香蕉', '橙子']},},},methods: {},},if (!left: 0;</style>展示。
2025-08-30 19:26:58
267
原创 vue中的与，或，非
只有当两个操作数都为真值时，整个表达式才返回真。如果第一个操作数为假，则直接返回第一个操作数的值（ falsy value ）；否则返回第二个操作数的值。在 Vue 的模板中，我们经常需要根据条件来显示或隐藏内容、动态绑定类名和样式等。这些运算符在 Vue 模板中的工作方式与在纯 JavaScript 中完全一致。：如果第一个操作数为真，则返回第一个操作数的值；否则返回第二个操作数的值。例如，“当某个条件成立时，才渲染某个元素”。如果操作数为真，则返回。
2025-08-30 15:40:52
199
原创 vue布局
两个块初始隐藏，页面加载时从左右滑入，制造动态分屏感。：背景颜色渐变切换，登录框淡入，适合欢迎页或品牌展示。：两个块分别是登录和注册界面，通过按钮滑动切换。：用户可以拖动登录框在页面任意位置，增强交互性。：背景是渐变色，内容块居中悬浮，带阴影和圆角。：背景是自动播放的视频，登录框居中覆盖。：大屏幕左右并排，小屏幕上下堆叠。点击右下按钮会转到去注册。
2025-08-28 22:43:53
518
原创 vue2实现背景颜色渐变
📌 用户可实时调整颜色，适合主题切换或个性化设置。📌 渐变可用于按钮、卡片、导航栏等局部组件。📌 可用于玻璃拟态、模糊背景等视觉增强。📌 可用于移动端适配或暗/亮模式切换。📌 适合需要精细控制渐变路径的场景。📌 用于炫彩背景、节日氛围等场景。📌 适合炫酷首页或加载页。
2025-08-27 22:52:04
226
原创 django注册app时两种方式比较
特性简洁性✅ 更简洁❌ 稍冗长明确性❌ 依赖约定✅ 非常明确灵活性❌ 只能使用默认配置类✅ 可以选择不同的配置类兼容性✅ Django 自动处理✅ 直接指定推荐场景大多数情况需要自定义配置时'user_permission.apps.UserPermissionConfig', # 明确指定什么时候需要完整路径？多个配置类：一个应用有多个配置类时自定义ready方法：需要在应用启动时执行特殊代码修改默认配置：需要覆盖默认行为时verbose_name = '用户权限管理系统'
2025-08-27 11:08:49
509
原创 Django时区处理
是全球统一的时间标准，不受任何地区时区影响。地区时区与 UTC 的偏移中国（北京时间）CSTUTC+8美国纽约ESTUTC-5（冬令时）英国伦敦GMTUTC±0Django 在时，所有时间都会以 UTC 存储，确保跨地区一致性。存储统一用 UTC展示根据用户时区转换代码中只用和。
2025-08-25 16:58:12
848
原创 djangorestframework-simplejwt
这是你问题的关键。要为 Token 添加自定义用户信息（如user_idemailnickname等），你需要通过自定义序列化器 (Serializer)来实现。在你的应用（如users或utils）中创建文件，或者直接在现有文件中编写。# 调用父类方法获取基础的 Token，里面已经包含了默认的字段（如 user_id）# 添加自定义信息到 Token 载荷 (payload)# 添加自定义字段（例如用户模型上的 profile.nickname）# 甚至可以添加用户权限组。
2025-08-25 13:46:55
381
原创 django错误记录
如果你确实需要用户系统但不想用 Django 默认的auth_user# 自定义字段pass然后在不过这会引入更多复杂性，不建议在纯 API 项目中使用，除非你真的需要用户系统。如果你只是想用 DRF 的视图集功能，不需要用户认证：保留和设置 DRF 不使用认证和权限类只迁移你自己的 app，忽略系统 app 的表这样你既能用视图集，又能保持数据库干净整洁。
2025-08-24 22:16:04
369
原创 Vuex 状态持久化企业级解决方案
Vuex状态持久化是企业级Vue应用的关键需求。本文总结了多种解决方案：1)推荐使用vuex-persistedstate插件，支持模块化配置；2)手动localStorage实现简单可控；3)服务端同步确保数据安全；4)IndexedDB适合大数据存储。企业最佳实践包括数据分类存储、加密敏感信息、性能优化如节流保存等。方案选型建议根据应用规模选择：中小型应用推荐vuex-persistedstate，大型应用需组合多种方案并实施强加密。完整示例展示了安全增强的Vuex配置，通过分级存储策略确保用户体验一致
2025-08-18 18:35:09
391
原创 Vuex的使用
Vuex 是专门为 Vue.js 设计的状态管理库，它采用集中式存储管理应用的所有组件的状态。简单来说，Vuex 就是一个"全局变量仓库"，所有组件都可以从这里获取数据或修改数据。当你的 Vue 应用变得复杂时，组件之间的数据共享和通信会变得困难。Mutations 是修改 State 的唯一途径，每个 mutation 都有一个字符串的。Actions 提交的是 mutations，而不是直接变更状态。State 就是存储数据的地方，相当于组件中的 data。写文章-CSDN创作中心。
2025-08-18 17:43:55
293
原创 Vue 中 v-for 的使用及 Vue2 与 Vue3 的区别
同样支持这些方法，但由于 Vue3 使用 Proxy 实现响应式，直接通过索引修改数组也会触发更新。Vue3 的这些变化主要是为了提供更一致的开发体验和更好的性能，大多数。的基本用法在 Vue2 和 Vue3 中是相同的。：保持 Vue2 的行为，但新增了遍历范围的概念。在 Vue3 中，对于复杂的列表操作，考虑使用。中强烈建议使用，但不是强制要求。，在同一元素上同时使用会导致错误。应该放在实际的元素上而不是。，不推荐在同一元素上同时使用。避免在同一元素上同时使用。，但应该放在子元素上。
2025-08-18 12:19:35
210
原创 vue修改element的css属性
有时候在<style lang="less" scoped></style>修改css是不是出现过想修改element属性但是怎么都修改不了的情况。）可能不在当前组件的 Scoped 作用域内，导致普通 CSS 选择器无法命中。无法命中 Element UI 内部的 DOM，所以即使加。中，以及 Element UI 的 DOM 结构如何渲染。这样就能精准覆盖 Element UI 的内部样式了！，让样式作用于子组件的 DOM 节点。关键在于你的样式是否在。（Vue 2）穿透作用域。），防止样式污染全局。
2025-08-13 18:23:10
442
原创 Django REST Framework视图
"""规格类目表"""id = models.AutoField(primary_key=True, verbose_name="商品ID")name = models.CharField(max_length=50, verbose_name="规格类目名称")cid = models.CharField(max_length=50, verbose_name="类目编号")verbose_name = '商品规格类目'"""商品表"""
2025-08-13 10:17:14
1055
原创 Django Request 与 DRF Request 的区别
在 Django 和 Django REST Framework (DRF) 中，request对象虽然相似，但有一些重要区别。
2025-08-11 10:02:35
894
原创 创建一个django项目
"""规格类目表"""id = models.AutoField(primary_key=True, verbose_name="商品ID")name = models.CharField(max_length=50, verbose_name="规格类目名称")cid = models.CharField(max_length=50, verbose_name="类目编号")verbose_name = '商品规格类目'"""商品表"""
2025-08-09 20:08:05
737
原创 python的selenium操控浏览器
注意：与谷歌浏览器版本一模一样的不一定找得到，可以取相似版本的 chromedriver来替代。第三步就可以开始写一个python代码来操控浏览器了。设置->关于Chrome->查看当前谷歌浏览器版本。第二步找到你存放chromedriver的位置。第一步先查找到谷歌浏览器安装位置。
2025-05-06 10:19:06
503
原创 python代码与robotframwork代码之间的转化
我们可以在*** Variables ***定义全局变量，但是需要注意的是在部分，你可以直接定义字符串、列表和字典，但无法定义整数、浮点数、布尔值、元组或集合。Robot Framework 的变量默认是字符串类型，而列表和字典是 Robot Framework 内部支持的数据结构。但其他类型（如intfloatbooltupleset）必须通过Evaluate关键字进行转换。
2025-05-05 16:34:06
643
原创 前端vue3 setup，后端fastapi，视频展示
在 Web 开发中，视频播放是一个常见的需求。HLS（HTTP Live Streaming）和 FLV（Flash Video）是两种常见的视频流媒体传输协议。以下是它们的详细介绍和实现方法。简介FLV是 Adobe 开发的视频格式，曾经广泛用于 Flash 播放器。虽然 Flash 已被淘汰，但 FLV 格式仍然可以通过 HTML5 和 JavaScript 播放。优点文件体积较小，适合低带宽环境。支持流式传输，延迟较低。缺点兼容性较差，现代浏览器不再支持 Flash。
2025-03-14 17:42:26
1257
原创 fastapi 解决跨域问题
跨域问题 (CORS) 是因为浏览器安全策略阻止了不同来源（origin）的请求访问。为了解决这个问题，你需要在 FastAPI 应用中启用支持。在之后添加的导入，并在 FastAPI 应用实例中添加 CORS 支持。python。
2025-03-06 17:44:55
838
原创 robotframwork快速开始
Robot Framework是一个基于Python的自动化测试框架，它可以帮助测试人员更方便、高效地进行自动化测试。这个框架的主要特点是“关键字驱动”，也就是说，测试人员不需要自己编写复杂的测试代码，而是可以使用预定义的关键字来编写测试用例。这些关键字实际上是一些操作或功能的描述，测试人员只需要根据测试需求选择合适的关键字组合，就可以完成测试工作。Robot Framework支持多种类型的测试，包括接口测试、GUI界面测试、数据库测试、APP测试等。
2025-02-28 15:50:33
813
原创 注册和订阅RHEL 8 的可选仓库
RHEL 8的可选仓库提供了许多额外的软件包，这些软件包可能不在基础仓库中。这些软件包可能包括新的应用程序、工具、库或框架，它们可以扩展系统的功能或满足特定的需求。通过订阅可选仓库，您可以获得这些软件包的更新和补丁。这对于保持系统的安全性和稳定性至关重要。Red Hat会定期发布更新，以修复已知的安全漏洞和错误。某些可选仓库可能包含支持特定工作负载所需的软件包。例如，如果您正在运行一个需要特定数据库或中间件的应用程序，那么订阅包含这些组件的可选仓库将非常有用。
2025-02-28 10:25:39
809
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人