如题的需求：使用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" …
页面内点后某个元素，需要跳转到某个锚点，如果传统的HTML了的做法： 即添加一个a标签，href以#开头，然后在需要跳转的地方添加一个element，id设置为a标签href属性相同的值，就可以了 <a href="#miao">去某个锚点</a> <h3 id="miao">需要跳转到的锚点</h3> 如果某些时候不方便设置a标签，用代码也可以实现，那就是： // 跳转到ID是某个值的锚点位置 document.getElementById('someId').sc…
现在大部分应用都不支持IE浏览器了，微软自己也已经放弃IE转而使用Edge浏览器了，为了避免任然有一些用户使用IE浏览器，产生不必要的错误，需要在用户打开网页的时候，检测是否是IE浏览器，进行进行弹窗或者顶部提示等方式提醒用户切换浏览器。 检测浏览器一般是用userAgent里检测是否有相关的关键词，例如：window.navigator.userAgent.indexOf("MSIE")>=1，但是据说这种方式在IE11下已经不行了 这里记录下我测试下来能用，且可以判断所有IE浏览器的代码: // 判断是否…
在用Javascript调出浏览器打印页面（window.print()函数）或者其他打印工具类库（例如Print.js PrintArea, 对打印页面的一些有用和便捷封装，总体都是最后调用的window.print()） 在这些使用中，发现一个问题，网页区域有背景颜色的时候，打印的时候并不出现背景颜色，例如： <div stlyle="background:red;">测试</div> 经过一番调查，找到解决方案，在此记录下。 只要给需要打印的元素CSS加如下两个属性便可： #print…
利用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; }
需要计算2个日期相差的天数（或者星期数等），用于计算某个日期的截止天数等使用场景。 时间日期处理，有一个非常好用的库：moment.js有兴趣的可以查看下文档，这里仅介绍使用它来获取两个日期相差的天数。 计算某个日期距离当天相差的天数和星期数 var end = moment('2022-05-02', "YYYY-MM-DD"); var currentDay = moment().startOf('day');//当天日期，去掉时间 // 计算end日期，距离当天相差的天数 itm.days = moment.…
例如在做一些图片处理的时候，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 …
显示视频播放时长的时候，需要显示类似：XX小时XX分XX秒，而我们有的变量是视频时长单位是秒数（毫秒数就不做考虑了，不用那么精确吧） 我自己写的实现方法：比较简单，供参考： function formatDuration(durationInSeconds) { if (durationInSeconds < 60) { // 少于1分钟的，直接显示多少秒 return durationInSeconds + '秒'; } if (durationInSeconds < 3600) { //少于1小时的…
需求如题，可以先把数组排序，然后根据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…
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…
