首页
沸点
课程
数据标注
HOT
AI Coding
更多
直播
活动
APP
插件
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
优化
订阅
天了噜啦
更多收藏集
微信扫码分享
微信
新浪微博
QQ
15篇文章 · 0订阅
分享一些前端常用功能集合
我在做一些`H5`单页(活动页)的时候,像我这种最求极致加载速度,且不喜欢用第三方库的人,所以决定自己动手做一些`无依赖`、`精简高效`的东西,然后按需应用在实际项目中,同时为了比百度上搜到更好用的代
Vue项目webpack打包优化实践总结
Vue项目的页面是使用的虚拟路由,页面内容是靠vue-router配置的路由链接来访问的,SPA单页面应用开发,适合开发后台系统,但是对搜索引擎不友好,因为最后只生成一个页面。 搜索引擎是靠页面的链接来爬取网页内容,然后搜录进去搜索引擎数据库的,而vue打包以后的项目只有一个页…
前端长列表优化之虚拟滚动vue-virtual-scroller
一、使用背景 业务开发中存在长列表显示需求,一些用户的聊天列表会出现几千条数据的情况,也就意味着要一次性渲染几千条数据,造成明显的卡顿,这时就有必要对聊天列表进行性能优化来提升用户体验。 对于这种需求
虚拟列表 - Vue3实现一个可动态改变高度的虚拟滚动列表
虚拟列表 - Vue3实现一个可动态改变高度的虚拟滚动列表 前言 在开发中经常遇到大量的渲染列表数据问题,往往我们就只是简单地遍历渲染,没有过多地去关注是否会存在性能问题,这导致如果数据量较大的时候,
别再抱怨后端一次性传给你 1w 条数据了,几行代码教会你虚拟滚动!
我们都知道,如果一次性展示所有的数据,那么会造成页面卡顿,虚拟滚动的原理就是将数据根据滚动条的位置进行动态截取,只渲染可视区域的数据,这样浏览器的性能就会大大提升,废话不多说,我们开始。 具体实现 首
面试官:如何一次性渲染十万条数据
后端一次性返回过多数据时,我们前端应该如何渲染,本文提供了两种比较适合方案供大家参考 直接渲染 先看下直接渲染会有什么问题吧 先模拟下这个数据过多时的情景,我生成十万条li,然后每个li都是随机
不要再写满屏import导入啦!🔥
序言 如果打开一个文件,看到的全是满屏幕的 import 语句,这将是一种怎样的体验? 密密麻麻的import语句不仅仅是一种视觉上的冲击,更是对代码组织结构的一种考验。 我们是如何做到让import
前端怎么样限制用户截图?
做后台系统,或者版权比较重视的项目时,产品经常会提出这样的需求:能不能禁止用户截图?有经验的开发不会直接拒绝产品,而是进行引导。
前端加载超大图片(100M以上)实现秒开解决方案
对于几百M或上G的大图而言,不管对图片进行怎么优化或加速处理,要实现秒开也是不太可能的事情。而“图像分割切片”是最佳解决方案。图像切片是指将一张大图分割成若干个小图的过程,以便于存储和处理。
前端性能-首次加载优化70%
打包体积优化!!!优化一半!!首次加载速度优化!!优化一半!!要让我们的项目fast fast fast!!