AlloyTeam

AlloyTeam

Copyright © Tencent AlloyTeam. All Rights Reserved.
AlloyTeam 腾讯全端 AlloyTeam 团队 Blog
  • 首页
  • Web 开发
    • 前端资讯
    • HTML5
    • CSS3
    • JavaScript
    • Node.js
    • 移动 Web 开发
    • 用户体验设计
    • Web 前端优化
    • 资源工具
  • 移动开发
    • Android 开发
    • iOS 开发
    • 移动 Web 开发
  • Alloy 实验室
    • 作品
    • HTML5 游戏
  • 关于
    • 团队
    • Github
    • 留言
    • 友情链接
  • RSS
  • 【高性能前端 4】Appcache Facts 中译版
    In HTML5,Web 前端优化 on 2012年10月16日 by TAT.yuanyan view: 10,724
    9

    Application cache 是 HTML5 中在规范完整性上比较糟糕的特性之一,规范上的不到位导致浏览器厂商在实现上也存在些许差异,而产生本文档的目的即让开发者们知晓那些潜规则,摆脱问题的困惑与束缚,正确的使用离线缓存真正让 Web 加速。

    继续阅读

  • 【高性能前端 3】高性能 JavaScript
    In Web 前端优化 on 2012年10月10日 by TAT.yuanyan view: 24,688
    10

    使用事件代理

    有时候我们会感觉到页面反应迟钝,这是因为 DOM 树元素中附加了过多的事件句柄并且些事件句病被频繁地触发。这就是为什么说使用事件代理是一种好方法了。如果你在一个 div 中有 10 个按钮,你只需要在 div 上附加一次事件句柄就可以了,而不用去为每一个按钮增加一个句柄。事件冒泡时你可以捕捉到事件并判断出是哪个事件发出的。

    继续阅读

  • 【高性能前端 2】高性能 CSS
    In Web 前端优化 on 2012年10月10日 by TAT.yuanyan view: 28,187
    27

    避免使用 @import

    有两种方式加载样式文件,一种是 link 元素,另一种是 CSS 2.1 加入 @import。而在外部的 CSS 文件中使用 @import 会使得页面在加载时增加额外的延迟。虽然规则允许在样式中调用 @import 来导入其它的 CSS,但浏览器不能并行下载样式,就会导致页面增添了额外的往返耗时。比如,第一个 CSS 文件 first.css 包含了以下内容:@import url("second.css")。那么浏览器就必须先把 first.css 下载、解析和执行后,才发现及处理第二个文件 second.css。简单的解决方法是使用<link> 标记来替代 @import,比如下面的写法就能够并行下载 CSS 文件,从而加快页面加载速度:

    继续阅读

  • 【高性能前端 1】高性能 HTML
    In Web 前端优化 on 2012年10月10日 by TAT.yuanyan view: 28,151
    34

    避免使用 Iframe

    Iframe 也叫内联 frame,可以把一个 HTML 文档嵌入到另一个文档中。使用 iframe 的好处是被嵌入的文档可以完全独立于其父文档,凭借此特点我们通常可以使浏览器模拟多线程,需要注意的是使用 iframe 并不会增加同域名下的并行下载数,浏览器对同域名的连接总是共享浏览器级别的连接池,即使是跨窗口或跨标签页,这在所有主流浏览器都是如此。也因为这样这让 iframe 带来的好处大打折扣。

    继续阅读

  • TAT.iAzrael 【更新】iSpriter – 智能合并 CSS 精灵图
    In 作品,资源工具 on 2012年09月30日 by TAT.iAzrael view: 42,472
    23

    号外号外,iSpriter 更新啦!

    什么?你不知道 iSpriter 是什么?那你太 out 啦,必须先看看这个文章了。简单的一句话介绍:基于 NodeJs 的开源 CSS 精灵图合并工具,不用改变原有的 css 编写方式,就能自动帮你解决 css sprite 的合并问题。目前源码托管在 github(https://github.com/iazrael/ispriter),欢迎各位同学来一起完善。

    由于最初写的时候不怎么注意代码自量,写得比较搓。在应用在几个项目之后,修复了一些 bug,发现再加新功能比较困难。最近终于下决心重构了下,并在重构的基础上增加了一些新特性。

    继续阅读

  • TAT.sheran 【原创教程】教你用 Photoshop 创建自己的 loading.gif 动画
    In 用户体验设计 on 2012年09月19日 by TAT.sheran view: 15,198
    15


    作为一个混迹互联网的 IT 人士,如果想各方面都了解点得话,那么设计 gif 动画也是个不错的学习方向哦!

    下面就 step by step 教大家如何设计一个 loading.gif 的加载动画图:

    先看效果图:

    继续阅读

  • TAT.Cson 使用 Web Worker 提高 CodeTank 性能并防止用户代码作弊
    In HTML5,HTML5游戏,JavaScript,Web开发 on 2012年09月19日 by TAT.Cson view: 12,645
    7

    【场景】:

    由于 CodeTank 是一个 JS 的编程游戏,所以用户的代码都可以在 CodeTank 平台上执行,从而控制 tank 的个性化行为。

    在 CodeTank 设计之初,主要需要实现的目标如下:

    1. 自定义的坦克可以调用公用的 API,例如 fire,ahead 等控制坦克行为的 API。
    2. 自定义的坦克可以实现自己的事件处理程序,在特定事件触发时提供自己的响应。
    3. 自定义坦克管理属于自己的状态队列。

    继续阅读

  • TAT.melody Webtop——HTML5 桌面 App 开发引擎最新 beta 版发布
    In Web开发 on 2012年09月09日 by TAT.melody view: 20,846
    11


    Webtop——html5 桌面 app 开发引擎。基于 webtop,你可以使用 html5 和 css3 等新技术构建桌面 app,即开发直接运行于 windows 上的软件,使用透明渲染模式能将网页直接渲染在桌面上,轻松实现透明阴影等特效。而且,提供了大量的本地 api,使你的 app 能达到跟本地 app 一样的体验。基于它,你可以开发诸如浏览器,QQ,PS,桌面 widget 等桌面 app。这种开发软件的方式,相比传统桌面软件开发方式的开发效率,个人认为至少是其的 10 倍。

    • 官网:http://webtop.alloyteam.com
    • 下载地址:http://download.alloyteam.com/webtop.zip
    • 官方群:257960168

    继续阅读

  • 腾讯 Web 前端 JX 框架入门教程 (一)
    In Web开发 on 2012年09月05日 by TAT.pel view: 11,690
    5

    什么是 JX 框架

    JX 框架 (Javascript eXtension tools) 是模块化的非侵入式 Web 前端框架,适用于 Web Page 和 Web App 项目的开发,特别适合构建和组织大规模、工业级的 Web App,腾讯 WebQQ、腾讯 Q+等产品都是采用 JX 框架开发,兼容目前所有主流浏览器。
    JX 框架具有以下特点:

    • 微内核设计,内核可完全分离出来
    • 原生对象零污染,随着 Web App 越来越复杂,对原生对象的零污染也体现的越来越重要了
    • 模块封包,采用命名空间、闭包等方式建立了模块封包的体系,模块自身做了良好的架构分离,各个模块之间可以自由拼装组合
    • 原子级封装,最大限度保留了代码的执行效率,接近原生的接口,降低了学习门槛
    • 无缝集成各种 js 框架:jQuery, YUI, Mootools, Prototype.js,Mini,Sizzle,cssQuery,xpath,JSON 等等

    第一个程序

    没错,正如你所想的,我们要写的第一个程序是 “hello world”,通过这个程序,你可以对使用 JX 框架有个概括的了解。

    继续阅读

  • TAT.svenzeng 谈谈 Javascript Array
    In Web开发 on 2012年09月03日 by TAT.svenzeng view: 44,390
    22

    Javascript 里的数组对象构建自 Array 构造器. 比如:
    var ary = new Array(1, 2, 3 ) 或者 var ary = [ 1, 2, 3 ]

    在 java 里, 数组会按照索引连续分配有序个元素.
    而在 javascript 里, 数组的存取方式跟普通对象一模一样.

    继续阅读

上页 1 ...46 47 48 49 50 51 52 53 54 55 ...61 下页
公众号:AlloyTeam
扫码关注
公众号:AlloyTeam
合作伙伴
HTML5梦工场
腾讯云
Coding
兄弟团队
  • 腾讯 ISUX
  • 腾讯 CDC
  • 腾讯游戏 TGideas
  • 百度前端 EFE
  • 百度前端 FEX
  • 淘宝前端团队 FED
友情链接
  • 印记中文
  • W3CTech
  • 前端观察
  • W3C Plus
  • Web 前端开发
  • V2EX
  • 蓝色理想
  • 云开发 CloudBase
  • HTML5中文学习网
  • 爱思资源网
  • 牛大拿_前端设计导航
  • 吕小鸣前端博客
  • 腾讯大学


Copyright ©  2011-2021 AlloyTeam. All Rights Reserved. Powered By WordPress
粤ICP备15071938号-2