前端
qq_43919485
这个作者很懒,什么都没留下…
展开
-
js数组方法
1.数组元素相加reduce方法const arr = [1,2,3,4,5,6,7]const sum = arr.reduce((pre,cur)=>{return pre +cur})console.log(sum) //28const arr = [1,2,3,4,5,6,7]const sum = arr.reduce((pre,cur)=>{return pre +cur},2)console.log(sum) //30 ,因为是从2开始2.数组去重co原创 2021-09-07 18:17:57 · 165 阅读 · 0 评论 -
JS给对象追加动态的key
let obj = {}obj[‘a’] = ‘1’obj.b = ‘2’原创 2021-09-06 15:20:18 · 250 阅读 · 0 评论 -
js 计算过去和未来的时间距离现在多少天?
js 计算过去和未来的时间距离现在多少天?/格式 getBeforeDate(‘2021,05,10’) (‘2021-05-10’)/getBeforeDate(n){var now = new Date();// var aftertime = new Date(n);var aftertime = new Date(n.replace(/-/g,’/’));var year = now.getFullYear();var mon= now.getMonth()+1;var day= n原创 2021-08-30 10:09:27 · 346 阅读 · 0 评论 -
小程序引入阿里icon
第一步:打开https://www.iconfont.cn/home/index选择icon第二步:添加至购物车,然后下载至项目第三步:将下载的文件里iconfont.css重命名为iconfont.wxss,并拷贝到app.wxss中或引入第四步:修改iconfont.wxss的@font-face:点击查看在线链接,复制代码,替换@font-face第五步:使用:...原创 2021-07-30 10:25:34 · 90 阅读 · 0 评论 -
js检验手机号码,纯数字
1.检验手机号码function checkPhone(){var phone = document.getElementById(‘phone’).value;if(!(/^1(3|4|5|6|7|8|9)\d{9}$/.test(phone))){alert(“手机号码有误,请重填”);return false;}}2.检验纯数字var reg=/1/;let n = reg.test(e);验证数字var reg=/2{11}$/;let n = reg.test(e);原创 2021-07-12 10:10:03 · 659 阅读 · 0 评论 -
时间戳,兼容ios
1.解决ios解析new Date 时间出错方法解决方法1:new Date(“2018-06-14 00:00:00”.replace(/-/g,’/’)).getTime()解决方法2:new Date(“2018/06/14 00:00:00”).getTime()若按照正常写法new Date(“2018-06-14 00:00:00”).getTime();ios中显示NaN,若按照new Date(‘2018’,‘06’,‘14’,‘00’,‘00’,‘00’)2.时间戳转为年原创 2021-07-12 10:05:44 · 86 阅读 · 0 评论 -
获取下一个周四的日期
获取下一个周四的日期function getThisThursday(){var date = new Date();let w = date.getDay();//获取一下今天是周几let delta = 4-w;//算算差几天到周四date.setDate(date.getDate() +delta);date = date.toJSON()date = date.substring(0,10)console.log(date)}function getNextThursday()原创 2021-07-12 10:03:04 · 440 阅读 · 0 评论 -
小程序常见的问题
1、订阅消息只能放在点击事件里,不能放在回调函数里2、分享微信好友和授权手机号码功能只能用button,去掉button的默认样式: <button open-type="getPhoneNumber" @getphonenumber="getPhoneNumber" class="shareZi" ></button> .shareZi{ background-color: transparent !important;}.shareZi::after{ bo原创 2021-04-15 16:29:16 · 75 阅读 · 0 评论 -
vue部署上线,网站ico图标不显示问题
public目录下的index.html原配置,icon图标不显示,netWork也不加载favicon.ico解决方法:将上面圈住的内容加上/,如下即可打包后dist下面的index.html如下原创 2021-04-13 14:50:06 · 1676 阅读 · 0 评论 -
vue反向代理解决跨域问题
vue-cli3在项目根目录下的vue.config.js(没有就新建)module.exports = {//反向代理,跨域pluginOptions: {proxy: {enabled: true,context: ‘/api’,options: {target: ‘/api’,changeOrigin: true,ws:true, //websocketpathRewrite:{‘^/api’:’’}}}}}全局使用,在mian.jsVue原创 2021-04-12 12:04:20 · 947 阅读 · 0 评论 -
随手记
小程序的share分享功能使用如何去掉button默认样式.shareZi{ background-color: transparent !important;}.shareZi::after{ border: none;}原创 2021-03-24 16:32:47 · 87 阅读 · 0 评论 -
taro-vue和小程序原生的一些方法对比
遍历数据taro-vuev-for=“site in giftList” v-bind:key=“site.index”原生wx:for="{{ giftList}}"绑定样式taro-vue:class=“grid_indexindex?Active:notActive"原生class="{{grid_indexindex?Active:notActive}}”原创 2021-03-22 19:00:56 · 505 阅读 · 0 评论 -
canvas
1、画圆// 开始绘制路径ctx.beginPath();ctx.lineWidth = 2;ctx.strokeStyle = 'red';// 绘制圆的路径**ctx.arc(100, 100, 50, 0, Math.PI * 2, false);// 0°是从三点钟方向开始的// 描边路径ctx.stroke();2、微信小程序 drawImage 和 clip 将一张图片裁剪成一个圆形作为头像并定位 ctx.save() // 开始绘制路径原创 2021-03-21 14:56:32 · 128 阅读 · 0 评论 -
copy代码的时候,如何去掉代码前边的编号
1.使用正则表达式:在editorplus(notepad++)里按ctrl+h,弹出框里勾选上“正则表达式(regular expression)”,然后第一个框里写 1*.第二个框里敲一个空格0-9 ↩︎原创 2021-03-16 23:23:30 · 282 阅读 · 0 评论 -
地区数据erea.js
export default {province_list: {110000: ‘北京市’,120000: ‘天津市’,130000: ‘河北省’,140000: ‘山西省’,150000: ‘内蒙古自治区’,210000: ‘辽宁省’,220000: ‘吉林省’,230000: ‘黑龙江省’,310000: ‘上海市’,320000: ‘江苏省’,330000: ‘浙江省’,340000: ‘安徽省’,350000: ‘福建省’,360000: ‘江西省’,370000:原创 2021-03-16 23:22:14 · 521 阅读 · 0 评论 -
监听页面滚动
var scrollTop = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop;参考https://www.cnblogs.com/lianglanlan/p/11552067.html原创 2020-08-01 16:23:29 · 169 阅读 · 0 评论 -
jquery选择器
1、普通选择器$(this)选择当前html元素$(“p.intro”) 选取class为intro的元素$(“p:first”) 选取第一个元素$(“ul li:first”) 选取第一个元素的第一个元素$(“ul li:first-child”) 选取每个元素的第一个元素$("[herf]") 选取带有herf属性的元素$(“a[target=’_blank’]”) 选取所有target属性等于"_blank"的元素$(“a[targe!t=’_blank’]”) 选取所原创 2020-07-11 10:45:21 · 301 阅读 · 0 评论 -
图片加载慢,优化方法:懒加载,压缩图片委web格式,减少请求数量,将脚本放在页面底部,压缩组件
html1、真正地址放进data-srcjs2、把data-src的值 赋值给src$img.attr(‘src’, $img.attr(‘data-src’)) //把data-src的值 赋值给src$img.attr(‘data-isLoaded’, 1) //已加载过的图片做标记3、判断是否出现在窗口可视范围return $node.offset().top <= $(window).height() + $(window).scrollTop()js全部代码<scr原创 2020-07-05 18:00:18 · 189 阅读 · 0 评论 -
瀑布流布局
111 222 </div><div class="item" > <div> <img src="images/pbl.jpg" alt="" style="height: 400px;"/> ...原创 2020-06-26 16:08:40 · 92 阅读 · 0 评论 -
获取用户ip和设备信息
1、获取用户ip javascript获取访问者IP及所在地 2、获取用户的设备信息 javascript获取访问者设备信息 3、判断用户是点击链接进来的还是直接输入网站进来的,直接输入的referrer是null在a页面跳转进入b页面,document.referrer就是a页面的路径,直接打开b页面document.referrer就是空的,这个可以用作于禁止用户直接用链接打开访问,只能通过超链接进来a.html页面原创 2020-06-25 15:59:44 · 1248 阅读 · 0 评论 -
js点击回到顶部
1、方法一:(使用scrollTo,有滚动效果)window.scrollTo({left: 0,top: 0,behavior: ‘smooth’})方法二:(使用scrollTo(),没有有滚动效果)scrollTo(0,0);方法三:(使用scrollBy(),没有有滚动效果)scrollTo(0,0);方法四:(使用锚点没有滚动效果)a标签结合name或结合id定位方法五:(使用scrollIntoView())scrollIntoView()...原创 2020-06-18 12:22:02 · 313 阅读 · 0 评论