<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[qinduan007的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/qinduan007</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; qinduan007]]></copyright><item><title><![CDATA[Promise相关方法以及原理，手动实现promise相关功能方法]]></title><link>https://blog.youkuaiyun.com/qinduan007/article/details/120618930</link><guid>https://blog.youkuaiyun.com/qinduan007/article/details/120618930</guid><author>qinduan007</author><pubDate>Tue, 05 Oct 2021 22:21:23 +0800</pubDate><description><![CDATA[Promise相关方法以及原理，手动实现promise相关功能方法
在前端面试中Promise被问到的概率非常大，在我面试的过程中，懂技术的基本都会问相关问题。对于初学者来说并没有将Promise吃透，因此在面试中很容易被问到，同时能够手动实现一个Promise也是进入大厂的基础条件，以下是我对promise做的一些整理，欢迎各位大佬进行补充!
promise是一个构造函数，可以把他看作一个容器，里面可以存放异步代码，可以通过then方法来对结果进行处理，promise本身是一个同步任务，其then方法是一]]></description><category></category></item><item><title><![CDATA[多选框设置选中状态及不可修改状态jQuery]]></title><link>https://blog.youkuaiyun.com/qinduan007/article/details/118045898</link><guid>https://blog.youkuaiyun.com/qinduan007/article/details/118045898</guid><author>qinduan007</author><pubDate>Sat, 19 Jun 2021 09:16:40 +0800</pubDate><description><![CDATA[多选框设置选中状态及不可修改状态jQuery
复选框如何获取到被选中的:
复选框如何让其默认被选中:
复选框如何让其默认选中并且不能操作更改:
readonly:
给复选框设置readonly属性对复选框无用，
disable:设置disable属性可以达到禁用的目的，但是多选框会变为灰色，原本的颜色会失效
如果想要达到用户无法操作的目的，又不想改变颜色可以添加   οnclick=" return false;"
小朋友们注意false后面的分号哦，缺少了就没有效果的哦

...]]></description><category></category></item><item><title><![CDATA[js三种 变量区别]]></title><link>https://blog.youkuaiyun.com/qinduan007/article/details/117388825</link><guid>https://blog.youkuaiyun.com/qinduan007/article/details/117388825</guid><author>qinduan007</author><pubDate>Sat, 29 May 2021 17:53:07 +0800</pubDate><description><![CDATA[js三种 变量区别
变量
var
let
const
在ES6中新增了let const两种方式创建变量
语法：
var 变量名 = 变量值；
let 变量名 = 变量值；
const 变量名 = 变量值；

三者区别
1.修改变量值
结论：var和let创建的变量，是可以修改的，而const创建的变量是不能修改
const创建的变量严格来说，应该称之为’常量‘。常量指的就是不可修改的数据，const通常用来保存不会重新赋值的数据
扩展
在ES6之前，程序员在开发时，如果要使用常量，会在创建变量时，变量名用]]></description><category></category></item><item><title><![CDATA[// 给定一个未经排序的整数数组，找到最长且 连续增长的子序列，并返回该序列的长度。比如 [2,3,2,4,5,6,3]  中符合条件的是[2，4,5,6],程序返回4]]></title><link>https://blog.youkuaiyun.com/qinduan007/article/details/116572244</link><guid>https://blog.youkuaiyun.com/qinduan007/article/details/116572244</guid><author>qinduan007</author><pubDate>Sun, 09 May 2021 22:37:59 +0800</pubDate><description><![CDATA[// 给定一个未经排序的整数数组，找到最长且 连续增长的子序列，并返回该序列的长度。比如 [2,3,2,4,5,6,3] 中符合条件的是[2，4,5,6],程序返回4
var arr=[2,3,2,4,5,6,7,3];
        var max=0;//用于保存最大值
        var count=1;//用于计算每组长度，因前一个和后一个相比，前一个数本身也算一个长度，所以初始化为1，如果要初始化为0，也可以在最后输出的结果时加一
        for(var i=0;i&lt;arr.l]]></description><category></category></item><item><title><![CDATA[输出100内所有偶数之和(while)]]></title><link>https://blog.youkuaiyun.com/qinduan007/article/details/116106586</link><guid>https://blog.youkuaiyun.com/qinduan007/article/details/116106586</guid><author>qinduan007</author><pubDate>Sat, 24 Apr 2021 21:44:39 +0800</pubDate><description><![CDATA[输出100内所有偶数之和(while)
首先要求偶数之和，需要先把偶数挑选出来，偶数的特点一个是能被二整除，然后筛选出偶数后再把偶数相加，由于要筛选100以内的偶数，那么就代表需要用循环来筛选100个数内哪些是偶数，自然需要循环100次；可以使用for循环，也可以使用while
//while来写：
var i=1;//记录循环次数
var sum=0;//定义改变了记录偶数之和
while(i&lt;=100){
//设置筛选条件
	if(i%2==0){
	sum=sum+i;
	}
	i++;
	}
]]></description><category></category></item><item><title><![CDATA[display:inline-block和float 的区别]]></title><link>https://blog.youkuaiyun.com/qinduan007/article/details/115255469</link><guid>https://blog.youkuaiyun.com/qinduan007/article/details/115255469</guid><author>qinduan007</author><pubDate>Fri, 26 Mar 2021 21:16:06 +0800</pubDate><description><![CDATA[display:inline-block和float 的区别
共同：都可以让块元素同行显示，根据父标签的宽度自动换行，float换行需要注意浮动标签高度要一致，不然有换行问题。
不同：display：inline-block需要考虑行内块元素之间的间隙。行内块元素之间的垂直对齐；
display：inline-block标签会留在文档流，float标签会脱离文档流

因脱离文档流，float需要考虑父元素高度塌陷问他

float标签需要考虑对其他非浮动元素的问题

float换行需要注意浮动标签高度要一致]]></description><category></category></item><item><title><![CDATA[text-align和margin：0 auto；区别]]></title><link>https://blog.youkuaiyun.com/qinduan007/article/details/115255408</link><guid>https://blog.youkuaiyun.com/qinduan007/article/details/115255408</guid><author>qinduan007</author><pubDate>Fri, 26 Mar 2021 21:12:35 +0800</pubDate><description><![CDATA[text-align和margin：0 auto；区别
margin：0 auto；是针对块元素进行居中
text-align：针对块元素不会生效，对行内元素及行内块元素才会有用，让内容进行水平居中。

]]></description><category></category></item><item><title><![CDATA[图文混排时，图片和文字垂直如何居中]]></title><link>https://blog.youkuaiyun.com/qinduan007/article/details/115255345</link><guid>https://blog.youkuaiyun.com/qinduan007/article/details/115255345</guid><author>qinduan007</author><pubDate>Fri, 26 Mar 2021 21:08:25 +0800</pubDate><description><![CDATA[图文混排时，图片和文字垂直如何居中
首先我们来说一说line-height和vertical:middle的区别
line-height：行高，可以使标签内部一行的内容进行垂直对齐
vertical：middle  ：vertical-align:针对行内元素和行内块元素进行居中，设置vertical-align：middle，可以理解为对齐的基线是按照某个中线为基线，实现图片和文字，图片和图片等行内或行内块元素间的居中，但是实际上并未在一行中垂直居中，因为该属性设置是实现一行 内元素间的对齐
总结：也就是]]></description><category></category></item><item><title><![CDATA[给input和button设置一样的宽度和高度，为何input会长点？]]></title><link>https://blog.youkuaiyun.com/qinduan007/article/details/115100539</link><guid>https://blog.youkuaiyun.com/qinduan007/article/details/115100539</guid><author>qinduan007</author><pubDate>Mon, 22 Mar 2021 21:40:02 +0800</pubDate><description><![CDATA[给input和button设置一样的宽度和高度，为何input会长点？
input带有默认的padding；
button的height默认是包含了padding和border
因此在输入框后面设置button时，当两个元素设置的高度一致时，会看到输入框会比按钮高，
解决方案:
1 可以选择将浏览器自带的样式先去掉，
2 修改元素的box-size, border-box/content-box
3 选择修改其中一个元素的高度。
ul默认带有16px的margin和40px的padding。

...]]></description><category></category></item><item><title><![CDATA[如何让两个行内元素垂直对齐]]></title><link>https://blog.youkuaiyun.com/qinduan007/article/details/115100372</link><guid>https://blog.youkuaiyun.com/qinduan007/article/details/115100372</guid><author>qinduan007</author><pubDate>Mon, 22 Mar 2021 21:36:10 +0800</pubDate><description><![CDATA[如何让两个行内元素垂直对齐
ertical-align:用于行内元素的垂直对齐方式，middle是居中
方法，分别给要居中的元素设置vertical-align：middle。

]]></description><category></category></item><item><title><![CDATA[如何让背景图片居中？]]></title><link>https://blog.youkuaiyun.com/qinduan007/article/details/115100245</link><guid>https://blog.youkuaiyun.com/qinduan007/article/details/115100245</guid><author>qinduan007</author><pubDate>Mon, 22 Mar 2021 21:34:35 +0800</pubDate><description><![CDATA[如何让背景图片居中
方法一：背景图片添加background-sizing:cover;这种方法会将背景图片拉升，改变背景图片的大小；
方法二：给背景图片调整位置background-position：center；这样不会给背景图片带来影响。

...]]></description><category></category></item><item><title><![CDATA[在一个单元格中引入一张图片和设置一个文本框或者按钮如何进行对齐？]]></title><link>https://blog.youkuaiyun.com/qinduan007/article/details/115035051</link><guid>https://blog.youkuaiyun.com/qinduan007/article/details/115035051</guid><author>qinduan007</author><pubDate>Sat, 20 Mar 2021 21:15:59 +0800</pubDate><description><![CDATA[在一个单元格中引入一张图片和设置一个文本框或者按钮如何进行对齐？
首先这样设置后文本框和图片之间有空隙，需要将文本框代码和图片代码写在一行，中间不能换行或者有空格，然后分别给图片和文本框样式设置垂直方向上对齐 vertical-align: middle;
.goods img,{
            width:150px;
            vertical-align: middle;
            
        }
.goods button{
           
   ]]></description><category></category></item></channel></rss>