如题的需求:使用input 标签type=file来选择图片文件并显示在div/image标签中的实现。不过文件选择组件不能自定义我要的按钮,我使用了样式给input隐藏起来,然后自己再使用div画了一个按钮(选择照片) html代码如下: <div style="width:96px;height: 128px;border: #A2A2A2 1px solid;text-align: center;background: #FAFAFA;"> <img :src="portraitData" …

2022-07-19 0条评论 481点热度 0人点赞 admin 阅读全文

页面内点后某个元素,需要跳转到某个锚点,如果传统的HTML了的做法: 即添加一个a标签,href以#开头,然后在需要跳转的地方添加一个element,id设置为a标签href属性相同的值,就可以了 <a href="#miao">去某个锚点</a> <h3 id="miao">需要跳转到的锚点</h3> 如果某些时候不方便设置a标签,用代码也可以实现,那就是: // 跳转到ID是某个值的锚点位置 document.getElementById('someId').sc…

2022-06-21 0条评论 631点热度 0人点赞 admin 阅读全文

现在大部分应用都不支持IE浏览器了,微软自己也已经放弃IE转而使用Edge浏览器了,为了避免任然有一些用户使用IE浏览器,产生不必要的错误,需要在用户打开网页的时候,检测是否是IE浏览器,进行进行弹窗或者顶部提示等方式提醒用户切换浏览器。 检测浏览器一般是用userAgent里检测是否有相关的关键词,例如:window.navigator.userAgent.indexOf("MSIE")>=1,但是据说这种方式在IE11下已经不行了 这里记录下我测试下来能用,且可以判断所有IE浏览器的代码: // 判断是否…

2022-06-11 0条评论 862点热度 0人点赞 admin 阅读全文

在用Javascript调出浏览器打印页面(window.print()函数)或者其他打印工具类库(例如Print.js PrintArea, 对打印页面的一些有用和便捷封装,总体都是最后调用的window.print()) 在这些使用中,发现一个问题,网页区域有背景颜色的时候,打印的时候并不出现背景颜色,例如: <div stlyle="background:red;">测试</div> 经过一番调查,找到解决方案,在此记录下。 只要给需要打印的元素CSS加如下两个属性便可: #print…

2022-05-19 0条评论 1020点热度 0人点赞 admin 阅读全文

利用Javascript需要检测给定的变量是否是二维数组。 思路是这样:可以取出给定变量的下标0的位置,来检测是否是数组即可(利用constructor === Array来判断)。 代码如下: // 判断给定arr是否是二维数组 is2dArray(arr) { if(!arr||arr.length ===0){ return false; } // console.log(arr) return arr[0]?arr[0].constructor === Array: false; }  

2022-05-13 0条评论 565点热度 0人点赞 admin 阅读全文

需要计算2个日期相差的天数(或者星期数等),用于计算某个日期的截止天数等使用场景。 时间日期处理,有一个非常好用的库:moment.js有兴趣的可以查看下文档,这里仅介绍使用它来获取两个日期相差的天数。 计算某个日期距离当天相差的天数和星期数 var end = moment('2022-05-02', "YYYY-MM-DD"); var currentDay = moment().startOf('day');//当天日期,去掉时间 // 计算end日期,距离当天相差的天数 itm.days = moment.…

2022-05-01 0条评论 1228点热度 0人点赞 admin 阅读全文

例如在做一些图片处理的时候,img标签需要加载src为data base64的图片格式,有时候也需要把url(例如https://www.example.com/test.jpg)转成base64的data。 类似这样子的格式:<img src="data:image/jpg;base64,abc123..." /> 工具方法和使用示例如下: // 把imageUrl转成base64的Data function imageUrlToBase64Data(url, callback) { var xhr …

2022-04-08 0条评论 843点热度 0人点赞 admin 阅读全文

显示视频播放时长的时候,需要显示类似:XX小时XX分XX秒,而我们有的变量是视频时长单位是秒数(毫秒数就不做考虑了,不用那么精确吧) 我自己写的实现方法:比较简单,供参考: function formatDuration(durationInSeconds) { if (durationInSeconds < 60) { // 少于1分钟的,直接显示多少秒 return durationInSeconds + '秒'; } if (durationInSeconds < 3600) { //少于1小时的…

2022-04-03 0条评论 658点热度 0人点赞 admin 阅读全文

需求如题,可以先把数组排序,然后根据index去找第一个或者最后一个。 var ages = [12,14,10,9,17] // 按照顺序排序 ages.sort(function(a, b){return a - b}); //顺序排序就是a-b逆序是b-a // 最后取第一个或者最后一个,找到最大值和最小值 或者使用Math.max.apply、Math.min.apply方法 var randomArr = [1,5,18,5,6] Math.max.apply(null, randomArr); Math…

2022-03-06 0条评论 558点热度 0人点赞 admin 阅读全文

RT 可以利用数组的sort()函数对数组进行排序,如果数组的内容是纯数组或者纯文本,那么sort可以不接受任何参数,按照默认升序进行排序,例如 # 对年龄进行排序 const ages = [11, 15, 14, 8]; ages.sort(); # 对姓名排序 var names = ["Terry", "Mike", "Tom"] names.sort(); 如果要对数组进行降序排序(或者直接全部颠倒一下),可以使用reverse() const ages = [11, 15, 14, 8]; ages.s…

2022-03-03 0条评论 529点热度 0人点赞 admin 阅读全文
123457