腾讯AlloyTeam开始社会招聘啦,想加入AlloyTeam的工程师们请抓紧!欢迎前来应聘,机会难得,各种挑战等着你~~

岗位名称:Android高级工程师

TAT.tennylv H5视频直播扫盲
In Web开发 on 2016年05月22日 by view: 22,431
15

视频直播这么火,再不学就out了。

为了紧跟潮流,本文将向大家介绍一下视频直播中的基本流程和主要的技术点,包括但不限于前端技术。

1 H5到底能不能做视频直播?

当然可以, H5火了这么久,涵盖了各个方面的技术。

对于视频录制,可以使用强大的webRTC(Web Real-Time Communication)是一个支持网页浏览器进行实时语音对话或视频对话的技术,缺点是只在PC的chrome上支持较好,移动端支持不太理想。

原文:https://www.smashingmagazine.com/2016/02/preload-what-is-it-good-for/

作者:

译者按:网络优化一直是译者长期研究的方向,除了近期热门的HTTP/2之外,还是要关注浏览器在加载策略上的一些改进,从不同层面提升用户的访问体验。prefetch这些HTML5的新特性,虽然很新鲜,但并未在生产环境中得到广泛使用,其中的原因是什么?preload有什么改进?本文将娓娓道来~

========================译文分割线===========================

Preload规范)是一项新的Web标准,旨在提升性能,让Web开发者对加载的控制更加粒度化。它让开发者有自定义加载逻辑的能力,免受基于脚本的loader所带来的性能损耗。

几周前,我在Chrome Canary提交了对preload的支持,解决了一些bug,预计将在四月中旬合入Chrome稳定版。但preload到底是什么?它有什么用处?对你有什么好处呢?

原文地址

在单页应用上,前端路由并不陌生。很多前端框架也会有独立开发或推荐配套使用的路由系统。那么,当我们在谈前端路由的时候,还可以谈些什么?本文将简要分析并实现一个的前端路由,并对 react-router 进行分析。

TAT.dnt 基于Nuclear的Web组件-Todo的十一种写法
In Web开发 on 2016年05月16日 by view: 1,284
5

刀耕火种

 

TAT.heyli babel到底将代码转换成什么鸟样?
In Web开发 on 2016年05月15日 by view: 3,329
4


原文链接

前言

将babel捧作前端一个划时代的工具一定也不为过,它的出现让许多程序员幸福地用上了es6新语法。但你就这么放心地让babel跑在外网?反正我是不放心,我就曾经过被坑过,于是萌生了研究babel代码转换的想法。本文不是分析babel源码,仅仅是看看babel转换的最终产物。

es6在babel中又称为es2015。由于es2015语法众多,本文仅挑选了较为常用的一些语法点,而且主要是分析babel-preset-2015这个插件(react开发的时候,常在webpack中用到这个preset)。

Timer

从JS执行机制说起

浏览器(或者说JS引擎)执行JS的机制是基于事件循环。

由于JS是单线程,所以同一时间只能执行一个任务,其他任务就得排队,后续任务必须等到前一个任务结束才能开始执行。

为了避免因为某些长时间任务造成的无意义等待,JS引入了异步的概念,用另一个线程来管理异步任务。

同步任务直接在主线程队列中顺序执行,而异步任务会进入另一个任务队列,不会阻塞主线程。等到主线程队列空了(执行完了)的时候,就会去异步队列查询是否有可执行的异步任务了(异步任务通常进入异步队列之后还要等一些条件才能执行,如ajax请求、文件读写),如果某个异步任务可以执行了便加入主线程队列,以此循环。

TAT.dnt 移动web开发调试工具AlloyLever介绍
In Web开发 on 2016年05月10日 by view: 6,514
8

简介

web调试有几个非常频繁的刚需:看log、看error、看AJAX发包与回包。其他的如timeline和cookie以及localstorage就不是那么频繁,但是AlloyLever都支持。如你所见:

 

TAT.rocket 总结伪类与伪元素
In CSS3 on 2016年05月09日 by view: 12,601
12

熟悉前端的人都会听过css的伪类与伪元素,然而大多数的人都会将这两者混淆。本文从解析伪类与伪元素的含义出发,区分这两者的区别,并且列出大部分伪类与伪元素的具体用法,即使你有用过伪类与伪元素,但里面总有一两个你没见过的吧。

1.伪类与伪元素

先说一说为什么css要引入伪元素和伪类,以下是css2.1 Selectors章节中对伪类与伪元素的描述

CSS introduces the concepts of pseudo-elements and pseudo-classes  to permit formatting based on information that lies outside the document tree.

 

写在前面

因为zepto、jQuery2.x.x和Nuclear都是为现代浏览器而出现,不兼容IE8,适合现代浏览器的web开发或者移动web/hybrid开发。每个框架类库被大量用户大规模使用都说明其戳中了开发者的刚需。本文将对比zepto/jQuery到Nuclear的设计和演化的过程。

无框架时代

互联网的春风刚刮来的时候,人们当时利用三剑客制作网页。