自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 新手小白快速使用gulp搭建静态服务器写好详细教程

1、什么是gulp?gulp是一个自动的打包工具,前端开发者可以使用gulp来处理常见任务,快速的编写代码,提高工作效率。2、gulp能做些什么?gulp是基于Nodejs的自动任务运行器,它拥有搭建静态服务器,文件保存时自动重载浏览器,使用预处理器如sass\less,优化资源,比如压缩css,压缩javascript,压缩图片等等强大的功能。3、gulp的安装前面说了gulp是基于Nodejs的,所以我们需要先安装node在node环境下安装全局的gulp,-g是安装全局的意思

2020-09-25 21:56:36 418 2

原创 超详细解析前端flex布局

flex布局1、基本概念容器默认存在两根轴:水平的主轴(main axis)和垂直的交叉轴(cross axis)。主轴的开始位置(与边框的交叉点)叫做main start,结束位置叫做main end;交叉轴的开始位置叫做cross start,结束位置叫做cross end。项目默认沿主轴排列。单个项目占据的主轴空间叫做main size,占据的交叉轴空间叫做cross size2、容器的属性以下6个属性设置在容器(父元素)中1、flex-direction2、flex-wrap3、fl

2020-09-19 08:33:02 708

原创 大厂面试题-力扣第7题整数反转超详细解析

大厂面试题-力扣第7题整数反转超详细解析题目描述:给出一个 32 位的有符号整数,你需要将这个整数中每位上的数字进行反转。注意:假设我们的环境只能存储得下 32 位的有符号整数,则其数值范围为 [−231, 231 − 1]。请根据这个假设,如果反转后整数溢出那么就返回 0例如:1534236469 反转后变成 9646324351超过范围,直接返回0解题思路:我们可以把整数转换成字符串,遍历字符串可以拿到每一个字符,把他们从后往前放进一个新的数组,再转换成数字类型。代码实现:1.将输入的整

2020-08-20 00:24:39 354

原创 大厂面试题-力扣第9题超详细解析

大厂面试题-力扣第9题超详细解析题目描述:判断一个数是否是回文数。回文数是指正序(从左到右)和倒序(从右到左)读都是一个数。例如121:正序和逆序都是121解题思路:既然我们知道了什么是回文数,知道了回文数正序和逆序的特征,我们可以利用这点,封装一个函数,将要判断的整数传入,我们需要把传入 整数变成数组,再得到一个新的数组,这个数组是原数组的倒序数组,利用这两个数组的length相同,只需比较对应下标的值是否一样即可判断这个数是否是回文数。话不多说,直接上代码感受一下~1.首先把传入的整数,变成数

2020-08-18 09:11:58 940

原创 原生Js实现自动无缝轮播图

javascript实现自动无缝轮播图1、实现原理轮播图实现原理是用一个大盒子组容器,里面包含一个小盒子,小盒子用来移动,小盒子里装着要轮播的图片,图片水平排放,当小盒子移动的时候带动图片一起移动,要想实现无缝轮播,则要在最后放一张与第一张一摸一样的图片,当图片滚动到最后一张时,用户会感觉这是第一张,然后再跳到第一张,这样用户就不会感觉图片是跳过去的,实现无缝轮播2、实现效果(图片上传有大小限制,这里就展示一部分。。。)3、代码展示3.1 网页结构布局(html代码)<!DOCTYPE

2020-06-16 14:14:47 1491

空空如也

空空如也

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

TA关注的人

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