首页
学习
活动
专区
圈层
工具
发布
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    JS实现页面进入、返回定位到具体位置总结

    JS实现页面返回到具体位置方法 其实浏览器也自带了返回的功能,也就是说,自带了返回定位的功能。正常的跳转,返回确实可以定位,但是有些特殊场景就不适 用了。...有二级定位的时候具体实现方法 常见的场景就是有一个tab模块,tab模块下面有相应的内容,进入的时候需要定位到某个tab的某个位置。 场景如图: ?...初始化页面的时候,需要给每个模块指定一个唯一的id。打开页面的时候,如果url带着位置参数则解释参数定位,如果没有,默认为第一个。...在页面上,由于加载时间的关系,没有找到对应的tab下面具体模块的id。这时候会定位不成功。所以还需要在加载好数据之后,再保证一下。...document.title, location.href.replace(location.hash, "") + "#nowTop=" + $(window).scrollTop()); }//跳转后的判断

    4.7K10

    通过 JS 判断页面是否有滚动条的简单方法

    前言 最近在写插件的过程中,需要使用 JS 判断是否有滚动条,搜了一下,大致方法都差不多,但都有些啰嗦,代码不够简洁。最终通过参考不同方法,写了一个比较简单的方法。...在判断滚动条的同时也需要计算滚动条的宽度,通过本篇文章一并与大家分享。 为什么要判断滚动条 ?...判断滚动条的需求在弹窗插件中用的较多,因为弹窗大多会添加 overflow: hidden 的属性,如果页面比较长的话,添加这个属性之后页面会有晃动。...判断是否有滚动条的方法 其实只需要一行 JS 就可以,测试兼容 IE7 function hasScrollbar() { return document.body.scrollHeight >...scrollDiv.clientWidth; document.body.removeChild(scrollDiv); return scrollbarWidth; } 总结 使用 JS

    10.3K90

    vue单页面应用首次访问速度优化

    应用背景:应用采用前后端分离开发,前端直接使用nginx部署vue打包文件提供访问需要; 问题阐述:vue大页面应用直接npm run build进行打包,前端部署后首次访问速度缓慢,基本需要40秒左右...,也有一部分原因是因为我的服务器只有1M的网,打出来的js文件最大的有4M+导致,因自己并非前端开发,只处于刚刚能应付数据展示再前台的地步,所以这个问题让我甚是苦恼; 解决方法: 0、工具使用查看各个...js占用的大小 工具使用webpack.prod.conf.js 中 增加 const BundleAnalyzerPlugin = require('webpack-bundle-...(js|css)?...on; 大概可以让文件再缩小一半,通过以上优化,我的1m网速服务器基本可以做到1秒左右打开服务器(有时候取决于cdn的网速, 很关键) 总结:以上优化操作,基本可以将我最初40秒初始访问页面速度提升到

    1.8K41
    领券