前端常见方案实现
15篇文章 · 0订阅
  • 登录知识点一网打尽：OAuth 2.0、JWT、单点登录知识总结
    作为前端开发，在面试或者平时的开发中我们都应该全方位的了解多种登录授权机制，特别是OAuth 2.0、JWT、单点登录的这种概念和流程我们应该信手拈来。以下就是我我对这些开发过程中可能会遇到的登
    前端 JavaScript 掘金·金石计划
    登录知识点一网打尽：OAuth 2.0、JWT、单点登录知识总结
  • 纯CSS实现电梯导航！
    我们经常会在博客、文档中看到类似这样的侧边导航目录，例如 这种导航也被称为“电梯导航”（当然可能还有其他叫法，知道是这个交互就行）。它会随着内容的滚动而自动切换当前选中态，点击任意目录也会自动滚动到对
    前端 CSS
    纯CSS实现电梯导航！
  • 什么，你还不会chrome自定义性能降速？
    --- theme: channing-cyan highlight: vs2015 --- # 前言 彦祖们,在日常开发中,不知道你们是否遇到过这样的场景 在本地开发非常流畅 功能验证也没有问题
    前端 Vue.js Chrome
    什么，你还不会chrome自定义性能降速？
  • 前端实现文档内部导航效果
    实现文档内部导航效果，功能： 滚动：用户滚动到相应的标题处，导航对应的标题元素加样式，并且导航框的内部滚动轴也会跟随滚动到合适的位置。 点击：点击导航对应的标题元素或者置顶按钮，文档则与股东效果一致
    JavaScript 前端
  • 给elementui的table组件加上虚拟列表
    关于什么是虚拟列表，这里不赘述。elementui的table组件本身并不支持虚拟列表功能，在对付上100条数据数十列的情况下渲染就很慢，对列表的各种操作都慢，比如点个编辑打开弹窗等等，肉眼可见的延迟。数据越多这样的卡顿越是明显。最近在做的项目就有用到elementui，80%…
    Vue.js
  • 虚拟滚动列表优化版 缓存+节流+分页
    虚拟滚动列表优化版 若对虚拟滚动列表没有概念可以看上一篇基础原理篇， 这版优化包含缓存，简单节流和结合分页加载数据，下面直接进入正题。 在基础版本之上添加上下缓存区+节流+分页
    前端
  • 前端长列表滚动方案探讨，看完不要再说不知道怎么实现虚拟列表了
    这是前端性能优化系列的文章，讲述一下市面上常见的前端长列表滚动性能优化的方案，并提供各个框架的实现策略，供大家参考！
    前端 性能优化
  • 设计一个基于vue.js 2.x的虚拟滚动条
    2 事件，主要是当鼠标移动的时候，显示滚动条。 其中state表示状态，是在运行时可发生改变的，而 ops 则是配置参数，是用户传过来的。 取得子组件的dom元素，用来取得dom的实时信息。 resizeVBarTop,为了防止误差，并且可以求出滚动条距离父元素的高度。 监听滚…
    Vue.js JavaScript
  • 「前端性能优化」十万条数据丝滑查看（虚拟列表）
    面试官：后端给你10万+条数据，前端该怎么处理？我：虚拟列表+分页获取，100000+条数据丝滑查看！
    性能优化
    「前端性能优化」十万条数据丝滑查看（虚拟列表）
  • JS案例：触底懒加载
    在web应用中，系统的响应速度对用户体验十分重要，其最主要的影响来源于服务端数据库查询，以及DOM渲染。 数据库查询数据量大的情况下，我们可以进行分页配合前端分页或者懒加载进行优化，而这篇文章主要讲的是如何处理后端百万级数据对DOM渲染造成的影响，当然这也是大厂常问的题。在实现功...
    JavaScript