前端的bigboom

86

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

• villainhr   2018-10-19 发布
• 57 收藏

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

44

Android 和 Webview 如何相互 sayHello(一)

• villainhr   2018-08-21 发布
• 31 收藏

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

65

IndexedDB 打造靠谱 Web 离线数据库

• villainhr   2018-05-21 发布
• 152 收藏

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

51

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

• villainhr   2018-03-20 发布
• 145 收藏

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

7

学好 MP4，让直播更给力

• villainhr   2017-08-21 发布
• 20 收藏

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

12

RTMP H5 直播流技术解析

• villainhr   2017-08-05 发布
• 25 收藏

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

56

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

• villainhr   2017-08-01 发布
• 323 收藏

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

1

一个快速入门 PWA 的库

• villainhr   2017-05-31 发布
• 3 收藏

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

37

SVG 动画精髓

• villainhr   2017-05-11 发布
• 52 收藏

TL;DR 本文主要是讲解关于 SVG 的一些高级动画特效，比如 SVG 动画标签，图形渐变，路径动画，线条动画，SVG 裁剪等。 例如：路径动画 图形渐变： 线条动画： 以及，相关的动画的矩阵知识，这个也是现在 CSS 动画...

2

web 直播流的解析

• villainhr   2017-04-17 发布
• 4 收藏

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

14

全面进阶 H5 直播

• villainhr   2017-04-01 发布
• 39 收藏

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

0

web-pwa

• villainhr   2017-03-26 发布
• 2 收藏

本文主要介绍一个 pwa 很方便的库，适合在新手上手相关的 pwa 功能。 该库是应对当前 Google 提出的 PWA 概念而写的。以链式 API 来完成 PWA 相关的操作。 (如果感觉阅读体验不佳，可以参考 web-pwa) 安装 {代码....

10

PWA 渐进式增强 Web

• villainhr   2017-03-09 发布
• 31 收藏

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

7

WebRTC 点对点直播

• villainhr   2017-02-20 发布
• 49 收藏

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

20

Service Worker 全面进阶

• villainhr   2017-01-08 发布
• 49 收藏

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

8

Web 推送技术

• villainhr   2017-01-08 发布
• 25 收藏

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

2

canvas 基础

• villainhr   2016-12-13 发布
• 13 收藏

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

4

nginx 基本入门

• villainhr   2016-12-03 发布
• 23 收藏

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

18

H5 的复制操作

• villainhr   2016-11-27 发布
• 29 收藏

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

10

TLS/SSL 高级进阶

• villainhr   2016-10-26 发布
• 38 收藏

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