TAT.dnt kmdjs和循环依赖
In Web开发 on 2016年06月13日 by view: 827
1

循环依赖

循环依赖是非常必要的,有的程序写着写着就循环依赖了,可以提取出一个对象来共同依赖解决循环依赖,但是有时会破坏程序的逻辑自封闭和高内聚。所以没解决好循环依赖的模块化库、框架、编译器都不是一个好库、框架、编译器。

TAT.heyli React移动web极致优化
In Web开发 on 2016年05月30日 by view: 9,072
20

原文地址

最近一个季度,我们都在为手Q家校群做重构优化,将原有那套问题不断的框架换掉。经过一些斟酌,决定使用react 进行重构。选择react,其实也主要是因为它具有下面的三大特性。

React的特性

1. Learn once, write anywhere

学习React的好处就是,学了一遍之后,能够写web, node直出,以及native,能够适应各种纷繁复杂的业务。需要轻量快捷的,直接可以用Reactjs;需要提升首屏时间的,可以结合React Server Render;需要更好的性能的,可以上React Native。

但是,这其实暗示学习的曲线非常陡峭。单单是Webpack+ React + Redux就已够一个入门者够呛,更何况还要兼顾直出和手机客户端。不是一般人能hold住所有端。

2. Virtual Dom

Virtual Dom(下称vd)算是React的一个重大的特色,因为Facebook宣称由于vd的帮助,React能够达到很好的性能。是的,Facebook说的没错,但只说了一半,它说漏的一半是:“除非你能正确的采用一系列优化手段”。

3. 组件化

另一个被大家所推崇的React优势在于,它能令到你的代码组织更清晰,维护起来更容易。我们在写的时候也有同感,但那是直到我们踩了一些坑,并且渐渐熟悉React+ Redux所推崇的那套代码组织规范之后。

TAT.yana Date对象的那些事儿
In Web开发 on 2016年05月26日 by view: 4,142
8

前两天做了个需求需要Unix时间戳和北京时间的各种转换,其中Date对象用到的极多,今天就来讲讲我所了解到的Date对象。

 

这就开始了

hin简单~

这时的时间是当前时间。

那么Date都可以用什么来作为参数呢?

1、Date对象可以使用指定时间到1970年1月1日00:00:00 UTC的毫秒数做参数。

TAT.dnt 超级小的web手势库AlloyFinger发布
In Web开发 on 2016年05月26日 by view: 7,612
4

简介

针对多点触控设备编程的Web手势组件,快速帮助你的web程序增加手势支持,也不用再担心click 300ms的延迟了。拥有两个版本,无依赖的独立版和react版本。除了Dom对象,也可监听Canvas内元素的手势(需要Canvas引擎内置对象支持addEventListener绑定touch相关事件)。

背景

某天老板在群里反馈,英文单词为什么被截断了? 

QQ截图20160523145733.png-44.5kB

很显然,这是我们前端的锅,自行背锅。这个问题太简单了,css里加两行属性,分分钟搞定。

开心的提交代码,刷新页面。我擦,怎么还是没有断词?不可能啊!!! 难道这两个属性有什么兼容性问题或者有什么限制条件?为了不搬石头砸自己的脚,还是去深入了解一下。

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

岗位名称:Android高级工程师

TAT.tennylv H5视频直播扫盲
In Web开发 on 2016年05月22日 by view: 18,906
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,177
5

刀耕火种