<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[DevilAngelia的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/DevilAngelia</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; DevilAngelia]]></copyright><item><title><![CDATA[动态导入 modules 文件夹下的所有模块]]></title><link>https://blog.youkuaiyun.com/DevilAngelia/article/details/134426056</link><guid>https://blog.youkuaiyun.com/DevilAngelia/article/details/134426056</guid><author>DevilAngelia</author><pubDate>Wed, 15 Nov 2023 18:05:10 +0800</pubDate><description><![CDATA[【代码】vuex 动态导入 modules 文件夹下的所有模块。]]></description><category></category></item><item><title><![CDATA[页面全屏无限滚动切换图片]]></title><link>https://blog.youkuaiyun.com/DevilAngelia/article/details/134369852</link><guid>https://blog.youkuaiyun.com/DevilAngelia/article/details/134369852</guid><author>DevilAngelia</author><pubDate>Mon, 13 Nov 2023 09:22:09 +0800</pubDate><description><![CDATA[页面全屏无限滚动切换图片，监听鼠标滚轮事件，监听过度动画结束事件，通过滚轮事件确定的滚动方向，在动画结束后执行对应的事件生成新元素]]></description><category></category></item><item><title><![CDATA[页面全屏无限滚动切换图片]]></title><link>https://blog.youkuaiyun.com/DevilAngelia/article/details/134334387</link><guid>https://blog.youkuaiyun.com/DevilAngelia/article/details/134334387</guid><author>DevilAngelia</author><pubDate>Fri, 10 Nov 2023 15:31:31 +0800</pubDate><description><![CDATA[页面全屏无限滚动切换图片，监听鼠标滚轮事件，监听过度动画结束事件，通过滚轮事件确定的滚动方向，在动画结束后执行对应的事件生成新元素]]></description><category></category></item><item><title><![CDATA[React 学习笔记]]></title><link>https://blog.youkuaiyun.com/DevilAngelia/article/details/134164293</link><guid>https://blog.youkuaiyun.com/DevilAngelia/article/details/134164293</guid><author>DevilAngelia</author><pubDate>Wed, 01 Nov 2023 16:26:27 +0800</pubDate><description><![CDATA[是一个开源的JavaScript库，由Facebook于2013年开发，用于构建用户界面或UI组件。它主要用于构建单页应用程序或SPA，并且可以在Web和移动应用程序中使用。React.js使用虚拟DOM来提高性能，并使用组件化的方式来实现代码的重用和组织。]]></description><category></category></item><item><title><![CDATA[Vue3 学习笔记]]></title><link>https://blog.youkuaiyun.com/DevilAngelia/article/details/126170389</link><guid>https://blog.youkuaiyun.com/DevilAngelia/article/details/126170389</guid><author>DevilAngelia</author><pubDate>Fri, 05 Aug 2022 08:44:17 +0800</pubDate><description><![CDATA[Vue3、v-model、$attrs]]></description><category></category></item><item><title><![CDATA[后端一次性返回 十万条数据——分页加载]]></title><link>https://blog.youkuaiyun.com/DevilAngelia/article/details/125928579</link><guid>https://blog.youkuaiyun.com/DevilAngelia/article/details/125928579</guid><author>DevilAngelia</author><pubDate>Fri, 22 Jul 2022 11:24:54 +0800</pubDate><description><![CDATA[先渲染固定条数数据，当页面滚动到底部时，page+1渲染后面的固定条数数据。]]></description><category></category></item><item><title><![CDATA[Vue3 基于Element Plus 线型进度条 el-progress 二次封装]]></title><link>https://blog.youkuaiyun.com/DevilAngelia/article/details/125854643</link><guid>https://blog.youkuaiyun.com/DevilAngelia/article/details/125854643</guid><author>DevilAngelia</author><pubDate>Mon, 18 Jul 2022 16:56:32 +0800</pubDate><description><![CDATA[ui设计师在设计线型进度条的时候在进度条底部加上了一个显示数据的面板，但是ElementPlus提供的format和slot不满足此次的需求，就自己封装了一下。]]></description><category></category></item><item><title><![CDATA[类型判断、节流、防抖、深度克隆]]></title><link>https://blog.youkuaiyun.com/DevilAngelia/article/details/125804536</link><guid>https://blog.youkuaiyun.com/DevilAngelia/article/details/125804536</guid><author>DevilAngelia</author><pubDate>Fri, 15 Jul 2022 14:50:26 +0800</pubDate><description><![CDATA[代码】节流、防抖、深度克隆。]]></description><category></category></item><item><title><![CDATA[vue Pagination 简单封装分页组件]]></title><link>https://blog.youkuaiyun.com/DevilAngelia/article/details/125790646</link><guid>https://blog.youkuaiyun.com/DevilAngelia/article/details/125790646</guid><author>DevilAngelia</author><pubDate>Thu, 14 Jul 2022 18:55:48 +0800</pubDate><description><![CDATA[代码】vue简单封装分页组件。]]></description><category></category></item><item><title><![CDATA[vue2+axios 封装, 统一管理api， 取消请求]]></title><link>https://blog.youkuaiyun.com/DevilAngelia/article/details/125778269</link><guid>https://blog.youkuaiyun.com/DevilAngelia/article/details/125778269</guid><author>DevilAngelia</author><pubDate>Thu, 14 Jul 2022 10:24:27 +0800</pubDate><description><![CDATA[Axios 是一个基于 promise 网络请求库，作用于node.js 和浏览器中。 它是 isomorphic 的(即同一套代码可以运行在浏览器和node.js中)。在服务端它使用原生 node.js http 模块, 而在客户端 (浏览端) 则使用 XMLHttpRequests。...]]></description><category></category></item><item><title><![CDATA[uniApp+uView 实现 tabs标签+drop-down下拉组件]]></title><link>https://blog.youkuaiyun.com/DevilAngelia/article/details/125619466</link><guid>https://blog.youkuaiyun.com/DevilAngelia/article/details/125619466</guid><author>DevilAngelia</author><pubDate>Tue, 05 Jul 2022 15:06:36 +0800</pubDate><description><![CDATA[2.字段




字段
类型
默认值
可选值
说明




right
Boolean
false
-
是否显示tabs右侧插槽


list
Array
[]
-
标签数组，元素为对象，如[{name: ‘推荐’}]


itemStyle
String
padding-left: 15px; padding-right: 15px; height: 40px;
-
菜单item的样式


activeStyle
Object
{ color: ‘#FB7299’, fontSize: ‘14px’ }
]]></description><category></category></item><item><title><![CDATA[Vue 3 Ant Design Vue 动态渲染icons]]></title><link>https://blog.youkuaiyun.com/DevilAngelia/article/details/124959849</link><guid>https://blog.youkuaiyun.com/DevilAngelia/article/details/124959849</guid><author>DevilAngelia</author><pubDate>Wed, 25 May 2022 09:38:04 +0800</pubDate><description><![CDATA[//main.ts

import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
import { createPinia } from 'pinia'
import Antd from 'ant-design-vue'
import * as antIcons from '@ant-design/icons-vue' // 引入ant icons

import 'ant-design-]]></description><category></category></item><item><title><![CDATA[CSS 过渡、动画]]></title><link>https://blog.youkuaiyun.com/DevilAngelia/article/details/124603641</link><guid>https://blog.youkuaiyun.com/DevilAngelia/article/details/124603641</guid><author>DevilAngelia</author><pubDate>Fri, 06 May 2022 10:01:13 +0800</pubDate><description><![CDATA[hover过渡效果 圆圈内收缩
&lt;style&gt;
    html {
        --size: 1.5rem;
        --color: #5fa04e;
    }
    .box {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100vh;
    }
    .hovers {]]></description><category></category></item><item><title><![CDATA[popup 弹窗 picker-view 滚动选择器]]></title><link>https://blog.youkuaiyun.com/DevilAngelia/article/details/124313473</link><guid>https://blog.youkuaiyun.com/DevilAngelia/article/details/124313473</guid><author>DevilAngelia</author><pubDate>Thu, 21 Apr 2022 09:57:49 +0800</pubDate><description><![CDATA[popup 弹窗 picker-view 滚动选择器
组件链接: https://ext.dcloud.net.cn/plugin?id=7960
&lt;m-picker mode="bottom" :show.sync="show" :range="list" @confirm="confirm" /&gt;

一、自定义popup类型的picker-view滚动选择器

组件是基于uniapp开发的，过度动画使用了uniapp的&lt;uni-transition&gt;&lt;/uni-transi]]></description><category></category></item><item><title><![CDATA[subsection 分段器组件]]></title><link>https://blog.youkuaiyun.com/DevilAngelia/article/details/122253423</link><guid>https://blog.youkuaiyun.com/DevilAngelia/article/details/122253423</guid><author>DevilAngelia</author><pubDate>Fri, 31 Dec 2021 12:05:37 +0800</pubDate><description><![CDATA[属性

list: @Array 内容数组
width: @Number 滑块宽度
height: @Number 滑块高度
topBottom: @Number 上下间距
leftRight: @Number 左右间距
color: @String文字颜色
activeColor: @String选中文字颜色
bgColor: @String背景颜色
activeBgColor: @String滑块背景颜色
transitionTime: @Number 动画时间

展示

完整代码
&lt;templa]]></description><category></category></item><item><title><![CDATA[Element UI 表格 el-table 二次封装]]></title><link>https://blog.youkuaiyun.com/DevilAngelia/article/details/122251519</link><guid>https://blog.youkuaiyun.com/DevilAngelia/article/details/122251519</guid><author>DevilAngelia</author><pubDate>Fri, 31 Dec 2021 11:41:58 +0800</pubDate><description><![CDATA[Element UI 表格进行二次封装
Tips: 文章末尾有完整封装代码
一、继承 element 表格属性
需要将element提供的表格属性使用props传入组件中
props: {
	// 表头数据
	columns: {
	    type: Array
	},
	// 表格数据
	list: {
	    type: Array,
	    default() {
	        return []
	    }
	},
	// 加载动画
	loading: {
	    type: Bool]]></description><category></category></item><item><title><![CDATA[Layui]]></title><link>https://blog.youkuaiyun.com/DevilAngelia/article/details/121230138</link><guid>https://blog.youkuaiyun.com/DevilAngelia/article/details/121230138</guid><author>DevilAngelia</author><pubDate>Tue, 09 Nov 2021 15:56:33 +0800</pubDate><description><![CDATA[推荐使用Layui镜像站：https://www.layui.site Layer:https://www.layui.site/layer/index.htm Mobile:https://www.layui.site/layer/mobile/index.htm Layui文档：https://www.layui.site/doc/index.htm Layui示例：https://www.layui.site/demo/index.htm Layer文档：https://www.layui.site/]]></description><category></category></item><item><title><![CDATA[学习Vue 做一个简单的Todo List]]></title><link>https://blog.youkuaiyun.com/DevilAngelia/article/details/120013196</link><guid>https://blog.youkuaiyun.com/DevilAngelia/article/details/120013196</guid><author>DevilAngelia</author><pubDate>Tue, 31 Aug 2021 16:24:33 +0800</pubDate><description><![CDATA[一、创建Vue项目
创建项目的方式有很多，这就简单的说两种吧：
1、命令行创建
win+r  输入cmd   回车   cd进入你要创建的目录
输入下面的命令，遇到需要确认的地方按回车就行了，一般没有什么问题
vue init webpack todolist // todolist是项目名称

创建成功以后
进入项目里面安装依赖运行
cd todolist
npm install // yarn 或  cnpm install
npm run dev

2、如果使用的HBuilder开发工具，可以直接在工]]></description><category></category></item><item><title><![CDATA[jquery鼠标移动、点击页面出现爱心]]></title><link>https://blog.youkuaiyun.com/DevilAngelia/article/details/119894437</link><guid>https://blog.youkuaiyun.com/DevilAngelia/article/details/119894437</guid><author>DevilAngelia</author><pubDate>Tue, 24 Aug 2021 17:20:08 +0800</pubDate><description><![CDATA[爱心
1、css画一个爱心
.main{
    width: 20px;
    position: fixed;
}
// 圆形一
.disc1{
    width: 20px;
    height: 20px;
    border-radius: 100%;
    /*background: red;*/
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}
// 圆形二
.disc2{
    width: 20]]></description><category></category></item><item><title><![CDATA[ColorUI 使用文档]]></title><link>https://blog.youkuaiyun.com/DevilAngelia/article/details/119447883</link><guid>https://blog.youkuaiyun.com/DevilAngelia/article/details/119447883</guid><author>DevilAngelia</author><pubDate>Fri, 06 Aug 2021 11:03:10 +0800</pubDate><description><![CDATA[ColorUI 简易 使用文档

友情链接
文本大小
颜色
图片
头像
边距
布局
列表

友情链接
ColorUI使用文档
看云： https://www.kancloud.cn/als24/color/1141392
ColorUI H5
H5： http://demo.color-ui.com/h5.html#/
原文链接
简书： https://www.jianshu.com/p/450527d7239a#comments
文本大小




xs
sm
df
lg
xl
xxl
sl
xsl



]]></description><category></category></item></channel></rss>