我们先看一下下面这张图： 1.gif 可以看到这是一个简易的聊天室，两个窗口的消息是实时发送与接收的，这个主要就是用我们今天要讲的websocket实现的。 websocket是什么？ websocket是一种网络通信协议，我们都知道htt ...

为什么会发生产生跨域问题？ [ 产生跨域的原因 ] 1.浏览器限制 2.跨域(协议，域名，端口任何一个不同) 3.XHR(XMLHttpRequest)请求 也就是说当我们发送的是XMLHttpRequest请求不同的域名，浏览器就会限制访 ...

项目中刚好有个需求让前端在页面上增加一个按钮，用户点击就可以将列表中的数据导出为Excel表格，在网上查了一下方法，大体思路都是需要安装三个插件以及拷贝两个文件，然后在页面中写入逻辑代码，感觉挺复杂的，所以研究了一下，总结了一个简单版本的解 ...

这两三年我自学了一些前端知识，有幸在一个小型团队里经历了从 0 建设前端项目的整个过程。这期写写我在这次经历中的一些体会吧。 代码规范 基建的第一点自然是代码风格了，我记得早些年网上没事还在争吵 tab 是两个空格还是四个空格的问题。虽然听 ...

这是我第20篇简书。 1、组件通信 （1）父子通信 ① props-$emit ② $refs 短信验证码、图形验证码组件我经常用$refs this.$refs.captcha= 'xxx' ③ 子组件$children[0] 并不保证顺 ...

转载自https://overreacted.io/zh-hans/why-do-we-write-super-props/ 据说 Hooks 势头正盛，不过我还是想略带调侃地从 class 的有趣之处开始这篇博客。可还行？ 这些梗对于使 ...

TypeScript interface vs type aliases 在大多数情况下，interface和类型别名并没有太大的区别。但是，它们有一些微妙的区别。 其中一个区别就是interface会创建一个新的类型名称，并且可以在任何地 ...

随着 Web 开发进入 SPA 和 JAMstatck 时代，前后端分离已经成为大势所趋。几乎所有的 JavaScript 项目都需要跟 web service 或者后端 API 交互，用于认证或者获取用户数据。 所以当你在开发一个项目的时 ...

yahoo军规一共分8个部分共35条: 内容部分： 1. 尽量减少HTTP请求数 80%的终端用户响应时间都花在了前端上,其中大部分时间都在下载页面上的各种组件:图片,样式表,脚本,Flash等等。减少组件数必然能够减少页面提交的HTTP请 ...

原文地址 作者：Nicholas Zakas 在Web开发人员使用的工具中，Web Storage（http://dev.w3.org/html5/webstorage/）迅速成为了HTML5新增的最受欢迎的功能。具体来说，localSto ...