<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[xtcbql的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/xtcbql</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; xtcbql]]></copyright><item><title><![CDATA[Python办公自动化真实案例]]></title><link>https://blog.youkuaiyun.com/xtcbql/article/details/147350346</link><guid>https://blog.youkuaiyun.com/xtcbql/article/details/147350346</guid><author>xtcbql</author><pubDate>Sat, 19 Apr 2025 14:53:31 +0800</pubDate><description><![CDATA[(数据准备：直接新建一张Excel表，输入若干个字段，订单编号设为100001，下拉向下填充若干百条，产品名称任意填充五种，其他直接用问号填充）：订单编号产品名称产品售价产品销量负责人1000001产品A001？？？1000002产品A001？？？1000003产品A001？？？1000004产品A001？？？原表变成。]]></description><category></category></item><item><title><![CDATA[npm和Node的各版本兼容情况]]></title><link>https://blog.youkuaiyun.com/xtcbql/article/details/135044797</link><guid>https://blog.youkuaiyun.com/xtcbql/article/details/135044797</guid><author>xtcbql</author><pubDate>Sun, 17 Dec 2023 14:58:32 +0800</pubDate><description><![CDATA[npm和node的版本兼容情况]]></description><category></category></item><item><title><![CDATA[css优先级和继承性]]></title><link>https://blog.youkuaiyun.com/xtcbql/article/details/134862446</link><guid>https://blog.youkuaiyun.com/xtcbql/article/details/134862446</guid><author>xtcbql</author><pubDate>Thu, 07 Dec 2023 19:32:16 +0800</pubDate><description><![CDATA[优先级从高到低：内联样式 > id选择器 > 类选择器、伪类选择器、属性选择器 > 元素选择器、伪元素选择器。以下表格是对应的权重。class伪类元素伪元素。]]></description><category></category></item><item><title><![CDATA[登陆与路由守卫]]></title><link>https://blog.youkuaiyun.com/xtcbql/article/details/134263044</link><guid>https://blog.youkuaiyun.com/xtcbql/article/details/134263044</guid><author>xtcbql</author><pubDate>Tue, 07 Nov 2023 11:43:06 +0800</pubDate><description><![CDATA[你可以在每一个中配置用于标识的meta，也可以只在根路由'/'上配置，然后通过遍历matched，判断是否存在meta中isLogin为true，存在这说明这是需要登陆才能进入的界面。编写登陆表单，给“提交”按钮绑定一个点击事件"loginCheck"，当点击提交的时候，把用户名和密码发送到后端登陆接口，后端会对用户名和密码进行校验，校验通过后，返回token。这里，除了'/login'是可以不需要登陆就能访问的 ，其他 '/'、'/home'、'/user'、'/mall'、'page1'、]]></description><category></category></item><item><title><![CDATA[【vuex】state、mutations、actions、getters]]></title><link>https://blog.youkuaiyun.com/xtcbql/article/details/134090892</link><guid>https://blog.youkuaiyun.com/xtcbql/article/details/134090892</guid><author>xtcbql</author><pubDate>Sat, 28 Oct 2023 15:04:21 +0800</pubDate><description><![CDATA[Vuex 是一个专为 Vue.js 开发的状态管理工具，可以实现组件间的数据共享。]]></description><category></category></item><item><title><![CDATA[【ajax】笔记1]]></title><link>https://blog.youkuaiyun.com/xtcbql/article/details/134029188</link><guid>https://blog.youkuaiyun.com/xtcbql/article/details/134029188</guid><author>xtcbql</author><pubDate>Wed, 25 Oct 2023 15:48:33 +0800</pubDate><description><![CDATA[ML（异步JavaScript和XML），最大特点，可以在网页不刷新的情况下发送http请求。ajax是一种将现有标准组合在一起使用的新方式。XML和HTML类似，不同的是HTML中都是预定标签，而XML中没有预定标签，全都是自定义标签。HTTP协议：超文本传输协议，规定了浏览器和万维网服务器之间互相通讯的规则。它限制一个源的javascript脚本与另一个源的资源进行交互。跨域问题：浏览器之所以产生跨域问题，是因为浏览器。url的协议、域名、端口均相同是称为。浏览器的同源策略是浏览器的一个安全策略，]]></description><category></category></item><item><title><![CDATA[【css案例】聊天框]]></title><link>https://blog.youkuaiyun.com/xtcbql/article/details/134017795</link><guid>https://blog.youkuaiyun.com/xtcbql/article/details/134017795</guid><author>xtcbql</author><pubDate>Tue, 24 Oct 2023 17:41:19 +0800</pubDate><description><![CDATA[【代码】【css案例】聊天框。]]></description><category></category></item><item><title><![CDATA[【js】__proto__和prototype]]></title><link>https://blog.youkuaiyun.com/xtcbql/article/details/133970805</link><guid>https://blog.youkuaiyun.com/xtcbql/article/details/133970805</guid><author>xtcbql</author><pubDate>Sun, 22 Oct 2023 11:36:50 +0800</pubDate><description><![CDATA[User会具有__proto__和prototype两个属性，__proto__一般服务于函数对象本身，prototype一般服务于函数实例化的对象。在__proto__上添加一个函数getName。这个函数User可以使用，但是admin无法使用。在prototype上添加一个函数getAge。这个函数User无法使用，但是admin可以使用。创建一个User函数，实例化一个admin对象。]]></description><category></category></item><item><title><![CDATA[使用vuex存储通过axios返回的数据]]></title><link>https://blog.youkuaiyun.com/xtcbql/article/details/133962076</link><guid>https://blog.youkuaiyun.com/xtcbql/article/details/133962076</guid><author>xtcbql</author><pubDate>Sat, 21 Oct 2023 16:54:51 +0800</pubDate><description><![CDATA[2、actions中的doActions是一个异步方法，等待reqCategoryList()方法返回请求结果，把结果通过commit提交给mutations处理。5、在需要数据的组件使用，使用vuex的mapState方法，给组件的计算属性加上一个方法categoryList，这个方法返回的就是存储在state中的数据。1、在需要使用数据的组件中的mounted方法中，调用dispatch()方法，括号内指定的是actions中的定义的。把 state.logindata的值修改为请求回来的数据。]]></description><category></category></item><item><title><![CDATA[路由传参的方法]]></title><link>https://blog.youkuaiyun.com/xtcbql/article/details/133957618</link><guid>https://blog.youkuaiyun.com/xtcbql/article/details/133957618</guid><author>xtcbql</author><pubDate>Sat, 21 Oct 2023 09:51:32 +0800</pubDate><description><![CDATA[params参数：属于路径当中的一部分，在配置路由时需要占位。1、字符串形式2、模版字符串形式3、对象形式使用对象形式传递参数时，需要用name或着path指定要跳转的路径，注意，path和params不能同时使用。]]></description><category></category></item><item><title><![CDATA[HTML5新增特性+CSS3新增特性]]></title><link>https://blog.youkuaiyun.com/xtcbql/article/details/133902904</link><guid>https://blog.youkuaiyun.com/xtcbql/article/details/133902904</guid><author>xtcbql</author><pubDate>Wed, 18 Oct 2023 15:44:58 +0800</pubDate><description><![CDATA[header：头部标签nav：导航标签article：内容标签section：定义文档某个部分aside：侧边栏标签footer：尾部标签。]]></description><category></category></item><item><title><![CDATA[css案例【4】网页底部页码切换]]></title><link>https://blog.youkuaiyun.com/xtcbql/article/details/133888583</link><guid>https://blog.youkuaiyun.com/xtcbql/article/details/133888583</guid><author>xtcbql</author><pubDate>Tue, 17 Oct 2023 17:25:45 +0800</pubDate><description><![CDATA[给定如下所示HTML元素，把a标签转成行内标签，这样就可以设置宽高；在给box加上text-align：center的样式，这样它内部的行内块元素就可以居中显示。剩下来就是调整细节，增加样式让其变得更好看。]]></description><category></category></item><item><title><![CDATA[npm常见命令]]></title><link>https://blog.youkuaiyun.com/xtcbql/article/details/133687694</link><guid>https://blog.youkuaiyun.com/xtcbql/article/details/133687694</guid><author>xtcbql</author><pubDate>Sun, 08 Oct 2023 18:46:46 +0800</pubDate><description><![CDATA[npm常见命令、npm -v、npm config list、npm install]]></description><category></category></item><item><title><![CDATA[html+css综合案例（一）]]></title><link>https://blog.youkuaiyun.com/xtcbql/article/details/133611139</link><guid>https://blog.youkuaiyun.com/xtcbql/article/details/133611139</guid><author>xtcbql</author><pubDate>Fri, 06 Oct 2023 15:09:56 +0800</pubDate><description><![CDATA[HTML+CSS综合案例]]></description><category></category></item><item><title><![CDATA[matplotlib 绘图]]></title><link>https://blog.youkuaiyun.com/xtcbql/article/details/133581781</link><guid>https://blog.youkuaiyun.com/xtcbql/article/details/133581781</guid><author>xtcbql</author><pubDate>Thu, 05 Oct 2023 18:14:39 +0800</pubDate><description><![CDATA[matplotlib 绘图、plot折线图、scatter散点图、pie饼图、bar柱状图、子图subplots]]></description><category></category></item><item><title><![CDATA[js案例（一）百度搜索]]></title><link>https://blog.youkuaiyun.com/xtcbql/article/details/133530067</link><guid>https://blog.youkuaiyun.com/xtcbql/article/details/133530067</guid><author>xtcbql</author><pubDate>Tue, 03 Oct 2023 21:56:38 +0800</pubDate><description><![CDATA[JavaScript案例]]></description><category></category></item><item><title><![CDATA[轮播图小案例（源代码）]]></title><link>https://blog.youkuaiyun.com/xtcbql/article/details/133470092</link><guid>https://blog.youkuaiyun.com/xtcbql/article/details/133470092</guid><author>xtcbql</author><pubDate>Sun, 01 Oct 2023 21:43:31 +0800</pubDate><description><![CDATA[轮播图、css、js、html]]></description><category></category></item><item><title><![CDATA[css案例（二）简单的视差滚动小案例]]></title><link>https://blog.youkuaiyun.com/xtcbql/article/details/133459871</link><guid>https://blog.youkuaiyun.com/xtcbql/article/details/133459871</guid><author>xtcbql</author><pubDate>Sun, 01 Oct 2023 16:59:22 +0800</pubDate><description><![CDATA[1、准备三张图片（01.webp、02.webp、03.webp），准备三个div盒子，给每个div分别指定背景图片，并设置background-attachment: fixed;这样就实现了一个最简单的视差滚动效果了噢。]]></description><category></category></item><item><title><![CDATA[css案例（一）遮罩层]]></title><link>https://blog.youkuaiyun.com/xtcbql/article/details/133466204</link><guid>https://blog.youkuaiyun.com/xtcbql/article/details/133466204</guid><author>xtcbql</author><pubDate>Sun, 01 Oct 2023 16:52:41 +0800</pubDate><description><![CDATA[css案例：遮罩层]]></description><category></category></item><item><title><![CDATA[CSS中实现元素水平居中、垂直居中的6个方法（详解）]]></title><link>https://blog.youkuaiyun.com/xtcbql/article/details/133428628</link><guid>https://blog.youkuaiyun.com/xtcbql/article/details/133428628</guid><author>xtcbql</author><pubDate>Sat, 30 Sep 2023 13:11:25 +0800</pubDate><description><![CDATA[CSS中实现元素居中6个的方法、text-align、margin：auto、line-height、flex布局、position]]></description><category></category></item></channel></rss>