保存成功
订阅成功
保存失败,请重试
提交成功
hucheng

hucheng

高级前端工程师
前端开发...更多
创作文章5

前端错误监控之用户行为回放

有时候错误上报完成解析具体行号后,并不能立马判断出是什么问题,我们可能需要知道用户当时操作的流程,比如在 Android 是点击了某个 button,然后发起了一个 Ajax 请求,控制台打印了某些日志,有点击某个 button 然后出错了,这个时候会触发错误上报,要是能把当之前用户的操作也记录下来就好了
免费JavaScript
95 订阅

前端错误监控之 SourceMap 还原 Vue Demo 实现

上篇写完后,有人留言说不知道在 Vue 中怎么实现这个功能,所以我写了这篇,会讲2种方式来实现。 - 通过 Firefox 开源的 npm 包 `source-map` 实现在服务端获取映射关系 - 通过浏览器实现映射关系
免费Vue.js
47 订阅

生产环境通过 SourceMap 还原压缩后 JavaScript 错误,快速定位异常

(如果你对 `source-map` 有了解,但是不知道具体怎么实现,操作,可以跳过前面的,直接看底部列列举的参考文章) 最近在处理上报的异常,写个系列,这个是开篇。 大家都知道一般我们前端的 JavaScript 代码上线前都会压缩,混淆处理,减小代码体积的同时还相对安全些,线上代码一般是这样的。
免费JavaScript
34 订阅

前端搞工程化:持续集成

你工作 1~3 年时, 三大框架都有接触过了,平常需求来了,都能很好的完成,感觉遇到瓶颈了,想做些提效的工具又不知道从哪下手,网上文章有泛泛而谈,看完也不知道咋下手 笔者在中台写前端,不夸张的说,写各种持续集成 CI 脚本快要写吐了,也给很多同事讲解过怎么样设计一套好用的 CI,还算比较有经验。能很好的梳理这些知识点,讲解清晰,通俗易懂的学会这些知识。网上这类文章都不集中,分散四处,不成体系,本次 Chat 的目的是,看完能在大脑形成一颗树状结构化知识 因为大部分公司一般都用 Gitlab,这里主要用 Gitlab CI 讲解,会提供能直接用的 Demo。 总之就是,看完能懂,懂完能抄,抄完能出成果。 在本场 Chat 中,会讲到如下内容: - 写 CI 难道真的是上来一个 npm i xxx-ci -g 么(最不喜欢就这种全局安装了,学习下 egg 优雅方式) - Gitlab-CI 简单介绍 - Gitlab Restful API 介绍 - 脚手架、本地创建项目 => 自动同步到 Gitlab - 单页应用 push => 打包构建 => 发布 => 接oss => 自动刷新cdn => 消息通知 - 多页应用、增量构建 - 微信小程序 push => 构建 => 上传,一条龙服务 - npm 组件,构建发布一条龙
严选持续集成
309 订阅

深入浅出用户认证鉴权

你工作 1~2 年时, 在和后端开发联调接口 API,人家说 token 过期了,通过邮件点击链接我们要做个 JWT 认证,你 2 眼一抹黑,这是啥子呀。 你工作 3~5 年后,公司要做一套 oauth2 认证,公司的所有系统用户鉴权都通过这套认证,你参与了整个系统设计,需要封装一个 sdk 给其他前端同事用 ,因为不懂原理实现,设计不合理,被同事吐槽,抵触使用你的 sdk。在整个工作生涯中,会一直和用户认证鉴权这块打交道,值得我们花时间好好学习下。 笔者在平时工作中,参与设计了很多次用户认证鉴权,也给很多同事讲解过这些设计,比较有经验。网上这类文章大部分是站在后端的角度来讲设计,有很多术语是前端开发很少接触的,而笔者自己写过 3 年后端,4 年前端,能很好的站在前端开发的角度梳理这些知识点,讲解清晰,通俗易懂的学会这些知识。 在本场 Chat 中,会讲到如下内容: - cookie 结合 session 认证 - token 认证 - JWT 认证 - 类似微信扫码认证 - Oauth2 认证 - 单点登录 - LDAP 认证 适合人群:工作 2~5 年的前端开发工程师
严选
1637 订阅