TAT.Jdo 【Web Audio API】 — 那些年的 web audio
In HTML5,JavaScript on 2014年12月27日 by view: 13,032
2

这主题主要是早期对 web audio api的一些尝试,这里整理一下以便以后翻阅,如有错误,诚请指正。

在这之前,先回顾一下那些年我们一起走过的web audio:

<bgsound>

在我印象当中,bgsound是个很古老的东西,接触互联网之后,那时兴起的个人blog都有一个增加小组件或者背景音乐的功能,就是允许你贴入一段代码来实现,那是我最早接触bgsound的时候;当然那时也只是会ctrl+c/v ~~

网上翻来些资料,大概是这样的:

早在1996年,IE3.0定义了<bgsound>的标签,这应该web最早的一个能播放音频的标签;但它却从未成为标准,由始至终只有IE支持该标签;提供的功能比较有限,简单的后台自动播放,支持.wav|.mid|.ua格式音频;

前端XSS高阶玩法
In JavaScript,Web开发 on 2014年11月30日 by view: 20,307
13

故事源于某一天,笔者的一位后台同事突然在RTX找到了我,然后抛出了一道一看就要跪的题,

以下是他给我的原题:

初略看了一下,感觉这是在逗我么。。。这么搞,js都Brainfuck化了啊。

目前已经有很多JavaScript MVC框架了。为什么我们还要创造React而为什么你会想使用它呢?

React 不是一个MVC框架

React 是一个用来构建可拼装化的UI界面的js库。它鼓励创造可复用性的UI组件,这些组件的特点之一是当前数据会随着时间发生改变。

React 不使用模版

习惯上,web应用的UI界面是通过模版或HTML指令来搭建的。你可以使用这一整套将页面抽象化了的模版来构造你的UI界面。

React 在处理构建UI界面的不同之处在于它是以组件形式将UI界面阻断。这意味着React用的是一门真实的,全能的编程语言去渲染视图(View层),同时我们也看到了比采用模版更优秀的一些原因:

TAT.Cson browserify运行原理分析
In JavaScript,Node.js,Web开发 on 2014年10月21日 by view: 23,124
10

 

目前对于前端工程师而言,如果只针对浏览器编写代码,那么很简单,只需要在页面的script脚本中引入所用js就可以了。

但是某些情况下,我们可能需要在服务端也跑一套类似的逻辑代码,考虑如下这些情景(以node作为后端为例):

1.spa的应用,需要同时支持服务端直出页面以及客户端pjax拉取数据渲染,客户端和服务器公用一套渲染模板并执行大部分类似的逻辑。

2.一个通过websocket对战的游戏,客户端和服务端可能需要进行类似的逻辑计算,两套代码分别用于对用户客户端的展示以及服务端实际数值的计算。

这些情况下,很可能希望我们客户端代码的逻辑能够同时无缝运行在服务端。

TAT.dmyang JavaScript Promise启示录
In JavaScript,Node.js,Web开发 on 2014年05月04日 by view: 39,518
24

本篇,主要普及promise的用法。

一直以来,JavaScript处理异步都是以callback的方式,在前端开发领域callback机制几乎深入人心。在设计API的时候,不管是浏览器厂商还是SDK开发商亦或是各种类库的作者,基本上都已经遵循着callback的套路。

 

2014-03-04_171121

流程

关于流程,是从项目启动到发布的过程。在前端通常我们都做些什么?

TAT.bizai 视差滚动的爱情故事之优化篇
In JavaScript,Web开发 on 2014年02月14日 by view: 24,745
28

上篇博客链接:视差滚动的爱情故事

大家好,想起以前有家伙想给我起个花名,叫伟哥。这种跟人类生殖器官有关系的花名,怎么能让它伴随我英明的一生呢!看我不抽死那。。。。。哦,不对,看我不说服那个家伙改口,最后他在我185魁梧的身材,俊朗的五官的威严下改口了,只不过那天手掌略疼略疼而已。上一篇博客知道,我的女神居然有男朋友了,很明显这是上天给予我的挑战,然后故事就会像狗血韩剧那样发展,我成为了男二号,女神女主角因为得了癌症,男一号假以远赴外国寻医实则东莞被捕,就这样在女神身边消失了,而身为男二号的我会不离不弃地守护这女神,终于女神在我的爱情滋润下战胜病魔,重获新生,男二号和女神走在一起,哈哈哈哈哈哈啊啊啊哈哈,故事一定是这样。什么?你说韩剧后面还有男一号回来跟女神重拾旧爱的剧情?韩剧一般看到这里我就不看的。

。。。。。。好吧我承认,我没有成为什么男二号,而是成为一名(diao si)备胎

TAT.Perlt source map 版本3介绍
In JavaScript,Web开发 on 2014年01月20日 by view: 14,835
2

背景

source map 提案的作用在于可以在浏览器中的开发者工具Closure Inspector中像调试源代码一样地调试生成后的Javascript代码。

source map是一个记录代码转换前和转换后的位置信息文件,利用Closure Compiler生成。

source map 经历了3个版本,第三版本的source map代码量大量减少。

故事说起在一个冰冷幽暗的夜晚上,我正思考的十分重要的人生问题,这周末该去那里happy好呢?是宅在家里好呢,或者宅在家里好呢,还是宅在家里好呢?这时,万年隐身的QQ竟然浮起浅色聊天框,我去!不得了,居然是女神主动联系我,女神一定是因为我俊朗的五官,185的模特身材而深深地迷恋上我了,呵呵呵呵呵呵。

TAT.iAzrael 在浏览器端用JS创建和下载文件
In JavaScript on 2014年01月03日 by view: 55,264
40

前端很多项目中,都有文件下载的需求,特别是JS生成文件内容,然后让浏览器执行下载操作(例如在线图片编辑、在线代码编辑、iPresst等)。

但受限于浏览器,很多情况下我们都只能给出个链接,让用户点击打开-》另存为。如下面这个链接:

<a href=”file.js”>file.js</a>

用户点击这个链接的时候,浏览器会打开并显示链接指向的文件内容,显然,这并没有实现我们的需求。