自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(12)
  • 收藏
  • 关注

原创 Promise相关方法以及原理,手动实现promise相关功能方法

Promise相关方法以及原理,手动实现promise相关功能方法在前端面试中Promise被问到的概率非常大,在我面试的过程中,懂技术的基本都会问相关问题。对于初学者来说并没有将Promise吃透,因此在面试中很容易被问到,同时能够手动实现一个Promise也是进入大厂的基础条件,以下是我对promise做的一些整理,欢迎各位大佬进行补充!promise是一个构造函数,可以把他看作一个容器,里面可以存放异步代码,可以通过then方法来对结果进行处理,promise本身是一个同步任务,其then方法是一

2021-10-05 22:21:23 297

原创 多选框设置选中状态及不可修改状态jQuery

多选框设置选中状态及不可修改状态jQuery复选框如何获取到被选中的:复选框如何让其默认被选中:复选框如何让其默认选中并且不能操作更改:readonly:给复选框设置readonly属性对复选框无用,disable:设置disable属性可以达到禁用的目的,但是多选框会变为灰色,原本的颜色会失效如果想要达到用户无法操作的目的,又不想改变颜色可以添加 οnclick=" return false;"小朋友们注意false后面的分号哦,缺少了就没有效果的哦...

2021-06-19 09:16:40 1757

原创 js三种 变量区别

js三种 变量区别变量varletconst在ES6中新增了let const两种方式创建变量语法:var 变量名 = 变量值;let 变量名 = 变量值;const 变量名 = 变量值;三者区别1.修改变量值结论:var和let创建的变量,是可以修改的,而const创建的变量是不能修改const创建的变量严格来说,应该称之为’常量‘。常量指的就是不可修改的数据,const通常用来保存不会重新赋值的数据扩展在ES6之前,程序员在开发时,如果要使用常量,会在创建变量时,变量名用

2021-05-29 17:53:07 329

原创 // 给定一个未经排序的整数数组,找到最长且 连续增长的子序列,并返回该序列的长度。比如 [2,3,2,4,5,6,3] 中符合条件的是[2,4,5,6],程序返回4

// 给定一个未经排序的整数数组,找到最长且 连续增长的子序列,并返回该序列的长度。比如 [2,3,2,4,5,6,3] 中符合条件的是[2,4,5,6],程序返回4var arr=[2,3,2,4,5,6,7,3]; var max=0;//用于保存最大值 var count=1;//用于计算每组长度,因前一个和后一个相比,前一个数本身也算一个长度,所以初始化为1,如果要初始化为0,也可以在最后输出的结果时加一 for(var i=0;i<arr.l

2021-05-09 22:37:59 660 1

原创 输出100内所有偶数之和(while)

输出100内所有偶数之和(while)首先要求偶数之和,需要先把偶数挑选出来,偶数的特点一个是能被二整除,然后筛选出偶数后再把偶数相加,由于要筛选100以内的偶数,那么就代表需要用循环来筛选100个数内哪些是偶数,自然需要循环100次;可以使用for循环,也可以使用while//while来写:var i=1;//记录循环次数var sum=0;//定义改变了记录偶数之和while(i<=100){//设置筛选条件 if(i%2==0){ sum=sum+i; } i++; }

2021-04-24 21:44:39 11836

原创 display:inline-block和float 的区别

display:inline-block和float 的区别共同:都可以让块元素同行显示,根据父标签的宽度自动换行,float换行需要注意浮动标签高度要一致,不然有换行问题。不同:display:inline-block需要考虑行内块元素之间的间隙。行内块元素之间的垂直对齐;display:inline-block标签会留在文档流,float标签会脱离文档流因脱离文档流,float需要考虑父元素高度塌陷问他float标签需要考虑对其他非浮动元素的问题float换行需要注意浮动标签高度要一致

2021-03-26 21:16:06 640

原创 text-align和margin:0 auto;区别

text-align和margin:0 auto;区别margin:0 auto;是针对块元素进行居中text-align:针对块元素不会生效,对行内元素及行内块元素才会有用,让内容进行水平居中。

2021-03-26 21:12:35 319

原创 图文混排时,图片和文字垂直如何居中

图文混排时,图片和文字垂直如何居中首先我们来说一说line-height和vertical:middle的区别line-height:行高,可以使标签内部一行的内容进行垂直对齐vertical:middle :vertical-align:针对行内元素和行内块元素进行居中,设置vertical-align:middle,可以理解为对齐的基线是按照某个中线为基线,实现图片和文字,图片和图片等行内或行内块元素间的居中,但是实际上并未在一行中垂直居中,因为该属性设置是实现一行 内元素间的对齐总结:也就是

2021-03-26 21:08:25 1325

原创 给input和button设置一样的宽度和高度,为何input会长点?

给input和button设置一样的宽度和高度,为何input会长点?input带有默认的padding;button的height默认是包含了padding和border因此在输入框后面设置button时,当两个元素设置的高度一致时,会看到输入框会比按钮高,解决方案:1 可以选择将浏览器自带的样式先去掉,2 修改元素的box-size, border-box/content-box3 选择修改其中一个元素的高度。ul默认带有16px的margin和40px的padding。...

2021-03-22 21:40:02 760 2

原创 如何让两个行内元素垂直对齐

如何让两个行内元素垂直对齐ertical-align:用于行内元素的垂直对齐方式,middle是居中方法,分别给要居中的元素设置vertical-align:middle。

2021-03-22 21:36:10 553

原创 如何让背景图片居中?

如何让背景图片居中方法一:背景图片添加background-sizing:cover;这种方法会将背景图片拉升,改变背景图片的大小;方法二:给背景图片调整位置background-position:center;这样不会给背景图片带来影响。...

2021-03-22 21:34:35 7586

原创 在一个单元格中引入一张图片和设置一个文本框或者按钮如何进行对齐?

在一个单元格中引入一张图片和设置一个文本框或者按钮如何进行对齐?首先这样设置后文本框和图片之间有空隙,需要将文本框代码和图片代码写在一行,中间不能换行或者有空格,然后分别给图片和文本框样式设置垂直方向上对齐 vertical-align: middle;.goods img,{ width:150px; vertical-align: middle; }.goods button{

2021-03-20 21:15:59 221

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除