前端的bigboom

个人博客: https://www.villainhr.com 公众号：前端小吉米

如何写出一手好的小程序之多端架构篇

villainhr 2018年10月19日发布
56 收藏

作为微信小程序底层 API 维护者之一，经历了风风雨雨、各种各样的吐槽。为了让大家能更好的写一手小程序，特地梳理一篇文章介绍。如果有什么吐槽的地方，欢迎去 [链接] 开发者社区吐槽。

Android 和 Webview 如何相互 sayHello(一)

villainhr 2018年08月21日发布
29 收藏

本系列文章一共有两篇：主要来讲解 webview 和客户端的交互。本篇为第一篇：Android 和 webview 的交互后续一篇是：IOS 和 webview 的交互如需获得最新的内容，可以关注微信公众号：前端小吉米

IndexedDB 打造靠谱 Web 离线数据库

villainhr 2018年05月21日发布
150 收藏

在知乎和我在平常工作中，常常会看到一个问题：前端现在还火吗？这个我只想说：隔岸观火的人永远无法明白起火的原因，只有置身风暴，才能找到风眼之所在 ——『秦时明月』你 TM 看都不看前端现在的发展，怎么去...

BAT 要的是什么样的前端实习生？

villainhr 2018年03月20日发布
143 收藏

面试季又到了，各位小鲜肉也在着手准备基本的面试、实习。但是，有小鲜肉的思想我确实有点不敢苟同。面试无非就是问一些问题，你能答出来就行，答不出来就 pass。那如果我知道你要问哪些问题，这不就行了吗？感觉...

学好 MP4，让直播更给力

villainhr 2017年08月21日发布
20 收藏

MP4 实际代表的含义是 MPEG-4 Part 14。它只是 MPEG 标准中的 14 部分。它主要参考 ISO/IEC标准来制定的。MP4 主要作用是可以实现快进快放，边下载边播放的效果。他是基于 MOV，然后发展成自己相关的格式内容。然...

RTMP H5 直播流技术解析

villainhr 2017年08月05日发布
20 收藏

上一篇文章简单阐述了，在 H5 中，做直播需要哪些技术知识点，有哪些直播流协议和技术。通过对比，本篇主要聚焦于 RTMP 直播协议的相关内容，也就是说，本篇将会直接进行实际操作 Buffer 的练习和相关的学习。

不再碎片化学习，快速掌握 H5 直播技术

villainhr 2017年08月01日发布
320 收藏

现在，大多数已工作的前端工作者的学习方式，要么直接到 Stackoverflow 上搜代码，要么直接看看相关博文。这样是快，但是零零碎碎只是一个一个孤立的知识点而已。有可能一下午都忘记了，唯一可能记住的收藏一下那...

一个快速入门 PWA 的库

villainhr 2017年05月31日发布
2 收藏

PWA 全称是 Progressive Web Apps。它的目的就是让你的网页越来越快。主要内容可以参考：PWA-cookbook。不过，它上手的难度也是有的。它本身是基于 worker 而发展出 Service Worker，所以，要使用 PWA 你就必须学...

SVG 动画精髓

villainhr 2017年05月11日发布
46 收藏

本文主要是讲解关于 SVG 的一些高级动画特效，比如 SVG 动画标签，图形渐变，路径动画，线条动画，SVG 裁剪等。

web 直播流的解析

villainhr 2017年04月17日发布
3 收藏

Web 进制操作是一个比较底层的话题，因为平常做业务的时候根本用不到太多，或者说，根本用不到。老铁，没毛病那什么情况会用到呢？ canvas websocket file fetch webgl ... 上面只是列了部分内容。现在比较流行...

全面进阶 H5 直播

villainhr 2017年04月01日发布
38 收藏

如果我们想要理解 HTML5 视频，首先需要知道，你应该知道，但你不知道的内容？那怎么去判断呢？ok，很简单，我提几个问题即可，如果某些童鞋知道答案的话，可以直接跳过。

web-pwa

villainhr 2017年03月26日发布
2 收藏

该库是应对当前 Google 提出的 PWA 概念而写的。以链式 API 来完成 PWA 相关的操作。

PWA 渐进式增强 Web

villainhr 2017年03月09日发布
31 收藏

首先，PWA 是啥？ PWA 全称是: Progressive Web Apps。这是 2016 年，Google I/O 大会上提出一个 Next Web Generation 的概念。这并不是描述一个技术，而是一些技术的合集。PWA 是专门应对手机 Web 开发而提出的...

WebRTC 点对点直播

villainhr 2017年02月20日发布
48 收藏

WebRTC 全称为：Web Real-Time Communication。它是为了解决 Web 端无法捕获音视频的能力，并且提供了 peer-to-peer（就是浏览器间）的视频交互。实际上，细分看来，它包含三个部分：

Service Worker 全面进阶

villainhr 2017年01月08日发布
49 收藏

Service Worder 是用来代替 manifest，用来生成缓存的效果的。以前吭哧吭哧的学 manifest 的时候，就发现 MD 好难用。而且 MDN 特意告诉你，manifest 有毒，请不要乱用，保不定后面不支持。今儿，我看了下兼容性...

Web 推送技术

villainhr 2017年01月08日发布
25 收藏

伴随着今年 Google I/O 大会的召开，一个很火的概念--Progressive Web Apps 诞生了。这代表着我们 web 端有了和原生 APP 媲美的能力。但是，有一个很重要的痛点，web 一直不能使用消息推送，虽然，后面提出了 Not...

canvas 基础

villainhr 2016年12月13日发布
13 收藏

本文基本上可以用来当做 canvas 的一个基本参考。基本涵盖了所有的 canvas 内容，当然，不包括使用 canvas 来处理的高级应用。

nginx 基本入门

villainhr 2016年12月03日发布
22 收藏

这篇教程简单介绍了 nginx 并且讲解了一些 nginx 可以解决的简单任务。这里，我们假设 nginx 已经安装在读者的机器上。如果没有，可以看一下如何安装 nginx。这篇教程主要讲解的是如果启用和停止ngixn，和重新加...

H5 的复制操作

villainhr 2016年11月27日发布
26 收藏

一开始，在 Web 端，并没有任何可以接触到 clipborad 的内容。以前，我们想要执行 copy/paste/cut 只能借助 flash。但现在，伟大的 H5 又或者说 W3C 推出了关于 H5 操控 clipboard 的草案。最出名的就是两个 API:

TLS/SSL 高级进阶

villainhr 2016年10月26日发布
37 收藏

TLS/SLL 是现在网络安全通信比较重要的一环，通过一些列的 key 交换和 key 生成，最终确立加密通道的整个流程。众所周知，TLS/SSL 耗费的时间也是挺可观的，相对于 TCP 的3次 RTT 来说，如果加上 TLS/SSL, 则总的...