JS
关注
分享
扫一扫
文章平均质量分 52
唐小亭
开心就好哈！
展开
-
超级简单：js实现页面内容浏览进度条
js实现页面内容浏览进度条原创 2021-11-30 10:15:20 · 1395 阅读 · 1 评论 -
前端宝典大合集（一）
问题一：写一个处理加法可能产生精度的函数，比如 0.1 + 0.2 = 0.3我们都知道0.1+0.2 = 0.3但是在js中0.1+0.2 = 0.300000000000000041.1*100 = 110.000000000000011-0.9 = 0.09999999999999998原因在于：能被计算机读懂的是二进制，而不是十进制，所以我们先把 0.1 和 0.2 转换成二进制看看：0.1 => 0.0001 1001 1001 1001…（无限循环）0.2 =&.原创 2021-01-28 13:25:02 · 638 阅读 · 0 评论 -
谷歌浏览器中video播放视频进度条无法拖动，一点击进度条就回到0重新播放
问题：一个.mp4视频进度条无法拖动，只在谷歌浏览器中有问题，火狐中没有问题，console也不报错。初步排查到的bug原因:与Video标签适配的请求响应有问题。无法拖动的视频响应截图如下：能正常拖动的视频响应截图如下：如何去解决：1.Chrome浏览器默认请求会在 Header 添加一个Range如下：服务器要做的就是响应这个HeaderRange: bytes=0-2.服务器接收到这个Header以后，响应的Header如下，同时需要.原创 2021-01-19 11:05:30 · 14195 阅读 · 3 评论 -
vue实现公告上下滚动
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1"><title>vue文字滚动</title><style>div, ul, li, span, img { margin: 0; pad...原创 2021-01-07 17:13:41 · 1209 阅读 · 6 评论 -
echarts实现世界地图，给不同数值的国家着色，并根据经纬度在对应位置上添加标签(一）
效果图如下：鼠标移到国家上显示tooltip（白色模块）html代码如下：<div class="worldEchart-page"> <div id="echartsMap" style="width: 954px;height: 446px;"> </div></div>js代码如下：mounted:function(){ this.getCountryList()}// 将坐标与值对应并反映在地原创 2020-11-19 09:44:34 · 10058 阅读 · 10 评论 -
js方法使页面跳转到指定位置
mounted() { this.timer= setTimeout(function () { // 判断文档和所有子资源(图片、音视频等)已完成加载 if (document.readyState === 'complete') { var auchor=document.querySelector("#csdw"); document.body.scrollTop=auchor.offsetTop document.documentEle.原创 2020-11-12 10:08:58 · 577 阅读 · 0 评论 -
js实现动态标签云
备注：标签可上下滚动的mounted:function(){ var oDiv = document.getElementById('tagArrDIv'); var aA = document.getElementsByTagName('span'); var i = 0; for (i = 0; i < aA.length; i++) { aA[i].pause = 1; aA[i].time = null; initialize(aA[i]);...原创 2020-09-09 18:37:40 · 708 阅读 · 0 评论 -
js根据数值范围计算字体大小
calcSize(maxNums,item) { // [20,12] //console.log('计算大小',maxNums,item.nums,(item.nums/maxNums).toFixed(2)) //console.log('大小',(item.nums/maxNums).toFixed(2)*8+12+'px') return (item.nums/maxNums).toFixed(2)*8+12+'px'}item.nums是每项值...原创 2020-09-09 18:32:39 · 455 阅读 · 0 评论 -
js封装方法：获取网址url上拼的参数
function getQueryObject(url) { url = url == null ? window.location.href : url const search = url.substring(url.lastIndexOf('?') + 1) const obj = {} const reg = /([^?&=]+)=([^?&=]*)/g...原创 2020-05-08 17:17:12 · 339 阅读 · 0 评论 -
map使用return false无法退出循环
map使用return false无法退出循环解决方法：使用for替换map，for可以使用return false退出循环原创 2019-11-07 14:59:24 · 3192 阅读 · 0 评论