hugh_

前端发展至今， 从最初前端简单的页面切图到现在承担越来越重要的职责， 前端安全一直存在并且日益重要。 a. 什么是CSRF b. CSRF的特征 1). 攻击者为三方的网站 2). 攻击者实际利用的是用户已经在被攻击网站保存的授权信息, 如上图中的login session 3…

1. 了解异常发生的情况和影响 2. 了解js中异常抛出的内容 上述图中，只描述了同域下错误及标准api提供的错误信息。 a. 在同域js中调用跨域js的函数， 手动包装try..catch b. 跨域js中有一些异步的代码， 如setTimeout、eventListener…

1. 什么是可迭代协议和迭代器协议 2. 验证现有实现可迭代协议对象是否具备上述的属性 3. 如何对自定义对象实现迭代器协议 a. 通过扩展对象，实现协议定义的方法和对象 b. 利用generator函数和对象 c. 在对象原型链上实现通用的迭代器协议 3. 实现可迭代协议有什…

日志，一般大家听到的都是后台的日志概念。 ①. 分级别 ②. 多种记录方式 ③. 输出级别 ④. 控制开关 1. 通过自定义代理 2. 加入分级管理 3. 数据收集

本文主要针对SPA类型前端应用。 1. 启动应用时通常需要做些什么 a. 加载监控 b. tracking 2. 什么是全局拦截器 3. 初始化路由 4. 进入页面初始化 a. 参数传递 ①. 路由规则上的参数 ②. search上的参数 ③. 组件间参数传递 b. 参数的安全…

由于前端环境的复杂性， 很多时候，我们不只是需要关注用户报出的错误， 还想知道是什么情况下发送，如何复现，这时候用户轨迹就很重要了。 1. 常见实现方案 a. 业界牛选： Sentry， sentry是一款很强大的前端错误监控软件， 并且可以通过安装plugins来实现其他很多…

1. 将hash生成到文件名中 2. 将hash或时间戳放到文件url search中 3. 没有使用hash或时间戳 2. sourcemap生成 方法一. 将sourcemap文件在构建时上传到监控服务器，然后删除即可 方法二. 在服务器端使用nginx等代理服务器，对文件…

上面代码中，我们在当前xhr对象上写入了一个新的属性，用于保存我们获取到的信息。 请求body的数据，我们在下面的分析中获取 1. 请求数据反映了用户轨迹的一部分 2. 请求信息可以帮助我们定位问题 3. 通过分析请求的成功率，及时发现服务端问题

1. 由后端模板渲染的前端项目 配置信息可以由后端项目维护， 在渲染前传到前端，完成页面和逻辑。 该方式下配置来源简单，并且可以满足所有的需求 a. 第一个解决方案 b. 第二个方案，分级配置 首先，项目编码时， 在需要加入配置代码的位置，放置一个占位符，一般都是在所有代码之前。