如今 Chrome 浏览器无疑是最受前端青睐的工具，原因除了界面简洁、大量的应用插件，良好的代码规范支持、强大的 V8 解释器之外，还因为 Chrome 开发者工具提供了大量的便捷功能，方便我们前端调试代码，我们在日常开发中是越来越离不开 Chrome，是否熟练掌握 Chrome 调试技巧恐怕也会成为考量前端技术水平的标杆。 介绍 Chrome 调试技巧的文章很多，本文结合我自己的开发经验，希望从实际运用的角度为大家再一次谈一谈这些功能，也希望对大家都有所帮助和启发。

HTML5允许我们使用元素为视频指定字幕。这个元素的各种属性允许我们指定这样的东西，比如我们添加的内容的类型，它所在的语言，当然还有对包含实际字幕信息的文本文件的引用。 label被赋予一个值，指示该字幕集所用的语言 - 例如English或Deutsch- 这些标签将出现在用…

socket.io 是基于 Websocket 的Client-Server 实时通信库。 socket.io 底层使用engine.io 封装了一层协议。 2. WebSocket 简介 Websocket 是一种提供客户端(提供不可靠秘钥)与服务端(校验通过该秘钥)进行双向…

1. 两栏布局 flex 是一个简写属性，用来设置 flex-grow、flex-shrink、flex-basis。一般来说让元素等高需要额外设置，而 flex 容器的存在一个默认属性值：align-items:stretch，它会帮助你，当然也会给你带来糟糕的体验。 2. …

这篇文章主要记录一下平时自己实践得到的, 博客中学习的以及在一些项目源码中看到的 javascript 技巧。有些东西可以说是奇淫技巧，有些可能是 ES6+ 中一些比较具有实用性的新语法。 有时候我们需要在某个函数或变量为 true 时执行另外一个函数。例如: 本质上还是利用了…

本人是一位没出实习期的前端小菜鸟一枚，这几个月发现了Google Chrome Devtools的易用性非常高的小功能和小细节 特意分享给大家。欢迎大家收藏+点赞。新人需要鼓励哈哈 1. styles内 悬浮样式名可以高亮符合样式名的所有元素（如图） 这个功能还是比较有用的。适…

目前主流的用户认证方法有基于token和基于session两种方式。 6、一旦用户注销应用，cookie只在浏览器被销毁，服务器就不保存任何 session 数据了，也就是说，服务器不保存任何会话数据，即服务器变为无状态，使其更容易扩展。 浏览器向服务器发送用户名和密码时，需要…

力荐~ 深度好文~ 深入理解 Javascript 10大设计模式

这是因为我们尝试从 undefined 或者 null 中取出数据。 解决办法肯定是有的啦，就是使用新语法可选链。 不过这个语法当下还没有正式发布，但是我们可以通过安装 Babel 插件去使用它。 安装完毕后修改下 Babel 配置文件即可。 虽然编译后的代码看着有点啰嗦，但是…