LivePool 是一个基于 NodeJS,类似 Fiddler 能够支持抓包和本地替换的 Web 开发调试工具,是 Tencent AlloyTeam 在开发实践过程总结出的一套的便捷的 WorkFlow 以及调试方案。
-
【开源项目】LivePool:基于 NodeJs 的跨平台 Web 抓包替换工具
In 未分类 on 2014年07月15日 by TAT.Rehorn view: 42,70633
-
JavaScript Promise 启示录
In 未分类 on 2014年05月04日 by TAT.dmyang view: 53,44824
本篇,主要普及 promise 的用法。
一直以来,JavaScript 处理异步都是以 callback 的方式,在前端开发领域 callback 机制几乎深入人心。在设计 API 的时候,不管是浏览器厂商还是 SDK 开发商亦或是各种类库的作者,基本上都已经遵循着 callback 的套路。
-
Android 插件原理剖析
In 未分类 on 2014年04月17日 by TAT.zhipingfeng view: 44,85119
前言
关于插件,已经在各大平台上出现过很多,eclipse 插件、chrome 插件、3dmax 插件,所有这些插件大概都为了在一个主程序中实现比较通用的功能,把业务相关或者让可以让用户自定义扩展的功能不附加在主程序中,主程序可在运行时安装和卸载。
在 android 如何实现插件也已经被广泛传播,实现的原理都是实现一套插件接口,把插件实现编成 apk 或者 dex,然后在运行时使用 DexClassLoader 动态加载进来,这里分享一下 DexClassLoader 加载原理和分析在实现插件时不同操作造成错误的原因。
-
腾讯 AlloyTeam 招聘 Web 前端工程师 2014
In 未分类 on 2014年04月03日 by TAT.Kinvix view: 65,25099
腾讯 AlloyTeam 时隔 2 年,再次对外开放社会招聘机会,想加入 AlloyTeam 的 Web 前端开发工程师请抓紧!工作职责主要负责腾讯手机 QQ、PC QQ 中的 Web 业务的前端开发。如果你热爱面向 Web 的前端开发工作,欢迎前来应聘,机会难得,各种挑战等着你~~
岗位名称:Web 前端开发工程师(T2-T3 级别)
-
AlloyDesigner 新版本特性之 “DOM 分析器” 使用教程
In 未分类 on 2014年04月01日 by TAT.dorsywang view: 22,2285
DOM 分析器是 AlloyDesigner 在 V1.1.0 版本中引入的新特性
DOM 分析器有以下几个特点- 显示文档中的元素与属性
- 属性使用 JSON 数据直观表示
- 显示元素在文档中的位置
- 独有的元素预览功能
-
腾讯 Codestar 第二季《前端突击队》疯狂来袭
In 未分类 on 2014年03月25日 by TAT.老教授 view: 59,267127
-
如何解决 compass 中遇到的:Errno::EACCES on line [“897”] of C: Permission denied 问题。
In 未分类 on 2014年03月24日 by TAT.Minren view: 25,2894
如果你在 3 月 23 日左右升级了 compass,你可能会遇到这样的错误:
1234Errno::EACCES on line ["897"] of C: Permission denied具体原因不清楚,应该是与新版的sass有关。比如当我使用下面版本时就会有问题:sass - 3.2.18compass - 0.12.4所以目前的处理方法就是安装原来的版本gem uninstall compassgem uninstall sassgem install sass --version "3.2.10"gem install compass --version "0.12.2"这样就可以消除上述错误了。
-
全新理念的 Web 前端开发方式——AlloyDesigner
In 未分类 on 2014年03月10日 by TAT.Kinvix view: 49,97155
AlloyDesigner 介绍
AlloyDesigner 的创意来自于 “临摹” 的灵感,使用 AlloyDesigner 后,你可以把设计稿拖进你的 Web 页面铺在页面的最底层,然后就可以对着设计稿来构建 DOM 元素和 CSS 样式啦,这样子是不是直观了很多?通过 AlloyDesigner 直观地调整页面,迅速达到与视觉稿一致的目的。
AlloyDesigner 的官网:http://alloyteam.github.io/AlloyDesigner/
-
前端相关数据监控
In 未分类 on 2014年03月04日 by TAT.Perlt view: 35,73319
项目开发完成外发后,没有一个监控系统,我们很难了解到发布出去的代码在用户机器上执行是否正确,所以需要建立前端代码性能相关的监控系统。
所以我们需要做以下的一些模块:
一、收集脚本执行错误
1234567891011121314function error(msg,url,line){var REPORT_URL = "xxxx/cgi"; // 收集上报数据的信息var m =[msg, url, line, navigator.userAgent, +new Date];// 收集错误信息,发生错误的脚本文件网络地址,用户代理信息,时间var url = REPORT_URL + m.join('||');// 组装错误上报信息内容URLvar img = new Image;img.onload = img.onerror = function(){img = null;};img.src = url;// 发送数据到后台cgi}// 监听错误上报window.onerror = function(msg,url,line){error(msg,url,line);}通过管理后台系统,我们可以看到页面上每次错误的信息,通过这些信息我们可以很快定位并且解决问题。
-
更快的异步执行
In 未分类 on 2014年03月03日 by TAT.Cson view: 42,93920
如果要异步执行一个函数,我们最先想到的方法肯定会是 setTimeout
例如:setTimeout(function( /* 1s 后做点什么 */){},1000}那如果说要最快速地异步执行一个函数呢?
是否会是:1setTimeout(function( /* 尽快做点什么 */){},0}可惜的是,浏览器为了避免 setTimeout 嵌套可能出现卡死 ui 线程的情况,为 setTimeout 设置了最小的执行时间间隔,不同浏览器的最小执行时间间隔都不一样。chrome 下测试 setTimeout 0 的实际执行时间间隔大概在 12ms 左右。