popring's Blog

软实力

职场效率法则

如何做一个有质量的技术分享

监控

迄今为止最全的前端监控体系搭建篇(长文预警)

前端性能监控（一）指标收集

设计模式

https://www.patterns.dev/

写作

Google 技术写作

提问

提问的智慧

性能优化

页面渲染大量数据的性能优化（时间分片），这篇文章对我影响很大

面试题

系统设计面试题精选

彻底击碎行为问题

• Object.keys 和 for...in 区别

• 异步编程的几种方式

• load 事件 和 DOMContentLoaded 事件区别

• 箭头函数

• for...of 和for...in

快捷键

• brew
• iterm2
• mac

• 面向对象实现继承
• HTTP 协议类
• 通信类
• 安全类
• 渲染机制类
• 提升页面性能
• 错误监控

• CSS模型
  • 标准盒模型和IE盒模型
  • 设置两种模型
  • 获取盒模型的宽高
  • BFC
• DOM事件类
  • DOM事件级别
  • DOM事件模型
  • 事件 捕获/冒泡 流程
  • Event 事件
• 原型链类
  • 创建对象的几种方法
  • 原型、构造函数、原型链、实例关系
  • instanceof 原理
  • new 运算符
  • 模拟 new

• display:none 和 visibilty: hidden 区别

• 统计文档内所有标签

• 三栏布局，高度已知，左右两栏各300px，中间自适应

配置个信息

连接github

配置git代理：http、https、ssh

官方中文文档 https://git-scm.com/book/zh/v2

推荐学习 git 小游戏 https://learngitbranching.js.org/

git 系列命令

温馨提示：文章内有大图，谨慎浏览

1. setState
2. useEffect