一般情况下，在使用webpack-dev-server热更新的时候，使用的域名都是localhost/127.0.0.1之类的，都是基于http协议的。 热更新成功后，浏览器会以当前域名+端口发送一个用于热更新的请求。该请求默认域名是webpack入口配置中webpack-de…

上一篇文章《开放API网关实践(一)》中的接口设计提到timestamp和nonce两个参数的作用是用来防重放. 本文就重放攻击及其防御进行探讨. 先抛出两个问题: 打开浏览器的调试工具并访问一个网站, 在网络工具中找到一个请求并右键选择Replay. 如图: 上述的重放操作是…

方法虽然简单粗暴，但是它是实用且简单的。然而，如果 BUG 十分复杂，涉及到跨组件甚至是源码，采用打 log 的方式就变得十分麻烦了； F12 打开调试工具之后刷新页面，断点就会停在 created 里了。 当然，这里只是做简单的示例，实际情况更加复杂的时候，右边的堆栈可以让你…

通常为了弄清楚一个概念，我们需要掌握十个概念。在判断 JWT (Json Web Token) 是否能代替 session 管理之前，我们要了解什么是 token，以及 access token 和 refresh token 的区别；了解什么是 OAuth，什么是 SSO，S…

总有一些面试官喜欢问你一段不可能这么写的代码。 我在读 Events 的 lib/events 源码的时候发现多次用到call关键字，看来有必要搞懂 this 与 call 相关的所有内容。 箭头函数使用不当报错，在封装 Node.js 的一个 ORM 映射框架 Sequeli…

半年时间，几千人参与，精选大厂前端面试高频 100 题，这就是「壹题」。 在 2019 年 1 月 21 日这天，「壹题」项目正式开始，在这之后每个工作日都会出一道高频面试题，主要涵盖阿里、腾讯、头条、百度、网易等大公司和常见题型。得益于大家热情参与，现在每道题都有很多答案，提…

如果觉得文章“太长不看”，可以直接使用开发工具：vue-sfc-cli，集成 travis ci，快速发布 npm。 做好以上三点，才可以通过npm publish简单地发布一个包。若要遵循最佳实践，还有一些准备工作要做好，下面将为你讲述 version是语义化的，major.…

在目前的前端领域，单页web应用（SPA）已经有了比较高的占有率，比较主流的web框架React、Angular、Vue几乎已经统治了前端市场。 单页应用确实带来了更好的前后端分离，以及用户体验好、快，内容的改变不需要重新加载整个页面等等的优点，喜忧参半，SPA应用首屏加载慢、…