- 博客(19)
- 收藏
- 关注
原创 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关注的人