跟着小郑学前端-优快云博客

原创掌握 JavaScript：从基础到高级，全面提升编程技能

掌握 JavaScript 的基础知识是成为 Web 开发者的第一步。通过学习变量、数据类型、运算符、控制语句、函数等内容，你将能够编写出交互性强的网页。希望本篇博客能够帮助你更好地理解 JavaScript 的基础概念，并鼓励你进一步学习和实践！

2024-12-24 11:40:23 704

原创最全整理！37 个 Python Web 开发框架总结

Python 提供了丰富的 Web 开发框架，可以满足从小型 API 开发到复杂企业级系统的各种需求。根据项目的复杂度、性能需求和开发人员的经验，选择合适的框架可以帮助提高开发效率并确保项目成功。🎉。

2024-12-21 16:17:34 4828 8

是 Composition API 的入口，在组件实例创建之前执行。返回的数据和方法会暴露给模板使用。ref：用于定义单个响应式数据。reactive：用于定义复杂的响应式对象。如 onMounted、onUpdated，替代 Vue 2 的生命周期方法。抽离可复用逻辑（如 API 请求、状态管理）。更好地复用逻辑，适合复杂项目。更自然地支持 TypeScript。Composition API 和 Options API 有何区别？

2024-12-17 10:26:58 1106 2

原创 Vue2 应用开发必备技能：构建优雅的 Axios 请求封装模块

在 Vue2 项目中，数据请求是最常见的操作之一。使用 Axios 是一个非常流行的选择，但为了更方便地管理和维护代码，我们通常需要对请求进行封装。今天，我将手把手教你如何封装 Axios 请求，让你的代码更加简洁、优雅。统一管理请求的基础配置；方便地添加请求或响应的全局处理逻辑；在项目中轻松复用和维护接口请求。

2024-12-14 20:48:56 1005 4

原创 Python实现银杏树绘制与效果展示

银杏树，因其形态优美、叶片独特而被人们喜爱。银杏的叶子呈扇形，秋天时叶片呈现出金黄的色彩，成为秋季的代表之一。今天，我们将使用Python的。我们将利用Python的turtle库来绘制银杏树🍂。首先，我们会画出树干和树枝，然后用颜色填充银杏的扇形叶子，使其看起来更加自然。来绘制一棵具有银杏树🍂特色的树。通过编写Python代码，我们将模拟银杏树的树干、树枝、叶子等细节。，最终呈现出一棵生动的银杏树🍂。

2024-12-13 18:06:33 1755 8

原创 5分钟掌握 Bootstrap：打造高效、优雅的前端页面

CSS 组件：如网格系统、按钮、卡片等。JavaScript 插件：如模态框、下拉菜单、轮播图等。移动优先：内置响应式设计理念，适配不同设备尺寸。通过以上内容，你已经掌握了 Bootstrap 的核心功能及其使用方法。在实际项目中，Bootstrap 不仅可以节省开发时间，还能帮助你实现专业的设计。快试着用它来开发自己的项目吧！如果你想了解更多内容，可以访问官方文档。

2024-12-13 09:51:53 1418 2

原创高效项目托管指南：从本地到 GitHub 的完整流程

在现代软件开发中，将项目托管在 GitHub 上是一个常见且高效的方式。GitHub 不仅可以用作版本控制工具，还能帮助你与团队协作或展示自己的项目。本文将带你一步步完成项目的打包和上传。

2024-12-12 14:32:15 1551 2

原创 Web前端技术宝典：期末冲刺指南

Web 前端的学习内容广泛而且丰富，涵盖了从基本的 HTML、CSS 到 JavaScript 编程，再到现代的前端框架。在期末复习时，建议大家通过做题、写代码和实践项目来加深对知识的理解。希望本文的复习资料能够帮助大家更好地准备期末考试，取得好成绩！

2024-12-11 13:51:35 1286

原创从零开始用 Python 打造经典贪吃蛇游戏：代码+详解

蛇通过一个列表 snake_body 存储位置，每个元素是 [x, y] 坐标。draw_snake() 函数绘制蛇的每个部分。这段代码使用了 pygame 的核心功能，如绘制图形、监听事件和更新屏幕等。通过学习此项目，你可以掌握如何用 Python 开发一个完整的游戏，并进一步扩展功能，如增加障碍物、调整游戏速度、设计多关卡等。

2024-12-10 09:43:56 3245 7

原创《Python期末备考全攻略：高分秘籍与实用技巧大合集！》

"""简单的问候函数"""def greet(name) : """简单的问候函数""" return f"Hello, {name }!" print(greet("Alice")) # 输出：Hello, Alice!!print(greet("Alice")) # 输出：Hello, Alice!

2024-12-09 10:20:43 1499 7

原创《Vue.js 生命周期全解析：从创建到销毁的每一步》

生命周期钩子描述触发时机实例创建前，无法访问数据和事件在实例初始化时触发created实例创建后，数据可访问，事件、生命周期已设置实例已创建，数据初始化完成之后在挂载开始前，render 函数首次被调用组件实例化后但 DOM 尚未挂载前mountedDOM 挂载完成后DOM 完全挂载，组件显示到页面上数据更新后，DOM 更新前数据发生变化之前，视图未重新渲染updated数据更新并且视图重新渲染后数据更新并重新渲染之后实例销毁前用于清理工作（例如移除事件监听器）

2024-11-29 16:10:40 1137 5

原创深入理解 Vue 3 插槽：实现灵活和可扩展的组件设计

插槽是一种允许组件在其模板中嵌入内容的机制。Vue 插槽的目的是使得组件内容的插入与组件的内部实现解耦，从而增强组件的复用性和灵活性。它的基本用法是通过标签，在子组件模板中占位，父组件则可以在调用子组件时通过插槽传入内容。有时候，子组件可能有多个不同位置的插槽，父组件可以根据需要选择性地为每个插槽提供不同的内容。这时，我们就需要用到具名插槽。具名插槽通过 v-slot:name 指定插槽的名称，父组件可以在调用时指定对应名称的内容。

2024-11-20 19:01:53 1871 7

原创 Vue.js 开发者必读：避免常见陷阱的解决方案

Vue.js 是一个非常流行的前端框架，因其简洁、易用和强大的功能而广受开发者喜爱。在实际开发过程中，我们可能会遇到一些常见问题，这些问题如果没有正确解决，会影响开发效率和应用的性能。本文将介绍一些 Vue.js 开发中常见的错误及其解决方案，帮助大家更好地理解 Vue 的工作原理，并提升开发效率。

2024-11-18 16:36:40 812 4

原创 vue常用的指令用途和注意事项

指令用途备注v-bind动态绑定元素属性常用于绑定 class、style、href 等v-if条件渲染，显示或隐藏元素会销毁和重新创建 DOM 元素v-for列表渲染使用 :key 提升渲染性能v-model双向数据绑定，表单输入自定义组件使用时需要 model 属性v-show条件渲染，控制元素的 display 样式不销毁元素，仅改变样式动态绑定 CSS 类支持对象和数组语法动态绑定样式支持对象和数组语法v-on事件监听。

2024-11-05 11:19:41 939 3

原创 Vue代码一定要避开这几个错误写法

在data中定义复杂对象时，应该避免直接引用，因为如果不小心修改了这个对象，Vue的响应式系统可能无法检测到变化。// 错误写法data() {return {user: {name: '',age: 0。

2024-11-04 17:00:50 522 1

原创如何放大图片并保证宽高比不变？

以上方法可以有效地在 Vue 应用中实现图片的放大，同时保持宽高比。选择合适的方法取决于具体的需求和使用场景。如果只是简单的图片展示，使用 CSS 的 object-fit 或 background-image 方法会更为简单。这样，即使容器的大小发生变化，图片也会根据容器的大小适当地放大或缩小。另一种方法是使用 CSS 背景图像，并通过 background-size 属性来实现宽高比的保持。如果你希望在图片放大时保持宽高比，可以通过 JavaScript 动态计算图片的宽高。

2024-11-02 17:09:03 457 2

原创路由之间是怎么跳转的？有哪些方式？

【代码】【无标题】

2024-11-01 11:25:30 833 3

2301_80346402的博客