项目上有一个播放实时视频（直播）的需求，后端童鞋直接传过来一个类似 https://...️️/live.m3u8的视频流地址。让我自行播放，拿到地址的我一脸懵逼，下面开始我的探索(baidu)之路。 HLS将音频和视频作为一系列小文件发送，通常持续时间约为6秒，称为媒体段文件…

放轻松，今天不是面试课。有人说欧巴的上一篇文章太难了，入门的话看不懂。 不要慌哈，网络安全的内容比较多，一篇文章写不完，后续会分成几篇文章，带大家手动实现一波，加深理解。 言归正传，今天欧巴要和大家分享一波硬核网站，作为一名前端工程师，不能总依靠UI小姐姐，工作上要为UI小姐姐…

2.不需要修改既有代码，就可以拦截 Ajax 请求，返回模拟的响应数据。 4.通过随机数据，模拟各种场景。 等等优点，最后一条我加的。 哪里用就在哪里引入。我是在项目src/mock/index.js里面使用mock.js rurl(可选)。 表示需要拦截的 URL，可以是 U…

使用 React.js 一段时间了，把使用过程遇到的小坑和小技巧记录下来，希望能够帮助到其他人。此文章是长篇大论你只有耐得住寂寞，禁得住诱惑才会有所成长。 1. 父组件向子组件通信 2. 子组件向父组件通信 3. 跨级组件通信 4. 没有嵌套关系的组件通信 下面demo中点击父…

对于面试，我也算是身经百战了，待定的意思我明白，意思就是工作的内容能胜任，但我还要看看后面来面试的是不是有比你更好的。 于是，为了以后出去面试，从一个待定人士变为非你不可，我在自己研究加上请教一些网上朋友后，对于正则表达式有了些许体会。 写篇文章总结下。 Tips：(?!a)和…

本文针对目前常见的面试题，仅提供了相应的核心原理及思路，部分边界细节未处理。后续会持续更新，希望对你有所帮助。 1. 实现一个call函数 2. 实现一个apply函数 3. 实现一个bind函数 4. instanceof的原理 5. Object.create的基本实现原理…

图表的数据为1005，1988，2500，3902，5530，很显然这个处理数据的结果不尽人意。 对比可知，为了让图表的数据规整，需要保证间隔的规整，如50，500等数字的倍数，其次是确定起点，只要确定好起点，通过间隔的累加即可。所以，对于这个方案有两个需要处理的，那就是确定起…

mockjs是用来模拟产生一些虚拟的数据，可以让前端在后端接口还没有开发出来时独立开发。我们可以使用真实的url，mockjs可以拦截ajax请求，返回设定好的数据。 这里主要讨论在vue项目中，使用axios发送ajax请求，mock.js模拟数据的流程。 在项目中新建moc…

作为一个开发人员，我们每天都会花大量的时间来处理前后端间的数据请求与响应，这就需要我们有足够的 HTTP 知识，本节将针对 HTTP status code 展开探讨。 当客户端向服务器发出请求时，服务器提供HTTP（超文本传输协议）响应状态代码，这使我们能够了解网站后端发生的…