舞空~
码龄3年
  • 47,392
    被访问
  • 47
    原创
  • 408,184
    排名
  • 11
    粉丝
关注
提问 私信

个人简介：一只普通的程序猿,记录自己的点点滴滴,希望博客能帮助到你们哈!努力加油!喜欢的麻烦给个赞,谢谢!

  • 目前就职： 星网锐捷
  • 加入CSDN时间： 2018-12-07
博客简介：

weixin_44011751的博客

查看详细资料
  • 3
    领奖
    总分 204 当月 21
个人成就
  • 获得68次点赞
  • 内容获得46次评论
  • 获得113次收藏
创作历程
  • 14篇
    2021年
  • 33篇
    2020年
成就勋章
TA的专栏
  • HTML5
    14篇
  • CSS3
    9篇
  • vue
    26篇
  • js
    22篇
  • nvm
    1篇
  • node
    1篇
  • vscode设置
    2篇
  • vscode中文设置
    1篇
  • vscode插件
    2篇
  • 拖拽改变侧栏宽度
    1篇
  • git的使用
    1篇
  • git初学者学习
    1篇
  • jq
    2篇
  • flexible.js
    1篇
  • echarts
    1篇
  • 图标
    1篇
  • 设置耳机声音
    1篇
  • eslint
    1篇
  • 手机查看电脑上的项目
    1篇
  • 超出部分隐藏
兴趣领域 设置
  • 前端
    javascriptcssvue.js前端框架
  • 后端
    node.js
  • 移动开发
    flutter
  • 小程序
    小程序
  • 职场和发展
    面试
  • 最近
  • 文章
  • 资源
  • 问答
  • 帖子
  • 视频
  • 课程
  • 关注/订阅/互动
  • 收藏
搜TA的内容
搜索 取消

推荐四种好看的加载动画,需要的自取

好看的四种加载动画,效果如图:代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"&g
原创
发布博客 2021.08.11 ·
127 阅读 ·
0 点赞 ·
0 评论

vue中实现购物页面侧栏分类随滚动自动激活侧栏分类,商品页面侧栏分类和页面滚动联动demo

1.效果如图页面滚动,吸顶区吸顶(注释了,根据需要修改),下面侧栏左栏点击,右栏自动滚动到当前分类;右栏滚动左栏自动激活当前分类按钮2.demo主要包括三部分虚拟数据js文件,页面vue,本地图片3.下面附上源码:创建一个虚拟数据文件mydata.js1.效果如图页面滚动,吸顶区吸顶,下面侧栏左栏点击,右栏自动滚动到当前分类;右栏滚动左栏自动激活当前分类按钮2.demo主要包括三部分虚拟数据js文件,页面vue,本地图片3.下面附上源码:mydata.jsconst
原创
发布博客 2021.07.21 ·
300 阅读 ·
0 点赞 ·
0 评论

vue中封装公共的方法

1.创建一个common文件夹用户存放公共文件,在文件夹中创建一个sy_util.js用于存放公共的方法,例如我下面的$routerQuery方法sy_util.js代码:export default { install (Vue, options) { Vue.prototype.$routerQuery = () => { let href = location.href href = href.replace('%2
原创
发布博客 2021.06.23 ·
678 阅读 ·
1 点赞 ·
0 评论

element-ui DateTimePicker设置只能选择当前时间之前或之后的时间

1.设置picker-options属性代码::picker-options="pickerOptions"2.属性代码:pickerOptions: { disabledDate (time) { return time.getTime() < Date.now() // 选当前时间之后的时间 // return time.getTime() > Date.now() // 选当前时间之前的时间
原创
发布博客 2021.06.21 ·
1438 阅读 ·
1 点赞 ·
0 评论

vue中使用vconsole,适合在公众号手机页面的调试工具

1.应用场景:当我们项目放到公众号研发时,有时候报错我们需要在手机上排查,但是公众号页面是没办法看到输出的,这时候我们就可以引用vconsole调试了!2.安装命令: npm install vconsole3.安装完成,在main.js中引入import VConsole from 'vconsole'var vConsole = new VConsole();4.这时候手机打开项目就可以看到右下方这个按钮,点击就可以查看输出了,经常用于公众号页面进行调试,发布时把main.js两行注释就不
原创
发布博客 2021.06.21 ·
255 阅读 ·
2 点赞 ·
0 评论

VUE获取元素高度的方法

VUE获取元素高度的方法
原创
发布博客 2021.04.02 ·
3794 阅读 ·
1 点赞 ·
0 评论

Vue中监听某个元素滚动盒子中滚动条的位置

监听某个元素滚动盒子中滚动条的位置
原创
发布博客 2021.04.02 ·
2128 阅读 ·
2 点赞 ·
0 评论

vue和uniapp中页面数据不更新,js变量更新了,视图数据却没变

vue和uniapp中页面数据不更新,js变量更新了,视图数据却没变的解决方案
原创
发布博客 2021.04.02 ·
598 阅读 ·
1 点赞 ·
2 评论

js判断日期大小

js判断日期大小getMax(date1,date2){ var oDate1 = new Date(date1); var oDate2 = new Date(date2); if(oDate1.getTime() > oDate2.getTime()){ console.log('第一个大'); } else { console.log('第二个大'); }}this.getMax('2015-10-10','2015-
原创
发布博客 2021.04.02 ·
290 阅读 ·
0 点赞 ·
0 评论

nvm一个node版本管理工具

有时候项目运行不起来可能是node版本太久或太新,这时候你就需要对node版本进行升级或者降级,nvm就是一个很好用的node版本管理工具
原创
发布博客 2021.03.13 ·
26 阅读 ·
1 点赞 ·
0 评论

vue 路由跳转记住滚动位置，返回时回到上次滚动位置(第一种亲测有效,且数据状态也会很好的保存,以及滚动位置)

应用场景经常用于电商购物车页面,比如点击进去查看商品详情,返回时需要记住当前分类,以及滚动条所处位置
原创
发布博客 2021.03.13 ·
285 阅读 ·
1 点赞 ·
0 评论

vue中实现轮询功能,常用于监听支付状态

<template> <div> <h3>vue中实现轮询功能,常用于监听支付状态</h3> <p>轮询功能经常用在支付页面,我们需要实时获取当前支付状态,判断用户是否支付成功</p> </div></template><script>export default { name: "", components: {}, data() { return
原创
发布博客 2021.03.13 ·
640 阅读 ·
1 点赞 ·
0 评论

vue中用户自定义短信模板设置,功能为点击添加有光标时在光标后面拼接数据,没光标时在短信模板后面直接拼接数据

点击添加有光标时在光标后面拼接数据,没光标时在短信模板后面直接拼接数据
原创
发布博客 2021.03.13 ·
364 阅读 ·
1 点赞 ·
0 评论

点击获取验证码并登录的实现和验证原理

验证码其实就是一个图片,图片根据后面拼接的随机数的不同生成不同的图片,这个后端的事情,我们只需要在用户点击验证码时修改验证码图片地址即可
原创
发布博客 2021.03.13 ·
3584 阅读 ·
2 点赞 ·
0 评论

vue的router-link的两种传参方式query和params的区别

首先我的页面路由配置是这样的:方式一:<router-link :to="{path:'./first',query:{id:666}}">第一页</router-link>地址展示如图,参数为键值对:获取参数的方式this.$route.query打点就可以获取参数id:this.$route.query.id方式二:<router-link :to="{name:'first',params:{id:777}}">第一页</router-l
原创
发布博客 2020.12.24 ·
441 阅读 ·
3 点赞 ·
0 评论

自己动手写一个上传组件(支持多个上传),并展示上传进度

我只是写一个demo,至于文件列表的展示,删除,下载自己根据自己的项目写就好了,例子我用的是elemengUI写的,具体可以根据自己的需求修改效果展示如图:点击上传(这边我传的文件比较小,所以看上去有点误差,进度是可以正常展示的)最后我将上传成功返回列表数据展示在页面,可以根据自己具体需求修改展示列表的样式布局为了方便观看,下面是源码截图,最后会附上源码:附上源码:<template> <div> <h3>上传组件</h3>
原创
发布博客 2020.12.17 ·
94 阅读 ·
0 点赞 ·
0 评论

数组和对象的常用遍历

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>数组和对象的常用遍历</title></head><body> <scrip
原创
发布博客 2020.12.03 ·
27 阅读 ·
1 点赞 ·
0 评论

数组的排序和数组根据对象的某个字段排序

数组根据对象的某个字段排序,如图:希望文档能帮助到您,最后求个赞,谢谢~
原创
发布博客 2020.12.03 ·
421 阅读 ·
1 点赞 ·
0 评论

详细解读深浅拷贝,实现深拷贝最好的方法就是递归方法

1.对浅拷贝和深拷贝的理解浅拷贝和深拷贝都是对于JS中的引用类型而言的，浅拷贝就只是复制对象的引用堆和栈的关系，简单类型Undefined，Null，Boolean，Number和String是存入堆，直接引用，object array 则是存入桟中，只用一个指针来引用值），如果拷贝后的对象发生变化， 原对象也会发生变化。只有深拷贝才是真正地对对象的拷贝。2.浅拷贝:浅拷贝的意思就是只复制引用（指针），而未复制真正的值。// 数组浅拷贝 let A = [{ id: 1, name:
原创
发布博客 2020.12.03 ·
448 阅读 ·
2 点赞 ·
2 评论

实现一个数组过滤掉另一个数组元素的方法

问题描述:工作中经常遇到一个数组列表需要过滤掉另外另外一个数组的元素,剩下的组成一个新的数组,思路就是利用数组的filter方法,将判断的属性如例子的name属性放到一个判断数组,然后利用filter方法过滤即可<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width
原创
发布博客 2020.12.02 ·
1651 阅读 ·
4 点赞 ·
4 评论
加载更多