执笔看墨花开💜千千 执笔看墨花开💜千千
首页
  • JavaScript
  • Vue
  • React
  • HTML
  • CSS
  • 算法
  • 工具教程
  • 面试题清单
  • 大前端
  • HTML
  • CSS
  • JS
  • Vue
  • React
  • 零碎
  • 杂言碎语
  • 前端
  • 工具
  • 设计 & CSS
  • 社区 & 平台 & 博客
  • 网站
  • 推荐库
  • 值得一读
  • 分类
  • 标签
  • 归档
  • 心情杂货
  • 友情链接
  • 关于
GitHub (opens new window)

执笔看墨花开

顺其自然
首页
  • JavaScript
  • Vue
  • React
  • HTML
  • CSS
  • 算法
  • 工具教程
  • 面试题清单
  • 大前端
  • HTML
  • CSS
  • JS
  • Vue
  • React
  • 零碎
  • 杂言碎语
  • 前端
  • 工具
  • 设计 & CSS
  • 社区 & 平台 & 博客
  • 网站
  • 推荐库
  • 值得一读
  • 分类
  • 标签
  • 归档
  • 心情杂货
  • 友情链接
  • 关于
GitHub (opens new window)
全部标签
性能优化 B站 防盗链 Bilibili 工具 作品 心情 CSS 设计 模块化 HTTP 前端监控 Markdown 手写 uniapp uview tailwindcss Webpack Promise JS HTML 鸡汤 css

先concat再去重引发的性能问题

执笔看墨花开 2021-07-21 前端杂文 性能优化

# 先concat再去重引发的性能问题

在金山云的组织架构页面,需要生成一棵树,其中一个逻辑是将子部门的uuid附加到父级上,一层层嵌套,最终根节点包含整棵树的部门uuid。可能大部分客户的组织架构都不是很复杂,嵌套比较少,比如浪潮,如果人员和部门数量都非常多,但是都是平铺的。金山云的部门结构就比较复杂,包含大量嵌套,这个性能问题就出来了。

# 问题表现

生成了33万条数据,其中大量冗余数据,后面去重后只有551条。由此导致用户进入页面之后,树loading完成了很久,但是却被主进程阻塞,导致性能很差。

image-20210721150513797

阅读全文

Vue2

执笔看墨花开 2021-08-26 面试Vue

JS编程题

执笔看墨花开 2021-08-26 面试JS

前言

执笔看墨花开 2021-08-26 执笔人生

大用户数量加载慢分析

执笔看墨花开 2021-08-12 前端杂文 性能优化

批量新建工作项界面卡顿

执笔看墨花开 2021-08-12 前端杂文 性能优化

背景 1 #239669 批量新建工作项界面,上下、左右滚动,发现界面卡住了,影响用户正常使用(详情见附件录屏) 2 需要紧急修复

阅读全文

普通函数和箭头函数this指向问题

执笔看墨花开 2021-08-09 面试JS

核心思想:

  1. 箭头函数没有this,箭头函数的this是继承父执行上下文里面的this
  2. 如果父执行上下文也是一个箭头函数,它就只能继续向上找也就是window了
  3. 普通函数的this指向是调用它的那个对象
  4. 箭头函数无法使用 new 实例化对象 因为普通构造函数通过 new 实例化对象时 this 指向实例对象,而箭头函数没有 this 值,同时 箭头函数也没有 prototype。
阅读全文

时间切片

执笔看墨花开 2021-08-03 前端JS文章

时间切片的核心思想是:如果任务不能在50毫秒内执行完,那么为了不阻塞主线程,这个任务应该让出主线程的控制权,使浏览器可以处理其他任务。让出控制权意味着停止执行当前任务,让浏览器去执行其他任务,随后再回来继续执行没有执行完的任务。

所以时间切片的目的是不阻塞主线程,而实现目的的技术手段是将一个长任务拆分成很多个不超过50ms的小任务分散在宏任务队列中执行。

阅读全文

利用引用与时间戳解决一次性能问题

执笔看墨花开 2021-08-03 前端杂文 性能优化

# 利用引用与时间戳解决一次性能问题

由于是项目管理系统,用户在很多地方都需要根据redux中拿到的工作项属性进行一些逻辑处理,所以需要经常通过uuid查询相应的field对象。再一次批量选择的场景中,发现页面非常卡。

阅读全文

获取B站SESSDATA

执笔看墨花开 2021-06-23 前端杂文 B站

# 获取B站SESSDATA

  1. 登录B站
  2. 按F12打开控制台
  3. 找到SESSDATA复制即可
阅读全文

上一页

下一页

全部标签
性能优化 B站 防盗链 Bilibili 工具 作品 心情 CSS 设计 模块化 HTTP 前端监控 Markdown 手写 uniapp uview tailwindcss Webpack Promise JS HTML 鸡汤 css
Theme by Vdoing

© 2021-2021 执笔看墨花开

粤ICP备2021110554号
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式
×