作为前端经常遇到线上报错却无法复现的情况，要是这个时候有错误监控能快速帮我们定位问题所在，再查找错误监控的相关资料尝试去实现一个自己的sdk。下面我以 错误监控 和 设备信息 两方面作为关注点去实现。 完整代码 错误监控 运行时报错 window.onerror = (msg,url,lineNo,columnNo,e) => { // …上报错误 } 复制代码 promise reject 未被处理 window.addEventListener(‘unhandledrejection’,(event) => { // 报错原因，当前路径，报错时间 const { message...

HTTP 缓存是我们日常开发中最为熟悉的一种缓存机制。它又分为强缓存和协商缓存。优先级较高 的是强缓存，在命中强缓存失败的情况下，才会走协商缓存。 强缓存是利用 http 头中的 Expires 和 Cache-Control 两个字段来控制的。 协商缓存：浏览器与服务器合作之下的缓存策略②、MemoryCacheMemoryCache，是指存在内存中的缓存。从优先级上来说，它是浏览器最先尝试去命中的一种缓 存。从效率上来说，它是响应速度最快的一种缓存。 使用场景：Base64 格式的图片，几乎永远可以被塞进 memory cache，这可以视作浏览器为节省渲染开销 的“自保行为”；此外，体积...

在平时工作中，前端调试接口跨域等问题，其实是令人头大的事情。尤其是当一台服务器从后端返回的数据暂时不能调整响应头导致的跨域问题，跟大家分享几种跨域调试的办法。    概念   讲清楚解决问题之前，先讲讲问题的产生原因（有基础的可以跳过这段）。   前端处于安全考虑，禁止向其他页面擅自发送请求，否则将导致严重的安全问题，例如调用了另外一个网站的接口把钱转走了，这个可是很危险的事情！基于此，也就经常看到了你的一些请求被 block 掉了。那么怎么才算跨域呢？      类型   值       协议   http/https     主机名   juejin.im     端口号   80    ...

随着互联网的迅猛发展和普及，一个新型的行业和新兴的职位正在上升到技术的层面：web前端开发工程师。一些想从事、或感兴趣的人会问：我适合做前端工程师吗？什么样的人最合适？ 首先，一起来看一下前端新人从哪里来？相对于其他IT技术职位来说，Web前端工程师算是半个程序员，很多从事此项工作的都是非计算机相关专业出身，这当然是因为互联网行业吸引人以及HTML和CSS入门起点低，目前大学里尚能全民考C（计算机二级），全民做网页也没有什么稀奇，而且因为职位所处位置的交叉性，注定有很多Web前端开发人员是转行而来。 1、 设计师转学web前端 这种情况最常见，究其原因与web标准在中国的推广手法有关，我们最先...