作为一名前端工程师，写组件的能力至关重要。虽然javascript经常被人嘲笑是个小玩具，但是在一代代大牛的前仆后继的努力下，渐渐的也摸索了一套组件的编写方式。 下面我们来谈谈，在现有的知识体系下，如何很好的写组件。 比如我们要实现这样一个组件，就是一个输入框里面字数的计数。这…

关于组件的定义有非常多的说法，我先举几个例子。 在笔者的简单地总结一下就是：以组件为单位，将组件相关的HTML／JS／CSS放到同一个地方。这里的同一个地方，可以是一个文件，也可以是同一个文件夹之下。 相信用过VueJS ReactJS的朋友，都可以举出一大堆组件化的好处：复用…

本次分享的内容主要和性能相关，而直播的性能实际上涉及整个链路，包括推流端的性能、网络端性能以及播放端性能三个部分。

最近项目中需要实时播放摄像头rtsp视频流，于是就专门做了些研究。而浏览器不能直接播放，只有通过插件或者转码来实现这个需求。 要实现这个目的，可以采用的方案非常得多，有商业的也有开源的，这里主要列举一些开源的方案。这里的方案都是我尝试过了的，有些成功，有些没成功。但是因为每个项…

腾讯云技术社区-掘金主页持续为大家呈现云计算技术文章，欢迎大家关注！ 作者：莫卓颖 背景 相信进行过前端开发的同学都知道，前端测试不仅仅涉及到功能的测试，而且也需要考虑到界面样式测试、多浏览器兼容性测试、性能测试。本文主要讨论分析目前前端测试的现状，并讨论目前流行的测试工具，下…

简单的 Token Auth 方案已经不能满足系统扩展以及安全性需求，在权衡了几种较好的 Auth 方案，结合业务需求，并且在保证“快速迭代”的前提下，我们最终使用了一个基于 Refresh Token 的 Session Authentication 方案

我们在审批case的时候，最容易忽略的部分就是非功能性需求。非功能性需求分析不透彻，或者被忽略，常常给项目埋下巨大无比的坑。这个坑，想必大家都或多或少遇到过吧。比如项目要交付的时候，交互或需求不明确或者有歧义导致项目返工或延期，安全问题考虑不周导致生产环节被攻击者恶意攻击，没有…

本文为百度资深 Web 前端工程师沈洲在 QCon 的演讲回顾。下载完整 PPT 请关注前端之巅公众号并回复 “QCon 沈洲”，查看更多 QCon 视频并请回复 “QCon”。

浏览器缓存设计一直是web性能优化中非常重要的一个环节,也是SPA应用盛行的今天不得不考虑的问题.作为一名优秀的前端工程师,为了让我们的应用更流畅,用户体验更好,我们有必要做好浏览器缓存策略. 本文会介绍一些笔者曾经做过的Web性能优化方案以及浏览器缓存的基本流程,并会着重介绍…