MM__GCM666的博客

原创 js中Date()的用法及日期的相关计算

创建日期对象使用new操作符来调用Date构造函数 来创建日期对象以下是我常用的方法 let date1 = new Date('2012/9/8') //Sat Sep 08 2012 00:00:00 GMT+0800 (中国标准时间) let date2 = new Date('2020-12-12') //Sat Dec 12 2020 08:00:00 G

原创 获取某年某月前后几个月的日期

获取某年某月前后几个月的日期需求实现心得需求单选按钮显示当前 前两个月，当前月，后一个月实现 function getMonth(currentYear,currentMonth,num){ let time={}; let diff= currentMonth-num if( currentMonth- num <= 0 ){ time.value = `${currentYear-1}-${ diff+1

原创 如何设置弹框中的内容可以滑动，外面的页面不可以滑动

如何设置弹框中的内容可以滑动，外面的页面不可以滑动场景最近做移动端开发时 有一个需求需要设置弹框里的内容可滑动，弹框外的页面不可滑动，弹框隐藏时页面滑动正常原理overflow ：“hidden”overflow: “auto”注意事项刚开始使用的时候 直接把overflow ："hidden"加到了body上 没有起作用 后来冷静想了一下 我应该把禁止滚动加到可滑动的元素上 而不是直接加在body 上 //页面禁止滑动 //当弹框出现和隐藏时 调用这个方法

原创 用vue封装一个单选按钮组件

用vue封装一个单选按钮组件实际开发中根据需求和UI图 这种简单的封装一个单选按钮还是很有必要的<template> <div class="radio-group"> <a href="#" v-for="(item,index) in options" :key="index" class="radioLink"> <div class="radio

原创 移动端如何显示优雅的显示滚动条

移动端如何显示滚动条设置overflow: scroll 在pc可以看到滚动条 移动端却看不到如果想美化pc端得滚动条或者想在移动端看到滚动条 都可使用如下方法/*解决移动端滚动条影藏的问题*/.bottom::-webkit-scrollbar-track-piece { background-color: rgba(0, 0, 0, 0); border-left: 1px solid rgba(0, 0, 0, 0);}.bottom::-webkit-scrollbar

转载 html怎么在网页标题栏上添加图标

需要先把图片格式转换为.ico类型在这个网址在线转换很方便：https://www.easyicon.net/covert/在网页标题左侧显示：<link rel="icon" href="图标地址" type="image/x-icon">在收藏夹显示图标：<link rel="shortcut icon" href="图标地址" type="image/x-icon">...

原创 git批量删除分支

git批量删除分支当我们开发久了之后本地会留下许多不用的分支，逐条删除太浪费时间，可用批量删除，git branch |grep ‘xxx’|xargs git branch -D例如：参考https://www.jianshu.com/p/1fb0adf2000e

原创 去掉数组中非数字字符，并给每个数字+1

去掉数组中非数字字符，并给每个数字+1输入：[1, 2, ‘a’, ’ b’ ,8, 91 ,‘adr’]输出：[2, 3, 9 , 92]var arr=[1,2,3,4,"a","b","c",89] for(var i=arr.length;i>=0;i--){ if(!(typeof(arr[i])=="number")){ ...

原创 VUE练习题---购物车

1.当全部商品被勾选时 全选选择框会自动勾选2.购买数量可输入 通过长按可实现连续加减13.总价和购买数量随着选择自动发生变化代码如下：<template> <div> <table v-if="list.length"> <thead> <th>全选<i...

转载 cors解决跨域问题

https://blog.csdn.net/py_tamir/article/details/81436646

原创 jsonp解决跨域问题---vue中axsio请求如何支持jsonp

下载 vue-jsonpnpm install vue-jsonp --save在main.js中引入import vueJsonp from “vue-jsonp”Vue.use(vueJsonp )其他文件中使用this.$jsonp(url, data{}).then().catch()

原创 jsonp解决跨域问题---jQuery

<!-- jQuery中用jsonp处理跨域 --> <script> $("button").click(function(){ $.ajax({ url:"http://localhost:3000", type:'get', dataType:'JSONP', ...

原创 JSONP解决跨域问题--原理

JSONP解决跨域问题原理：服务器端：客户端：

原创 一些常用的快捷方式

div5>h2+div4>h3

原创 line-height设置文字垂直居中

.content{ height:200px; line-height: 200px; /*等于其height*/}这样在.content内的文字就会垂直居中

原创 兼容性清除浮动