获得徽章 16
字节跳动技术团队
- 前端常见的搜索、分页、选项卡等切换场景中，由于网络不确定性，先发出的请求不一定先响应，这会造成竞态问题。本文提供「取消」或「忽略」两种对过期请求竞态问题处理的方案。28
- 分享一个解析 url 的正则，在 JavaScript 语言精粹 66页看到的
const parseUrl = /^(?:([A-Za-z]+):)?(\/{0,3})([0-9.\-A-Za-z]+)(?::(\d+))?(?:\/([^?#]*))?(?:\?([^#]*))?(?:#(.*))?$/;展开324 - 在写readme.md的时候，通常需要介绍项目的目录结构。这个时候需要将目录树形图化，更一目了然。但手动用字符去画这个图是不可能的。可以使用tree这个cli tool，就可以自动画出好看的目录树。
安装：brew install tree
使用：tree yourDir -L levelYouWant展开416 - 大家好～今天推荐一个用于缓解用户焦虑，给予用户请求回馈的顶部进度条项目——qier-progress。该项目使用 ts 重构了万星 star 的 nprogress 项目，打包体积更小、且支持了多彩模式、自定义高度和颜色等，最重要的是有良好的类型注解。该项目结构简单、代码量也比较少，非常利于学习 ts 相关用法和作为实战项目。
hellogithub.com 展开523 - 做了个项目健康检测,性能分析的工具🔧,第一个版本主要是健康分析方面
全局安装后使用,项目地址:github.com
v0.0.1:
1. 主域,ssl证书时长检测,HSTS检测,重定向检测
2. 首页index.html缓存检测,单页应用不能开启缓存,其他静态资源应该开启强缓存
3. 静态资源http2,资源大小,这里指的是经过http压缩后的大小,缓存开启情况,cdn情况,这里暂时判断的阿里云,后续增加其他项
4. 打开首页时,总共请求的资源大小,另外一个首页加载时间,是用的无界面浏览器检测出来的,后续改成google网站分析提供的值
后续:
可以增加机器人通知功能,检测完后自动通过企业微信机器人,自动发送到群里,(我司正是如此)
google网站性能分析指标添加,developers.google.com,不知道的可以先直接用google网站玩一玩
其他一些能检测的指标
希望能对大家有帮助展开534 - 各大站通用首页变灰代码：
依次排序：百度、淘宝（京东）、网易云音乐、360首页、腾讯网、掘金、CSDN、中国中央政府网、国务院新闻办公室。26189
github.com