<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[DRLDER的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/HAC_SOUL</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; HAC_SOUL]]></copyright><item><title><![CDATA[跟着官方文档学Python合集——001安装和调出Python]]></title><link>https://blog.youkuaiyun.com/HAC_SOUL/article/details/151823000</link><guid>https://blog.youkuaiyun.com/HAC_SOUL/article/details/151823000</guid><author>HAC_SOUL</author><pubDate>Thu, 18 Sep 2025 11:47:56 +0800</pubDate><description><![CDATA[本文介绍了Python的下载安装及基础验证方法。首先指引用户访问Python官网下载3.13.7版本，并说明安装过程。然后以Windows系统为例，演示如何通过命令行输入&quot;python -V&quot;验证安装是否成功。接着指导用户输入&quot;python&quot;进入交互式解释器，并通过输入print('myfirstpythonprogram')完成第一个Python程序的运行，输出引号内的内容。文章为Python初学者提供了简单明了的入门指引。]]></description><category></category></item><item><title><![CDATA[Python学习笔记——闭包、装饰器]]></title><link>https://blog.youkuaiyun.com/HAC_SOUL/article/details/134051141</link><guid>https://blog.youkuaiyun.com/HAC_SOUL/article/details/134051141</guid><author>HAC_SOUL</author><pubDate>Thu, 18 Sep 2025 10:54:21 +0800</pubDate><description><![CDATA[【代码】Python学习笔记——闭包、装饰器。]]></description><category></category></item><item><title><![CDATA[Python学习笔记——MYSQL，SQL核心]]></title><link>https://blog.youkuaiyun.com/HAC_SOUL/article/details/133948999</link><guid>https://blog.youkuaiyun.com/HAC_SOUL/article/details/133948999</guid><author>HAC_SOUL</author><pubDate>Mon, 23 Oct 2023 14:34:09 +0800</pubDate><description><![CDATA[在配置中加入上面的字段可以实施自动更新。]]></description><category></category></item><item><title><![CDATA[Python学习笔记——类、魔术方法]]></title><link>https://blog.youkuaiyun.com/HAC_SOUL/article/details/133938779</link><guid>https://blog.youkuaiyun.com/HAC_SOUL/article/details/133938779</guid><author>HAC_SOUL</author><pubDate>Fri, 20 Oct 2023 16:11:07 +0800</pubDate><description><![CDATA[【代码】Python学习笔记——类、魔术方法。]]></description><category></category></item><item><title><![CDATA[Python学习笔记——文件操作、异常捕获、模块]]></title><link>https://blog.youkuaiyun.com/HAC_SOUL/article/details/133921492</link><guid>https://blog.youkuaiyun.com/HAC_SOUL/article/details/133921492</guid><author>HAC_SOUL</author><pubDate>Thu, 19 Oct 2023 12:42:38 +0800</pubDate><description><![CDATA[【代码】Python学习笔记——文件操作。]]></description><category></category></item><item><title><![CDATA[Python学习笔记——存储容器]]></title><link>https://blog.youkuaiyun.com/HAC_SOUL/article/details/133904405</link><guid>https://blog.youkuaiyun.com/HAC_SOUL/article/details/133904405</guid><author>HAC_SOUL</author><pubDate>Wed, 18 Oct 2023 16:40:27 +0800</pubDate><description><![CDATA[集合中的元素不会重复，并且可以进行交集、并集、差集等常见的集合操作。集合（set）是一个无序的不重复元素序列。]]></description><category></category></item><item><title><![CDATA[Python学习笔记——逻辑判断和循环]]></title><link>https://blog.youkuaiyun.com/HAC_SOUL/article/details/133903652</link><guid>https://blog.youkuaiyun.com/HAC_SOUL/article/details/133903652</guid><author>HAC_SOUL</author><pubDate>Wed, 18 Oct 2023 13:13:19 +0800</pubDate><description><![CDATA[语句用于在循环内部跳过当前迭代，直接进入下一次迭代。当某个条件满足时，可以使用。语句用于在循环内部提前结束循环，并跳出循环体。当某个条件满足时，可以使用。语句来跳过本次循环体的剩余部分，继续下一次迭代。]]></description><category></category></item><item><title><![CDATA[Python学习笔记——基本类型、函数、输入和输出]]></title><link>https://blog.youkuaiyun.com/HAC_SOUL/article/details/133901700</link><guid>https://blog.youkuaiyun.com/HAC_SOUL/article/details/133901700</guid><author>HAC_SOUL</author><pubDate>Wed, 18 Oct 2023 12:53:32 +0800</pubDate><description><![CDATA[常规的函数定义结构如下：函数的声明需要使用def关键字。函数必须拥有一个函数名，且包含参数括号，用于声明。定义参数类型时使用‘:’作为引导符，使用‘->’作为返回值引导符当出现多个参数类型定义时，可以使用‘｜’作为分割符cb(a, b)]]></description><category></category></item><item><title><![CDATA[Web前端开发之VUE——VUE开发笔记]]></title><link>https://blog.youkuaiyun.com/HAC_SOUL/article/details/131248578</link><guid>https://blog.youkuaiyun.com/HAC_SOUL/article/details/131248578</guid><author>HAC_SOUL</author><pubDate>Fri, 16 Jun 2023 15:52:54 +0800</pubDate><description><![CDATA[表头在重置页面大小时会触发吸顶，本以为是吸顶插件的bug，后来发现vue2.6.14中的v-show会对vnode进行一个抓取，导致在页面渲染之后页面的vnode树重排会引起vnode错乱而不能获取eui表头node的问题。1.在使用elementUI时，表头吸顶插件使用时遇到一个棘手的问题？v-show的底层问题，可以使用v-if进行解决。]]></description><category></category></item><item><title><![CDATA[Web前端开发之VUE17——Vuex]]></title><link>https://blog.youkuaiyun.com/HAC_SOUL/article/details/124375574</link><guid>https://blog.youkuaiyun.com/HAC_SOUL/article/details/124375574</guid><author>HAC_SOUL</author><pubDate>Sun, 24 Apr 2022 17:19:17 +0800</pubDate><description><![CDATA[为了便于我们对多个组件复杂多样的数据分享和处理进行统一控制，vue推出vuex作为多组件统一控制的工具。










]]></description><category></category></item><item><title><![CDATA[Web前端开发之VUE16——项目开发集、element-UI部署]]></title><link>https://blog.youkuaiyun.com/HAC_SOUL/article/details/124342789</link><guid>https://blog.youkuaiyun.com/HAC_SOUL/article/details/124342789</guid><author>HAC_SOUL</author><pubDate>Sun, 24 Apr 2022 09:41:46 +0800</pubDate><description><![CDATA[vue-cli:





解决PowerShell不能识别vue命令的问题:



vue默认提示消息隐藏：



vue2路由的创建：











vue组件库：







Element-UI组件库：

















修改默认页面名称：


//vue.config.js中加入

chainWebpack:config =&gt; {
    config.plugin('html').tap(args =&gt; {
     ...]]></description><category></category></item><item><title><![CDATA[Web前端开发之VUE15——Vue路由大全、编程式导航、导航守卫]]></title><link>https://blog.youkuaiyun.com/HAC_SOUL/article/details/124300212</link><guid>https://blog.youkuaiyun.com/HAC_SOUL/article/details/124300212</guid><author>HAC_SOUL</author><pubDate>Thu, 21 Apr 2022 19:01:39 +0800</pubDate><description><![CDATA[目录



路由：

通过锚链接Hash实现简易前端路由的方法：

vue-router:

vue-router的安装：

配置和使用vue路由：

vue-router高级用法：

路由重定向：

路由高亮：

自定义高亮class类名：

嵌套路由：

实现嵌套路由：

嵌套路由的重定向：

动态路由匹配：

获取动态路由参数值：

编程式导航：

命名路由：

导航守卫：



路由：









通过锚链接Hash实现简易前端路由的方法：









...]]></description><category></category></item><item><title><![CDATA[Web前端开发之VUE14——自定义指令、updated执行机制]]></title><link>https://blog.youkuaiyun.com/HAC_SOUL/article/details/124294714</link><guid>https://blog.youkuaiyun.com/HAC_SOUL/article/details/124294714</guid><author>HAC_SOUL</author><pubDate>Wed, 20 Apr 2022 16:04:18 +0800</pubDate><description><![CDATA[自定义指令：





自动获取焦点的自定义指令示例代码：


&lt;template&gt;
  &lt;input type="text" v-focus&gt;
&lt;/template&gt;
&lt;script&gt;
export default {
  directives:{
    focus:{
      mounted(el){
        el.focus()
      }
    }
  }
}
&lt;/script&gt;


全局自定义指令：



示...]]></description><category></category></item><item><title><![CDATA[Web前端开发之VUE13——插槽]]></title><link>https://blog.youkuaiyun.com/HAC_SOUL/article/details/124267097</link><guid>https://blog.youkuaiyun.com/HAC_SOUL/article/details/124267097</guid><author>HAC_SOUL</author><pubDate>Tue, 19 Apr 2022 14:00:09 +0800</pubDate><description><![CDATA[插槽：





示例代码：


&lt;template&gt;
  &lt;div&gt;
    &lt;CP1&gt;
      &lt;div class="diyText"&gt;我是父组件自定义的内容&lt;/div&gt;
      &lt;div class="diyText"&gt;我是父组件自定义的内容2&lt;/div&gt;
    &lt;/CP1&gt;
  &lt;/div&gt;
&lt;/template&gt;

&lt;script&gt;
import CP..]]></description><category></category></item><item><title><![CDATA[Web前端开发之VUE12——ref引用，$nextTick，动态组件，keep-alive标签]]></title><link>https://blog.youkuaiyun.com/HAC_SOUL/article/details/124244563</link><guid>https://blog.youkuaiyun.com/HAC_SOUL/article/details/124244563</guid><author>HAC_SOUL</author><pubDate>Tue, 19 Apr 2022 10:16:57 +0800</pubDate><description><![CDATA[ref引用：











示例代码，代码中加入了组件中元素的控制：


//app.vue
&lt;template&gt;
  &lt;div ref="mydiv"&gt;使用ref得到我&lt;/div&gt;
  &lt;cp1 ref="mycp1"&gt;&lt;/cp1&gt;
  &lt;input type="color" v-model="color" @change="changeColor"&gt;
  &lt;button @click="changeColor(col.]]></description><category></category></item><item><title><![CDATA[Web前端开发之VUE11——全局配置axios]]></title><link>https://blog.youkuaiyun.com/HAC_SOUL/article/details/124242442</link><guid>https://blog.youkuaiyun.com/HAC_SOUL/article/details/124242442</guid><author>HAC_SOUL</author><pubDate>Mon, 18 Apr 2022 10:50:06 +0800</pubDate><description><![CDATA[全局配置axios：





示例代码：


//main.js中的配置
import axios from "axios";

const app=createApp(App)
axios.defaults.baseURL="https://www.escook.cn"//此处设置请求的根路径

//此处配置全局变量，后期使用this.$http调用，此处$http可自定义
app.config.globalProperties.$http=axios

app.mount('#app')


...]]></description><category></category></item><item><title><![CDATA[Web前端开发之VUE10——生命周期的完整执行时机、组件关系、vuex概念]]></title><link>https://blog.youkuaiyun.com/HAC_SOUL/article/details/124231343</link><guid>https://blog.youkuaiyun.com/HAC_SOUL/article/details/124231343</guid><author>HAC_SOUL</author><pubDate>Mon, 18 Apr 2022 09:50:04 +0800</pubDate><description><![CDATA[生命周期的完整执行时机：



vue3中生命周期图例Vue.js - The 渐进式 JavaScript 框架https://v3.cn.vuejs.org/guide/instance.html#%E7%94%9F%E5%91%BD%E5%91%A8%E6%9C%9F%E9%92%A9%E5%AD%90

组件关系及数据共享：

父向子共享数据：



子向父共享数据：



父子组件双向同步：



兄弟组件数据共享：



后代数据共享：







注意祖先级数据只会共享给子孙...]]></description><category></category></item><item><title><![CDATA[Web前端开发之VUE09——emits节点、组件上的v-model]]></title><link>https://blog.youkuaiyun.com/HAC_SOUL/article/details/124214087</link><guid>https://blog.youkuaiyun.com/HAC_SOUL/article/details/124214087</guid><author>HAC_SOUL</author><pubDate>Sat, 16 Apr 2022 17:17:44 +0800</pubDate><description><![CDATA[目录



emits节点：

组件上使用v-model：



emits节点：

在之前的我们学习过$emit的事件触发，也就是自定义事件，前期代码：


html:

&lt;button @click.stop="event_click"&gt;+&lt;/button&gt;

script:

event_select(){
   this.$emit('itemSelected')//传递自定义事件，参数包括事件名，多传递参数。
}

父级：
@itemSelected="方法"//响应事件
]]></description><category></category></item><item><title><![CDATA[Web前端开发之VUE08——动态class的优化、props验证]]></title><link>https://blog.youkuaiyun.com/HAC_SOUL/article/details/124200879</link><guid>https://blog.youkuaiyun.com/HAC_SOUL/article/details/124200879</guid><author>HAC_SOUL</author><pubDate>Fri, 15 Apr 2022 20:35:40 +0800</pubDate><description><![CDATA[目录



动态class的优化：

props验证：



动态class的优化：

在往期的class中我们会使用对象键值对直接输入在标签上，这样会使属性过长。

使用data的对象传入是一个不错的解决办法。

示例代码：





style操作过程中发现animation不能被编译，貌似是因为vue给class动态绑定了哈希，但是style动态没有绑定哈希导致的。

下面看一个示例：


&lt;template&gt;
  &lt;div&gt;
    &lt;div class="text".]]></description><category></category></item><item><title><![CDATA[Web前端开发之VUE07——vue3新脚手架vite的使用、全局组件、组件命名]]></title><link>https://blog.youkuaiyun.com/HAC_SOUL/article/details/124181361</link><guid>https://blog.youkuaiyun.com/HAC_SOUL/article/details/124181361</guid><author>HAC_SOUL</author><pubDate>Fri, 15 Apr 2022 17:12:32 +0800</pubDate><description><![CDATA[创建SPA单页面项目：





vite的基本使用：

vite其实和vue-cli都是脚手架工具，不同点见上。



上面给出了npm的安装方式，下面我是用yarn的代码创建一个新的SPA项目：


$ yarn create vite &lt;project-name&gt; --template vue
$ cd &lt;project-name&gt;
$ yarn
$ yarn dev

vite项目的结构：





vite项目的运行流程：



当我们把模板结构创建好后，进行mai...]]></description><category></category></item></channel></rss>