<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[March_Mango的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/March_Mango</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; March_Mango]]></copyright><item><title><![CDATA[element卡片组件修改css(el-carousel)]]></title><link>https://blog.youkuaiyun.com/March_Mango/article/details/121596716</link><guid>https://blog.youkuaiyun.com/March_Mango/article/details/121596716</guid><author>March_Mango</author><pubDate>Sun, 28 Nov 2021 20:21:04 +0800</pubDate><description><![CDATA[内部实现逻辑是这样的:


&lt;el-carousel&gt;
    &lt;el-carousel__container&gt;
 
        &lt;el-carousel__item&gt;&lt;/el-carousel__item&gt;
 
    &lt;/el-carousel__container&gt;
 
    &lt;el-carousel__indicators&gt;&lt;/el-carousel__indicators&gt;
&lt;/el-carousel&]]></description><category></category></item><item><title><![CDATA[uniapp用selectAll获取dom元素布局信息]]></title><link>https://blog.youkuaiyun.com/March_Mango/article/details/121587301</link><guid>https://blog.youkuaiyun.com/March_Mango/article/details/121587301</guid><author>March_Mango</author><pubDate>Sun, 28 Nov 2021 09:31:00 +0800</pubDate><description><![CDATA[let query=uni.createSelectorQuery().in(this);
let sss= query.selectAll('.card-item').fields({
	rect:true,   //是否返回节点布局位置信息{left,top,right,bottom}
	size:true,  //是否返回节点尺寸信息{width，height}
	scrollOffset:true //是否返回节点滚动信息{scrollLeft,scrollTop}
},function(res).]]></description><category></category></item><item><title><![CDATA[首行缩进uniapp中空格&nbsp；不生效的解决方法]]></title><link>https://blog.youkuaiyun.com/March_Mango/article/details/121543011</link><guid>https://blog.youkuaiyun.com/March_Mango/article/details/121543011</guid><author>March_Mango</author><pubDate>Thu, 25 Nov 2021 17:30:34 +0800</pubDate><description><![CDATA[在style中增加

text-indent:30px;


]]></description><category></category></item><item><title><![CDATA[uniapp的html中文乱码]]></title><link>https://blog.youkuaiyun.com/March_Mango/article/details/121495903</link><guid>https://blog.youkuaiyun.com/March_Mango/article/details/121495903</guid><author>March_Mango</author><pubDate>Tue, 23 Nov 2021 16:13:04 +0800</pubDate><description><![CDATA[用utf-8打开文件即可






]]></description><category></category></item><item><title><![CDATA[关于uniapp中长图片父盒子宽度自适应的需求实现]]></title><link>https://blog.youkuaiyun.com/March_Mango/article/details/121419830</link><guid>https://blog.youkuaiyun.com/March_Mango/article/details/121419830</guid><author>March_Mango</author><pubDate>Fri, 19 Nov 2021 15:14:33 +0800</pubDate><description><![CDATA[先说结论：

绑定图片加载函数获得每张图片的宽高，然后通过屏幕大小和图片大小等比例缩放，计算得出每张图片的宽度：每张图所需宽度= 图片真实宽度/(图片真实高度/屏幕高度)

父盒子把每张图宽度相加，然后监听窗口的resize，重新赋值给父盒子宽度就行。

（代码直接看下面第三点）

1、需求

我要实现不同长度的图片拼接成一个连续的长图，就是高度不变，可以横向滚动的图片。



2、实现

首先我以为设定了图片height:100vh就好了，然后图片宽度可以自己进行自适应。然而，运行后的uni-image的]]></description><category></category></item><item><title><![CDATA[element表单验证]]></title><link>https://blog.youkuaiyun.com/March_Mango/article/details/121136769</link><guid>https://blog.youkuaiyun.com/March_Mango/article/details/121136769</guid><author>March_Mango</author><pubDate>Thu, 04 Nov 2021 10:16:46 +0800</pubDate><description><![CDATA[验证条件为type:number的时候

要在v-model加.number才行





参考链接：element-ui vue表单验证踩坑_清风了了的博客-优快云博客
]]></description><category></category></item><item><title><![CDATA[uniapp网络请求封装]]></title><link>https://blog.youkuaiyun.com/March_Mango/article/details/120345534</link><guid>https://blog.youkuaiyun.com/March_Mango/article/details/120345534</guid><author>March_Mango</author><pubDate>Fri, 17 Sep 2021 11:49:59 +0800</pubDate><description><![CDATA[1、新建api文件夹，config文件存放请求的IP地址，request进行请求，index存放所有接口



2、config.js，存放ip地址



3、request.js,在这里进行网络请求，本质就是在request里面使用uni.request，返回promise对象

记得下载axios


npm i axios -s


import axios from 'axios'
//import store from '../store/index.js'
import urlConfig fr]]></description><category></category></item><item><title><![CDATA[webpack学习初体验]]></title><link>https://blog.youkuaiyun.com/March_Mango/article/details/119545813</link><guid>https://blog.youkuaiyun.com/March_Mango/article/details/119545813</guid><author>March_Mango</author><pubDate>Mon, 09 Aug 2021 22:45:13 +0800</pubDate><description><![CDATA[个人学习记录 代码有点乱将就吧.

参考笔记:http://www.woc12138.com/article/45

首先:创建项目要初始化

包的名字用小写,其他用默认值就行,生成一个package.json文件


npm init

一:实现打包js文件

下载依赖包webpack和webpack-cli,-g是全局下载-D是开发依赖,webpack都属于开发依赖


C:\project\webpackLearn&gt;npm i webpack webpack-cli -g



C:\pr...]]></description><category></category></item><item><title><![CDATA[Bable的简单使用]]></title><link>https://blog.youkuaiyun.com/March_Mango/article/details/119544470</link><guid>https://blog.youkuaiyun.com/March_Mango/article/details/119544470</guid><author>March_Mango</author><pubDate>Mon, 09 Aug 2021 19:45:12 +0800</pubDate><description><![CDATA[个人学习,仅供参考.

第一步:node环境搭建

https://nodejs.org/zh-cn/下载并安装长期支持版.

创建项目目录,在项目目录下查看node是否安装成功



第二步:初始化package.json


C:\project\babeltest&gt;npm init -y




第三步:Babel的安装包

安装babel-preset-env和babel-cli两个安装包


C:\project\babeltest&gt;npm install --save-dev ...]]></description><category></category></item></channel></rss>