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

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

在知乎和我在平常工作中，常常会看到一个问题： 前端现在还火吗？ 这个我只想说： 隔岸观火的人永远无法明白起火的原因，只有置身风暴，才能找到风眼之所在 ——『秦时明月』 你 TM 看都不看前端现在的发展，怎么去评判前端火不火，我该不该尝试一下其他方面的内容呢？本人为啥为这么热衷于新的技术呢？主要原因在于，生怕...

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

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

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

现在，大多数已工作的前端工作者的学习方式，要么直接到 Stackoverflow 上搜代码，要么直接看看相关博文。这样是快，但是零零碎碎只是一个一个孤立的知识点而已。有可能一下午都忘记了，唯一可能记住的收藏一下那个文章，然后就彻底躺尸了。那有没有啥更好的办法能解决呢？

PWA 全称是 Progressive Web Apps。它的目的就是让你的网页越来越快。主要内容可以参考：PWA-cookbook。不过，它上手的难度也是有的。它本身是基于 worker 而发展出 Service Worker，所以，要使用 PWA 你就必须学会如何使用 SW，然后，SW 里面还有很多坑要踩。而其中最大的坑就是，如何处理文件资源的缓存，这个一直都是...

TL;DR 本文主要是讲解关于 SVG 的一些高级动画特效，比如 SVG 动画标签，图形渐变，路径动画，线条动画，SVG 裁剪等。 例如：路径动画 图形渐变： 线条动画： 以及，相关的动画的矩阵知识，这个也是现在 CSS 动画里面最重要，同时也是最为欠缺的知识点： 文章会先从基本语法入手，然后，慢慢深入。介绍一些动画基本原理...

Web 进制操作是一个比较底层的话题，因为平常做业务的时候根本用不到太多，或者说，根本用不到。 老铁，没毛病 那什么情况会用到呢？ canvas websocket file fetch webgl ... 上面只是列了部分内容。现在比较流行的就是音视频的处理，怎么说呢？ 如果，有涉及直播的话，那么这应该就是一个非常！非常！非常！重要的一块...

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

本文主要介绍一个 pwa 很方便的库，适合在新手上手相关的 pwa 功能。 该库是应对当前 Google 提出的 PWA 概念而写的。以链式 API 来完成 PWA 相关的操作。 (如果感觉阅读体验不佳，可以参考 web-pwa) 安装 {代码...} DEMO 首先说明一下，我们要完成的目标： 注册 sw 添加 app.js 的缓存 实现推送，并在用户点击后关闭，...

首先，PWA 是啥？ PWA 全称是: Progressive Web Apps。这是 2016 年，Google I/O 大会上提出一个 Next Web Generation 的概念。这并不是描述一个技术，而是一些技术的合集。PWA 是专门应对手机 Web 开发而提出的，通过新技术的成熟，实现最好的 Web + 手机 APP。也就是说，能让你在使用 Web 的时候感觉像是在使用 APP。

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

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

伴随着今年 Google I/O 大会的召开，一个很火的概念--Progressive Web Apps 诞生了。这代表着我们 web 端有了和原生 APP 媲美的能力。但是，有一个很重要的痛点，web 一直不能使用消息推送，虽然，后面提出了 Notification API，但这需要网页持续打开，这对于常规 APP 实现的推送，根本就不是一个量级的。所以，开发者一...

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

这篇教程简单介绍了 nginx 并且讲解了一些 nginx 可以解决的简单任务。这里，我们假设 nginx 已经安装在读者的机器上。如果没有，可以看一下如何安装 nginx。这篇教程主要讲解的是如果启用和停止ngixn，和重新加载配置，描述配置文件的基本结构和怎样搭建一个 nginx 静态辅助器，怎样配置 nginx 作为一个代理服务器来。n...

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

TLS/SLL 是现在网络安全通信比较重要的一环，通过一些列的 key 交换和 key 生成，最终确立加密通道的整个流程。众所周知，TLS/SSL 耗费的时间也是挺可观的，相对于 TCP 的3次 RTT 来说，如果加上 TLS/SSL, 则总的 RTT 时间至少为 4 次。虽然看起来很多，但如果相对于现在的网络环境来说，大概也就每次 20~30ms，这样算下...

so，first question？ 啥是 grid 布局？grid 布局是针对 Web 布局的一个升级版，首先，回想一下，我们写 HTML 的时候，一个一个 div 像搭积木一样，完成我们最后的网页。当然，我们还需要使用 CSS 来配置我们每个 DOM 元素的具体位置，比如 navbar，sidebar 等等。有时候还要用各种 trick 才能满足我们想要的布局结果。...

本文摘自: please call me HR 双飞翼又叫做圣杯布局。简单的说，双飞翼是中国叫法，圣杯是老外叫的。这是由： Matthew Levine 提出的。简而言之有几点注意事项： 中间一栏最先渲染 允许任意一栏放最上面 只需一个额外 div 标签 少用 HACK 实际上，强制要求就是前 3 个。他给的实现方式已经有了，我就简单的讲解一下他的...

前几天，在翻译 WebGL Fundation 的时候，遇到很多审核方面的问题，首要的就是，中英文段落同步问题。后来，想出的办法就是将英文段落复制到中文翻译里，进行同步审核。但这样，又会多出一个问题，即，文章过长，导致后面删除工作做的很繁琐。所以，为了解放生产力，决定以工具的形式，写了一个自动库remove_en，来完成...

随着前端异步的发展, XHR 这种耦合方式的书写不利于前端异步的 Promise 回调. 而且,写起来也是很复杂. fetch API 本来是在 SW(ServiceWorkers) 中提出的, 不过, 后面觉得好用, 就把他挂载到 window 对象下. 这样, 在前端的正常通信中, 我们也可以直接调用. 但, fetch 毕竟比较新, 看一下他的兼容性.

这个 feature 应该不仅仅只关心 手机端, 而且还包括PC, 因为苹果不仅仅在手机端 (从 iphone4 开始), 而且在, MAC 上也使用了 retina. 首先, retina 的意思就是, dpr(device-pixel-ratio)是普通屏幕的两倍. 对比于 CSS 来说就是, 原来在 css 中设置的是 1px , 在实际的屏幕显示时, 也是 1px. 但是, 在 retina 下, css 的 ...

最近，正在找工作，也快找的差不多了。就等9月底，发 offer 然后，签就ok。不过，这里还是有很多人会在招聘环节上被坑的。所以，这里分享一下，关于签 offer 和入职流程的一些坑。

现在浏览器里面很大一部分网页还在使用HTTP1.1作为主要的网络通信协议。 但,这傻逼协议是1999年弄出来的. 距今已经有xx年了, 这些年里,美国的IETF 觉得这样不行.我得出来拯救世界了, 在Chrome的倡导下, 借用Chrome的SPDY 来做为HTTP2的前身,即, HTTP2 是SPDY/3 draft的优优化版.

css 算是前端发展的一个痛点吧. 以前是裸写css, 接着到后来的 inline css, 然后是, scss/sass. 从单一 file 到可以模块化书写css. 不过, 随着前端发展, 现在的要求是组件化, 那么, 以前那种直接 < link> 脚本也逐渐变为痛点. so, 2015/6 左右, 出来了 css-module 这个概念. 可以说, 这是一个专门为 component 编程...

react-native 是伴随 react 一起大火的 另外一个新兴的 web 框架. 同样借由了 react 的写法和单向数据流的特点, 逐渐被大家所接受. 目前 github 上已经有3万+的 star 了. 一个字: 服!然后, 俺抱着学习的心态, 准备啃啃 react-native . 但后来, 发现 MDZZ, 什么 Tutorial ... 写的跟没写似的. 后来也是各种 google, 查资...

redux middleware 是 redux 的一个 advanced feature. 这个概念并不是很新奇,以为在 Koa 里面早已经实现过了. 对比与原生的redux middleware , koa 的 middleware 差不多相当于是爸爸级的 level 了. 这么说,是有依据的. 我们这里,来深入一下源码,具体看一下redux middleware 到底做了些啥.我们首先来探讨一下基本的源码吧.