夕阳下的奔跑666

我们需要一个工具帮助我们自动收集并管理各种错误日志信息（接口、JS 事件、DOM、语法）等等，本文主要介绍 在阿里云服务器（CentOS）下通过 Docker 安装 Sentry。 有一些文章是说需要通过命令生成密钥，目前已有 install.sh 脚本，所以简化了配置过程，不…

场景：公共类。 前端做提交的时候，连同这个 token 做为隐藏的字段，form 表单之后，一起提交服务器。 服务器接收请求，先检测 token 是否合法，合法就进入。 隐藏的校验问题。 3：验证 referer 根据 HTTP 协议，在 HTTP 头中有一个字段叫 Refer…

为了更好了的去理解源码意思，这里写了一个简单的测试实例。 在调用 Vuex 的时候会找其 install 方法，并把组件实例传递到 install 方法的参数中。 到这里说一下 Vuex 实现的思想，在 Vuex 的 install 方法中，可以获取到 Vue 实例。 这其实就…

跨域问题在开发中很常见，目前很多框架都我们封装好了具体解决方案。我们只需要直接配置一个属性、或是调用一个方案等等，即可完成跨域。解决跨域的方案不唯一，下面我们来看一下跨域有几种解决方案。 提到跨域就要有同源策略了。同时满足 协议 域名 端口号 一致，则两个页面具有相同的源，才算…

浏览器缓存机制在性能优化中扮演重要的一环。优秀的缓存策略能够缩短请求网页的距离、降低延迟和网络负荷、减少请求带宽。那该如何应用好浏览器缓存，我们需要对其原理有一定认识。 浏览器中缓存可分为强缓存和协商缓存。具体判断使用那种缓存机制，是通过 http header字段的不同。 可…

本文主要围绕着 call、apply、bind、instanceof、new 的模拟实现，除了会用，更需要对其有更深刻的理解。

我们知道 Vue 是单页面应用，路由不再是后端帮我们配置，而是基于 Vue 的 vue-router 插件来实现路由的跳转。那具体怎么实现的，其中 hash 模式下，核心是监听了 hashchange 方法。那具体是如何实现 hash 更换，页面视图更新的，本文从源码进行分析，…

每次改完需求之后，更新到测试服务器都需要手动打包，并上传到服务器，多次人工干预操作，目前就有这样一个现成的基于 Git CI 工具，让我们提交或者合并代码后，就自动帮我们执行一段任务(打包、压缩、上传服务器)。从而实现自动上线。这里记录一下简单的步骤，因为每个人安装会面对不同的…

最近由于业务需求, 需要上传大文件, 为了让用户上传起来更快速, 不禁想起最近比较火的大文件上传, 于是不如实践一下, 写出符合业务需求的大文件上传, 不仅样式可以自定义, 各种功能细节点都在自己掌握之中, 本文使用 Vue 框架来搭建, 在 Element 框架基础之上来写样…