零叁三-CSDN博客

原创 [Vue]编程式导航

在 Vue 中，是通过 JavaScript 代码（而非标签）动态控制路由跳转的核心方式。这个方法依赖于 Vue Router 提供的 API，能更灵活地处理复杂场景（如异步操作、条件跳转等）。

2025-05-03 17:31:17 604

CSS伪类选择器用于选择元素的某种特定状态，它可以是用户交互产生的，也可以是文档结构中的特殊位置。通过伪类，我们可以选择那些没有明确标记为HTML属性的元素，从而在用户交互时动态地变更元素的样式。CSS伪类选择器是一个功能强大的工具集，能够极大地增强网页的交互性和视觉表现力。在设计响应式和动态网站时，熟练运用伪类选择器可以帮助你更精细地控制页面元素，而不需要过多依赖JavaScript。这不仅能改善用户体验，还能提高网页的性能。

2024-12-08 12:37:45 2331 1

原创 CSS的2D和3D动画效果

通过CSS实现2D和3D动画，可以显著提升网页的视觉表现力和用户交互体验。现代浏览器提供了丰富的CSS动画工具，开发者可以通过合理设计和优化，在网页中轻松加入动感效果。希望这篇文章能够帮助您更好地理解和应用CSS动画技术，为您的网页设计添上炫丽的一笔。

2024-12-08 12:33:01 1305 1

原创 [学习笔记]从Flexbox到Grid布局的实战指南

通过Flexbox和Grid，现代CSS提供了强大的工具来实现复杂而灵活的网页布局。Flexbox适用于一维排列，而Grid则在二维布局中完美胜任。理解每种布局的核心概念和属性，并结合实际需求选择合适的工具，将使您的网页设计更加高效、美观和维护简便。

2024-12-08 12:23:30 1152

原创 [学习笔记]JavaScript的异步编程

深入理解JavaScript的异步编程在现代Web开发中，JavaScript因其非阻塞的异步特性而脱颖而出。这种特性使得JavaScript能够处理大量任务而不拖慢用户体验。在这篇博客中，我们将深入探讨JavaScript的异步编程，涵盖其基础概念、异步模式以及实际应用。

2024-12-08 12:19:24 387

原创 JavaScript性能提高技巧

重排（Reflow）：也称为布局重计算。当页面的布局发生变化时，例如改变元素的大小、位置或显示属性，浏览器需要重新计算元素的位置和几何尺寸，从而导致重排。重排是一个非常耗时的操作，因为它会影响到页面中多个元素的布局，甚至可能会影响到页面上多个DOM元素的几何计算。重绘（Repaint）：当元素的外观（如背景颜色、字体颜色）发生变化时，浏览器只需要重新绘制该元素，而不需要重新计算其布局。虽然重绘比重排更轻量，但频繁的重绘依然会影响页面的渲染性能。

2024-12-08 12:10:21 1049

原创 CSS布局技巧汇总

CSS布局的技巧和方法随着前端开发的进化而逐渐丰富。从最早的浮动布局到现在的Flexbox和Grid布局，每种布局方式都有其适用的场景和优缺点。通过掌握这些布局技巧，前端开发者可以更加灵活和高效地设计和实现各种网页布局。随着 Flexbox 和 CSS Grid 的普及，我们已经进入了一个更加灵活和。

2024-12-08 12:07:42 1139

原创 HTML语义化的案例分析

HTML语义化（Semantic HTML）指的是使用描述性标签来构建网页内容的结构，而不仅仅是通过样式来安排布局。语义化标签能更好地反映内容的意义，帮助开发者和浏览器理解每一部分的功能与用途。：用于定义网页头部内容（通常包括导航菜单、标题等）。：定义网页的底部内容（通常包括版权信息、联系信息等）。：表示一个独立的、可重用的内容单元。：表示网页中的某个区域或章节。：定义导航链接区域。与之对比，非语义化标签如

2024-12-08 12:06:40 1395

原创 [ES6] 箭头函数

JavaScript 是一种广泛使用的编程语言，随着其发展和演变，引入了很多新的特性来提高代码的可读性和开发效率。其中一个重要的特性就是 ES6（ECMAScript 2015）中引入的箭头函数（Arrow Function）。箭头函数不仅提供了更简洁的语法，还带来了一些独特的行为，尤其是在处理 this 关键字时。本文将详细讲解箭头函数的使用方法及其背后的机制。

2024-07-03 11:13:17 586

原创 [Vue学习]生命周期及其各阶段举例

当我们运行vue项目，看到了屏幕上显示的界面，看到了界面上显示的数据和标签，之后将这个界面叉掉，这一过程其实经历了一整个vue的生命周期的四个阶段，即创建阶段、挂载阶段、更新阶段以及销毁阶段, 而对于每个阶段的启动前和完成后，都可以使用一对钩子来访问。

2024-07-03 00:06:00 616

原创 [Django学习]查询过滤器（lookup types）

这将查找标题在忽略大小写的情况下完全匹配“harry potter”的书籍。contains用于查找字段包含特定子字符串的记录,适用于部分匹配查询。上面的查询会查找标题完全为“Harry Potter”的书籍。icontains忽略大小写查找字段包含特定子字符串的记录。iendswith忽略大小写地查找以特定字符串结尾的记录。查找字段值在给定列表中的记录,适用于批量匹配查询（数组）。lt用于查找字段值小于/小于等于特定值的记录。range用于查找字段值在特定范围内的记录。查找字段值大于或等于特定值的记录。

2024-06-22 17:44:01 767

原创 [Django学习]前端+后端两种方式处理图片流数据

前后端完整过程为：前端填写图片标题等信息，之后选择图片并传给后端，后端把前端传过来的图片保存在当前项目文件中，并在数据库中存放图片的位置。前端想要查看图片，后端先从数据库中调出图片的位置信息，之后把位置信息传给前端，前端src展示出图片。1.首先，我们现在models.py文件中定义模型来存放该图片数据,前端传来的数据都会存放在Django项目文件里的images文件夹下。4.在视图文件里增加两个函数，一个是用来前端给后端传图片流数据，后端进行处理；另一个是后端从数据库中调出图片返还给前端。

2024-06-22 11:48:05 1167 2

原创 [Django学习]Q对象实现多字段模糊搜索

假设我们现在有一个客房系统,前端界面上展示出来了所有客房的所有信息。用户通过客房的价格、面积、人数等对客房进行模糊搜索，如检索出价格在50到100元之间的客房，同时检索面积在20平方米到30平方米之间的客房，此时后端可以借助Q对象对客房进行筛选处理，并返回给前端。学习笔记以注释的形式出现。

2024-06-22 10:13:57 600

原创 [学习笔记]深度学习:pytorch多GPU训练

使用 DataParallel进行多GPU训练(DistributedDataParallel的浅显探索)

2024-06-22 09:50:43 342

原创 [Django学习]如何在Django中声明“事务”(包括事务回滚)

事务(transaction)是访问并可能操作各种数据项的一个数据库操作序列，这些操作要么全部执行,要么全部不执行，是一个不可分割的工作单位。比如某软件的转账功能：现在用户A要给B转账300块，其流程为，先检查A的余额，若余额大于300，则将A的余额减去300，之后将B的余额增加300。在上述例子中，A余额减300，和B余额增加300这两个操作要么都执行，要么一个也不执行，否则可能会出现A的余额减300后，B的余额没有变化，或是B的余额凭空增加300，但A的余额还是不变。装饰器来装饰一个视图函数或方法。

2024-06-22 09:49:31 531

原创 [Python学习]python链表的创建和使用

Python的变量存储机制和c语言的大不相同。C语言是一种静态类型语言，即变量的类型在编译时，并且在整个程序中保持不变；在c语言中，当执行操作时，会在内存中开辟一个名字为a的空间，其中存储整型的1000但python则不同，Python是一种动态类型语言，变量的类型是在运行时决定的。a = 1000执行上述语句时，python会在存储空间中开辟一个存储整型1000（对象）的空间，并让变量a去指向它。Python变量在定义时不需要指定类型，类型信息存储在变量引用的对象中。

2024-03-15 08:58:55 575

原创 [Python学习]变量存储逻辑和垃圾回收机制(GC)

垃圾回收机制：引用计数和解决循环引用的分代收集机制

2024-03-15 08:39:00 575

原创 [Uniapp]携带参数跳转界面（两种方法）

假设现在有两个界面：界面A和界面B。并要由界面A跳转到界面B，则我们可以使用跳转界面时，将参数附加在URL后，并在B界面的onLoad()获取到这个参数界面A的代码界面B的代码。

2024-03-05 22:42:02 4387 1

原创 [前端学习]常用的DOM操作及其用法示例(二)

事件委托是一种常用于优化事件处理器的技术，可以减少页面上的事件处理器数量。

2024-02-25 18:20:08 411

原创 [前端学习]常用的DOM操作及其用法示例(一)

在JavaScript（JS）中，"DOM"（文档对象模型）语句是指与HTML或XML文档的结构、样式和内容交互的方法和接口。DOM提供了表示文档结构的对象，并允许JavaScript访问和修改文档的内容、结构和样式。在实际项目中，DOM语句的使用可以让我们获取到更多主动权，本篇我将整理自己在学习、项目过程中常用到的DOM语句，为日后复习巩固用。

2024-02-25 18:10:51 592

原创 [前端学习]学习笔记:图片懒加载技术

图片懒加载技术，通俗点来说，就是只有当用户滚动到页面的某部分，需要显示的图片才会被加载。这样可以减少初次加载页面时的请求量，加快页面加载速度，并减少带宽使用，从而优化用户体验。

2024-02-19 08:00:00 489

原创 [Uniapp]文本文件数据：巧用切片实现字符串统计、删除、替换操作

题目概述：给定一段文本数据，要求按照用户输入，统计出文本中某个字符串出现的次数、删除某个字符串或是替换某个字符串。针对这个问题，我们可以采用切片对文本数据进行处理。切片会根据选定的字符串将文本数据中的该字符串删除，并把剩余的部分放在一个列表中，依据这一特性，我们并可以实现统计、删除和替换功能。

2024-01-18 12:07:29 829 1

原创 [Uniapp]优化APP用户下载文件体验

在之前的博客中，我们探讨了如何在uniapp中实现文件的下载和预览功能。这次，我们将进一步深入。作为初学者，我将提供一些个人认为较为舒服的技巧来优化用户下载体验,也算是对上一篇博客的小小补充。

2024-01-18 00:06:45 1003 2

原创 [Uniapp]实现手机APP下载文件到本地并预览

在移动应用开发中，文件下载和预览是一个常见的需求。本文将通过一个具体的uniapp实例来展示如何实现手机APP中的文件下载到本地并进行预览的功能。我们的目标是在手机APP中实现文件的下载和预览功能。具体来说，当用户触发某个事件（例如点击一个下载按钮）时，我们希望能从服务器下载文件到本地，并在下载完成后自动打开文件进行预览。实现过程即为：手机向服务器发起请求，服务器响应并传来文件流数据，之后对文件流数据进行处理并实现相应功能。

2024-01-17 23:52:50 4095

原创 [Uniapp]用户登录界面记住多个账号密码功能的实现方法

在前一篇博客中，我们成功实现了用户登陆界面“记住密码”功能的实现，但是这样限制较大，即每台机子只能实现对一组账号密码的存储，如果存储第二组，则会把第一组的内容覆盖掉。在本篇文章中，我们将实现一台机子同时记住多个账号密码这一功能。

2023-12-07 06:00:00 617 1

原创 [Uniapp]uni.request接收图片流类型数据的可行性方法

在平日练习使用uniapp前后端交互的过程中，我们时常会遇到这个问题：通过uni.request从后端接收的数据类型为图片流数据。如果我们直接定义变量并在uni.request的res.data直接赋值的话，我们会发现，最终得到数据竟然是一堆堆乱码。那么，如何在Uni.request中接收图片流类型的数据并把它展示到屏幕上呢，我们可以借助转换思想。先将得到的数据转换为二进制类型的数据,再将其转换为base64格式的数据，这样可以通过赋值给image组件的src，而把他展示在屏幕上。

2023-12-06 08:00:00 927 2

原创 [Uniapp]用户登录界面“记住密码”功能的实现方法

在使用Uniapp编写用户登录界面时，有必要增加的一大功能就是“记住密码”这一功能。“记住密码”功能允许用户在使用本机下次登录时，无需输入账号密码即可完成快速登陆。为实现这一功能，我们可以借助Uniapp提供的API接口中的数据缓存这一模块实现，现在让我们简单认识一下需要用到的模块。

2023-12-05 20:18:45 4742 1

原创 [Uniapp]前后端交互详解：如何从后端数据库调用数据

以上就是在uniapp中实现前后端交互的基本步骤。通过这种方式，你的uniapp前端应用可以从后端数据库获取所需数据。记得在开发过程中关注数据安全和API的权限控制，以保护你的数据不被未经授权的访问。

2023-11-14 00:15:00 9714 4

原创 [数据结构]稀疏矩阵的一次定位快速转置法详解

稀疏矩阵是一种矩阵，其中大部分元素为零。与之相对的是稠密矩阵，它的绝大多数元素都是非零的。在实际问题中，很多矩阵都是稀疏的，例如在图论、网络分析等领域。为了高效地存储和处理这种类型的矩阵，稀疏矩阵的表示方式变得尤为重要。稀疏矩阵的三元组表示稀疏矩阵可以通过三元组表示法来存储，这种表示方法只记录非零元素的值及其所在的行列坐标。一个三元组可以用元组 (value, row, column) 来表示，其中 value 是矩阵中的元素值，row 是元素所在的行，column 是元素所在的列。

2023-11-12 00:43:09 803 1

原创 [Matlab小练习]使用Matlab实现牛顿插值法求解方程近似根

牛顿迭代法，也称为牛顿-拉弗森方法，是一种用于数值逼近求解方程根的迭代方法。它是一种快速、有效的方法，可用于近似计算方程的根。该方法基于泰勒级数展开和线性逼近的概念，通过不断迭代来逼近方程的根。下面是使用牛顿迭代法求解方程近似根的基本思想和步骤：选择一个初始猜测值（近似根），通常称为 x0。使用所选的初始值 x0，计算函数 f(x) 在该点的值 f(x0) 以及函数 f(x) 的导数 f'(x) 在该点的值 f'(x0)。这可以通过解析计算或数值近似方法来获取。

2023-10-24 06:15:00 2229

原创 [c语言小练习]约瑟夫环

约瑟夫环（Josephus problem）是一个经典的数学问题，讲述了如何在一群人中逐个进行淘汰，直到最后只剩下一个人的问题。故事的背景是：在古代犹太战争中，约瑟夫和他的朋友被罗马军队包围。他们决定宁愿自杀也不成为敌人的奴隶。他们围成一个圆圈，从某个人开始，依次报数。每当报到一个指定的数时，报数的人就会被杀死，直到只剩下一个人。具体而言，约瑟夫环问题可以描述为：有n个人围成一圈，从第一个人开始报数，报到m的人出局，然后从下一个人开始重新报数，再次报到m的人出局，如此重复，直到只剩下一个人为止。

2023-10-22 14:42:59 370 1

原创 [Uni-App]探索Promise更多秘密

随着 Promise 的广泛应用，其相关的 API 和特性也在不断地发展。为了编写更加健壮、高效的异步代码，深入理解并灵活应用 Promise 的进阶特性是至关重要的。

2023-10-18 00:20:30 632 1

原创【uniapp】Promise简介

在深入 UniApp 的实践之前，我们先快速了解一下 Promise。Promise 是异步编程的一种解决方案，比传统的解决方案——回调函数和事件——更强大、更合理。它最大的好处是在异步执行的流程中，避免了过度嵌套的回调函数（俗称“回调地狱”）。将 UniApp 中的异步操作封装成 Promise，不仅可以使代码结构更清晰，而且通过错误处理和异步操作控制提供了强大的灵活性。但需要注意的是，过度使用 Promise 也可能导致代码难以理解和维护，因此在实际开发中需要根据实际情况合理利用 Promise。

2023-10-17 23:57:23 2380

原创 [Python贪吃蛇]使用python实现简易贪吃蛇

这次，我们使用python实现简易的贪吃蛇，食物会在限定屏幕区域随机出现，当蛇头触碰到食物时，食物消失，同时蛇的长度增加一。当蛇头触碰到蛇身任意一个地方时，游戏结束。当蛇头或蛇身超出屏幕范围时，不会判定死亡，而是会在屏幕对应的另一端出现。食物产生方法中，通过随机数产生食物的随机横纵坐标在移动方法中，当蛇头的坐标和食物坐标重合时，更新新的“蛇头”，同时产生新的食物（调用食物产生方法）事件处理方法用于捕获玩家操控的按键，并作出相应的方向变换pygame.display.set_caption("贪吃蛇")

2023-10-16 21:28:52 2077 3

空空如也

空空如也