240 发简信
IP属地:广东
  • axios的二次封装

    我们在开发中基本上都要对请求进行统一配置,这样非常利于我们后期的维护比如可以在此配置请求拦截,响应拦截等大部分请求都需要携带token,我们可以在请求拦截中进行配置,让页面每...

  • 图片上传前预览需求

    图片上传前预览需求 很多业务场景下,我们需要在用户上传图片前,先预览待上传的图片

  • 过滤存在嵌套的数组,并将符合的返回,原格式不变

    利用JSON将原数组拷贝一份,这样可以避免原数组被改变,再每个元素中遍历元素中嵌套的数组,将符合条件的返回给当前的数组,这样可以保证数据格式不变,遍历完嵌套数组后 判断dat...

  • 根据数组中对象属性进行去重

    根据数组中对象属性进行去重 先遍历循环原数组,声明一个计数器,用于记录新数组的遍历次数,在新数组的循环遍历中判断,新数组中每个对象的name属性是否等于原数组对象中的name...

  • Vue中监听地址栏路由改变

    有时在遇到需要跳转子路由时让当前父路由隐藏,子路由显示可使用

  • javascript中常用的字符串方法

    字符串常用方法 str.charAt(idx);  查找idx索引的字符,返回布尔值 str.indexOf(val);  返回val在字符串中第一次出现的位置,返回索引 s...

  • javascript中常用的数组方法

    数组方法 查询索引 查询索引 检测元素 截取数组元素 删除数组元素 头部添加元素 头部删除元素 尾部添加元素 尾部删除元素 将数组元素拼接成字符串 合并数组 反转数组 排序

  • javascript中的高阶函数

    高阶函数 forEach forEach用于遍历数组中所有元素,用法非常广泛,例如用在循环绑定事件 map 用于遍历数组,和forEach使用基本一致,只不过map有返回值,...

  • javascript经典算法!

    1、输入一个三位数,判断是否为水仙花数。所谓水仙花数是值,每一位数的立方之和等于这位数本身 例如153 = 1 ^ 3 + 5 ^ 3 + 3 ^3 2、打印出1000-2...

  • 矢量图标引入方法

    css字体图标引入方法在网页中将小图标制作成字体是很多网站的常用做法,为的是减少页面请求。 先推荐一个字体图标库 阿里巴巴矢量图标库一、首先根据项目按需选择好自己需要的图标,...

  • img图片底部空白区域怎么解决

    解决页面img图片底部有空白区域 平时插入图片经常会遇到这种底部会有空白区域的问题,并不是img高度设置的问题, 方式一 设置img为块级元素,就可以解决这个问题 方式二

  • 120
    css简易手风琴效果

    用css完成简易手风琴效果,可以利用锚点链接来切换显示的色块。 a标签为按钮,用来控制哪个盒子拉出要想用transition增加动画效果需要给盒子初始高度为0,就会有缓慢下拉...

  • css双飞翼布局方式

    css双飞翼布局指的是左右两侧盒子固定,中间的盒子自适应大小 这里有四种方式可以实现 一、利用浏览器加载顺序 将中间需要自适应的盒子放在最后,让浏览器左后加载,先让左右两个固...

  • css两栏布局,一个固定一个自适应

    两栏布局是一种比较常见于后台管理的布局方式,通常是左边固定宽度,右边随着屏幕宽度自适应宽 利用BFC,左侧盒子设置浮动后,右侧的盒子就会上去,出现在左侧盒子底部,将右侧的盒子...

  • css高度自适应出现盒子高度塌陷问题

    在网页布局中经常会遇到想给盒子设置高度自适应但出现高度塌陷问题,造成这个问题的原因就在于父盒子没有设置高度,子盒子有浮动 这里有四种解决高度塌陷的方法 一、给父盒子添加高度,...

  • css禁止页面鼠标框选,选中

    有些需求是禁止用户框选的,使得一些文本无法被复制

  • flex布局下无法使用浮动,实现靠右对齐方法

    在flex布局的时候有时候我们在设置justify-content: end;属性的时候因为被其他盒子影响而无法靠右对齐 这时因为浮动在flex布局下也不能使用的时候我们可以...

  • 万能清除法-高度塌陷

    高度塌陷 父级元素高度自适应,子级元素float后或者子元素脱离文档流时,造成父元素高度为0,称为高度塌陷问题。 万能清除法解决高度塌陷 当遇到高度塌陷问题时可直接给父级元素...

  • html+css精灵图

    使用方法 使用图像精灵将减少服务器请求的数量并节约带宽。使用background-image属性导入图片,background-position属性选择起点坐标。 使用bac...

  • 利用css实现盒子固定在浏览器居中显示

    html+css实现在浏览器居中显示下面有两种方法,个人更推荐第一种利用transform方法实现居中 一、利用固定定位属性让盒子相对浏览器上左移动各50%,再上左移动自身5...