首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
前端集合
订阅
Caven
更多收藏集
微信扫码分享
微信
新浪微博
QQ
182篇文章 · 0订阅
长列表优化之虚拟列表
这几个月接了一个日志收集系统的活,因为这个系统是属于传承的项目,所以我也想在系统上做一些标志性的改动,作为接力棒传递下去。 这个日志系统从前端到服务端,都做了不小的改动,比如虚拟列表,electron热更新,sql优化,增加了用户的概念,也就是需要登录,把数据库升级为Elast…
「前端进阶」高性能渲染十万条数据(时间分片)
在实际工作中,我们很少会遇到一次性需要向页面中插入大量数据的情况,但是为了丰富我们的知识体系,我们有必要了解并清楚当遇到大量数据时,如何才能在不卡主页面的情况下渲染数据,以及其中背后的原理。 我们对十万条记录进行循环操作,JS的运行时间为187ms,还是蛮快的,但是最终渲染完成…
如何判断元素是否进入可视区域viewport?
个性签名: 生如夏花,逝如冬雪;人生如此,何悔何怨。 工欲善其事,必先利其器。在判断元素是否在可视区域实现简单的原生懒加载前,我们先简单回顾下以下几个关键的概念。 ps: 如果你对这些概念已经比较熟悉了,可以直接跳到第五点查看关键代码示例。 1. 偏移量 偏移量(offset …
你不知道的 WeakMap
相信很多读者对 ES6 引入的 Map 已经不陌生了,其中的一部分读者可能也听说过 WeakMap。既生 Map 何生 WeakMap?带着这个问题,本文将围绕以下几个方面的内容为你详细介绍 WeakMap 的相关知识。 在计算机科学中,垃圾回收(Garbage Collect…
技术胖的2019新版React全家桶免费视频(84集)
一共84集,从5月4日开始录制,到9月18日完成,5个月时间。如果是一个专业讲师,这进度你会说太慢了,但我的视频都是下班后录制的。今天是个不错的日子,也是我的生日(84年9月18日),标志着我正式进入35岁。在这个特殊的日子里,我献给大家我这将近半年的努力成果,希望更多的小伙伴…
JavaScript异步编程大冒险: Async/Await
Async/Await 也就是大家知道的异步函数,它是一个用来控制 JavaScript 异步流程的一个记号。而在很多现代浏览器上也曾实现过这样的设想。它的灵感来源于C# 和 F#,现在 Async/Await 在ES2017已经平稳着陆。 通常我们认为 async funct…
【前端工具】Chrome 扩展程序的开发与发布 -- 手把手教你开发扩展程序
作为前端,掌握 Chrome 扩展程序的开发知识,可以在我们日常工作中很好的配合我们产出许多辅助开发的小工具。
10集视频让你入门React构建和路由操作
10集图文+视频的形式,让你掌握React项目的构建和路由操作。 希望帮助更多的前端爱好者学习。
你见过最奇葩的代码提交信息是什么?别再为写commit message头疼了!
对一个developer来说,有时候变量命名,提交代码时的提交信息会让人很头疼,本文主要聊聊怎么优雅的书写commit message。 曾在上家公司的一个项目中,见过我至今以来见过最奇葩的代码提交信息,让我至今难忘。那个项目的前三个commit记录的提交信息分别是: 简直让人…
狙杀页面卡顿 —— Performance 指北
今天介绍下 Chrome dev tools 家族的一个小兄弟,它在 Chrome 57 之前叫作「Timeline」,而现在换了个更长的马甲 —— 「Performance」,毕竟名字要「长~~~~~~~~~」更能吸引注意。 也许你曾不经意启动过这个工具,看见里面五颜六色的图…