自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 js最大余额法求百分比(echarts中的饼图自动求百分比底层原理)

js最大余额法求百分比(解决百分比和不到100%的问题)

2023-12-01 15:19:51 158 1

原创 解决element-ui中el-tree懒加载load只执行一次问题

解决element-ui中el-tree懒加载load只执行一次问题

2023-05-31 15:02:34 1546

原创 高频面试题----js对象的深浅拷贝

js对象的深浅拷贝

2022-08-08 16:08:15 322

原创 vue-cli2.x和vue-cli3.x区别

vue-cli2.x和vue-cli3.x搭建项目的区别

2022-07-26 15:47:18 209

原创 数组的reduce方法

数组的reduce方法详解

2022-07-26 15:08:04 9937 2

原创 address-parse.js 地址智能解析插件

gitHub地址address-parse.js(地址智能解析插件)

2021-08-20 13:30:20 756

原创 js-获取某天是今年的第多少周

export function getYearWeek(endDate) { //本年的第一天 let beginDate = new Date(endDate.getFullYear(), 0, 1); //星期从0-6,0代表星期天,6代表星期六 let endWeek = endDate.getDay(); if (endWeek == 0) endWeek = 7; let beginWeek = beginDate.getDay(); if

2021-07-08 18:32:53 117

原创 moment.js 时间处理插件

1.npm下载npm install moment2.按需引入import moment from "moment"3.使用(1)增加日期时间moment().add(7, 'days'); // 7天后moment().add(7, 'd'); // 7天后 简写moment().add(7, 'd').format('YYYY-MM-DD HH:mm:ss'); //指定格式moment().add(7, 'd')。add(2, 'M'); //两

2021-06-02 15:52:29 302

原创 trantion实现鼠标移入盒子另一个盒子从该盒子的左边/右边慢慢移出效果

先看图 ????鼠标移入前移入动画移入后移出动画移出后html代码 <div class="box-out"> <transition name="moveR"> <div class="box-in"></div> </transition> // <transition name="moveL"> // <div class="b

2021-05-28 17:07:03 996

原创 CSS布局-解决flex布局下多行元素既可以均匀对齐最后一行也可以从左到右排列

首先,你有没有遇到过这种情况你既想让它均匀分布,还想让最后一行从左向右排列此时你的代码应该是这样的 .box { display: flex; justify-content: space-evenly; flex-wrap: wrap; .box-info { position: relative; width: 153px; height: 140px; } }解决办法其实很简单.box { di

2021-05-21 12:12:37 3623

原创 时间处理器 /utils/date.js

// date.jsexport function formatDate(date, fmt) { if (/(y+)/.test(fmt)) { fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length)); } let o = { 'M+': date.getMonth() + 1, 'd+': date.getDate(), 'h+': date.g

2021-04-27 10:16:18 244

原创 vue中使用vconsole.js ------- 移动端调试神器

使用方法使用cdn引入,在public目录下的index.html中引入如下代码即可<body> ........ <script type="text/javascript" src="https://cdn.bootcss.com/vConsole/3.3.0/vconsole.min.js"></script> <script> // 初始化 var vConsole = new VConsole(); </sc

2021-03-19 16:17:44 279

原创 vue路由传参的两张方式以及区别query和params

vue路由传参的两张方式以及区别路由配置index.jsexport default new Router({ routes: [ { path: '/index', name: 'index', component: index, meta: { title: "首页" } },query方式传递参数this.$router.push({ path: `/index?id=${this.id

2021-03-10 12:01:06 111

原创 微信授权工具wechatAuth.js

```const qs = require('qs')// 应用授权作用域,//snsapi_base (不弹出授权页面,直接跳转,只能获取用户openid),//snsapi_userinfo (弹出授权页面,可通过openid拿到昵称、性别、所在地。并且,即使在未关注的情况下,只要用户授权,也能获取其信息)const SCOPES = ['snsapi_base', 'snsapi_userinfo']class VueWechatAuthPlugin { constructor() {

2021-03-08 09:32:25 865

原创 <router-view>中key属性的作用

不设置key首先,vue会复用相同组件,对于路由有多个子路由来说,当在子路由来回切换时,会导致页面不刷新的问题,这是因为不再执行created和mounted这些钩子函数,可以通过watch来监听$route的变化从而加载不同的组件通过设置key值为$route.path,因为子路由的path不同,从而避免了组件复用,子路由间来回切换时,页面都会重新加载.遇到的问题在后台系统中,点击侧导航菜单子菜单时,设置了:key="$route.path"会导致菜单关闭又打开,视觉效果不好,不设置key就实现

2021-01-27 18:33:42 6638

原创 git的一些常用命令

$ git init // 在当前目录新建一个Git代码库 $ git clone ... // 克隆远程代码 $ git config --list // 显示当前配置$ git config [--global] user.name "[name]" // 修改用户名$ git config [--global] user.email "[email

2021-01-21 18:58:29 72

原创 vue项目中关闭Eslint的方法

首先为什么要关闭呢?看图可能我们会接手别人写的n手项目,别人写的时候没有用eslint,所以运行时会报好多错误, 看着心烦,这时候就可以使用绝招了解决办法在vue.confige.js中替换一句代码就可以实现module.exports = { lintOnSave: process.env.NODE_ENV === 'development', ....}替换为module.exports = { lintOnSave: false', ....}看效果

2021-01-20 15:46:29 394

原创 js中一些常见的字符串方法

js中一些常见的字符串方法<script> let str = 'DJHDGAHJ' let str1 = 'dhgdka' // toLowerCase 转换为小写 console.log(str.toLowerCase()); // djhdgahj // toUpperCase 转换为大写 console.log(str1.toUpperCase()); // DHGDKA // charAt 返回指定下标的字符

2021-01-06 21:52:40 138 1

原创 js中比较常见的数组方法

数组的一些重要方法let arr = [2, 4, 6, 1] // **join** // 数组转字符串 console.log(arr.join()); // reverse 数组颠倒顺序 console.log(arr.reverse()); // shift 删除数组第一个 console.log(arr.shift()); console.log(arr) // unshift 数组前头添加 console.log(arr

2021-01-06 21:18:15 174 1

空空如也

空空如也

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

TA关注的人

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