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

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

Android 和 Webview 如何相互 sayHello(一)

2018-08-21
阅读 13 分钟
11.3k
本系列文章一共有两篇:主要来讲解 webview 和客户端的交互。本篇为第一篇:Android 和 webview 的交互后续一篇是:IOS 和 webview 的交互如需获得最新的内容,可以关注微信公众号:前端小吉米

IndexedDB 打造靠谱 Web 离线数据库

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

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

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

学好 MP4,让直播更给力

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

RTMP H5 直播流技术解析

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

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

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

一个快速入门 PWA 的库

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

SVG 动画精髓

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

web 直播流的解析

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

全面进阶 H5 直播

2017-04-01
阅读 18 分钟
18.3k
如果我们想要理解 HTML5 视频,首先需要知道,你应该知道,但你不知道的内容?那怎么去判断呢?ok,很简单,我提几个问题即可,如果某些童鞋知道答案的话,可以直接跳过。

web-pwa

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

PWA 渐进式增强 Web

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

WebRTC 点对点直播

2017-02-20
阅读 10 分钟
10.7k
WebRTC 全称为:Web Real-Time Communication。它是为了解决 Web 端无法捕获音视频的能力,并且提供了 peer-to-peer(就是浏览器间)的视频交互。实际上,细分看来,它包含三个部分:

Service Worker 全面进阶

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

Web 推送技术

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

canvas 基础

2016-12-13
阅读 18 分钟
4.5k
本文基本上可以用来当做 canvas 的一个基本参考。基本涵盖了所有的 canvas 内容,当然,不包括使用 canvas 来处理的高级应用。

nginx 基本入门

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

H5 的复制操作

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

TLS/SSL 高级进阶

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

二维 grid 布局

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

flex 双飞翼实现

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

英文段落的删除

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

前端 fetch 通信

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

手机端 web 开发小记

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

入职新手必知的劳动法

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

HTTP2即未来

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

组件化的css-module

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

快速入门react-native

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

深入理解redux中间件

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