为了提高 前端开发 效率, 笔者先后写了上百个前端工具, 有些是给公司内部使用的, 有些单纯是因为自己太“懒”, 不想写代码, 所以才“被迫”做的. 接下来介绍的一款工具——css三角形生成器也是因为之前想要解放设计师的生产力, 自己又懒得切图或者写css代码, 所以想来想去还…

一、单一职责原则(SingleResponsibilityPrinciple)单一职责的划分界限并不是那么清晰，很多时候需要靠个人经验界定。当然最大的问题就是对职责的定义，什么是类的职责，以及怎么划分

作者：老拉 前言 作为大前端时代下的前端，我们越来越频繁地遇到需要研发各种内部产品的情况。 在没有产品同学的专业助力时，我们技术人如何自己设计出一款优秀的产品，兼顾功能性和交互体验，让它站在科技与人文

当我们打开 React 官网时，会发现从浏览器上输入url 到页面首屏完全展示这一过程所花的时间极其短暂，而且在点击页面中的链接切换路由时非常顺滑，几乎页面可以做到“秒切”的效果，根本不会出现卡顿等待

自从使用过 VSCode 后就再也离不开 VSCode，其轻量的代码编辑器与诸多插件让多数开发者爱不释手。同样我也不例外，一年前的我甚至还特意买本《Visual Studio Code 权威指南》

WebRTC 实战（一）：也就是本期，主要是基础讲解以及一对一的本地对等连接，网络对等连接。 WebRTC 实战（二）：主要讲解数据传输以及多端本地对等连接、网络对等连接。 WebRTC 实战（三）：实现一个一对一的视频聊天项目，包括但不限于截图、录制等。 WebRTC + C…

用 React 全家桶 + TS 写项目快一年了，大大小小的坑踩了很多，在此整理了在项目中遇到的疑惑和问题。 体会：不要畏惧 TS，别看 TS 官方文档内容很多，其实在项目中常用的都是比较基础的东西，像泛型运用、一些高级类型这种用的很少（封装库、工具函数、UI组件时用的比较多）…

一、前言性能优化一方面是我们前端经常讨论的话题，另一方面也是我们面试过程中考察的重点。那么，如何来定义性能指标呢？这篇文章我们主要介绍一下首屏时间如何采集。二、采集方式2.1 手动采集一般是通过埋点的

总下载时间：window.onload的触发节点。 白屏时间节点指的是从用户进入网站（输入url、刷新、跳转等方式）的时刻开始计算，一直到页面有内容展示出来的时间节点。 这个过程包括dns查询、建立tcp连接、发送首个http请求（如果使用https还要介入TLS的验证时间）、…