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
  • TAT.Minren CSS3 的 roate 与 rotateX 的顺序研究
    In 未分类 on 2012年11月08日 by TAT.Minren view: 13,415
    2

    我觉得 CCS3 的 transform 中的学问很深,可以出不少面试题了,之前的文章谈到过 perspective 属性的位置问题,我们今天看看 rotate 的顺序,首先看看下面两个 CSS3 的 keyframe 动画:

    两个动画的起始状态和结束状态都是是一摸一样的(其实就是原始位置),不同的只不过是 rotate 和 rotateX 的顺序。但是动画效果却有惊人的差别。

    继续阅读

  • TAT.dmyang HTML5 迟来的 API:Page Visibility
    In 未分类 on 2012年11月05日 by TAT.dmyang view: 19,950
    8

    一开始先看个小小 demo,切换 tab 对比下!

    不得不说,浏览器的多 tab(and 多窗口)设计确实是满足了用户同时浏览很多个网页的需求,但是,网上有成千上万的页面,这些页面性能又参差不齐,对于某些性能很差的页面,用户停留在这个页面倒还好,但是当用户切换了到了其他 tab 页时,有可能会出现由于性能差的页面卡死导致整个浏览器卡死甚至机器卡死,其他页面好冤,浏览器好冤,机子好冤 [汗]。

    继续阅读

  • TAT.yukin 使用 HTML5 跨域共享特性解决 AJAX 跨域数据同步问题
    In 未分类 on 2012年11月05日 by TAT.yukin view: 20,889
    5

    HTML 5 以前的标准由于考虑到浏览器安全问题并不允许直接跨域通信,于是为了达到跨域通信的目的各种蛋疼的解决办法出现了,常用的有:jsonp、使用代理文件、地址栏 hash 等等,这些办法的出现在达到解决跨域问题的同时,也增加了前端页面的性能开销和维护成本。HTML5 新的标准中,增加了” Cross-Origin Resource Sharing” 特性,这个特性的出现使得跨域通信只需通过配置 http 协议头来即可解决。

    继续阅读

  • TAT.bizai 图文理解 CSS3 3D Transform
    In 未分类 on 2012年11月04日 by TAT.bizai view: 25,481
    7

    Minren 哥前面已经写了一些关于这方面的 blog 了,大家也可以在团队 blog 里面参考。

    http://www.alloyteam.com/2012/10/the-css3-transform-perspective-property/

    介于只是介绍 perspective,没有对 css 3d transform 其他部分属性介绍说明,下面是我个人对 css3 3D 的一些个人见解,大神们莫喷。那些 rotateX 啊,scaleY 啊这些大家都能够立刻明白的我就不过多的解析了。主要有几个属性大家可能比较少用或没有理解透的为这部分的主要内容。

    继续阅读

  • TAT.horde 使用 performance API 监测页面性能
    In 未分类 on 2012年11月03日 by TAT.horde view: 14,866
    4

    对于前端开发来说, 知道整个页面从开始加载到有内容展示出来的时间是很重要的事情.

    通常我们要知道页面加载的时间的话. 是采用计算几个关键的时间点的方法来得出页面加载的时间. 但是这个方式存在一些问题, 比如: 我们不知道浏览器在开始解析页面之前卸载前一个文档, 解析 dns 的时间.

    继续阅读

  • TAT.老教授 浅谈 javascript 的函数节流
    In 未分类 on 2012年11月02日 by TAT.老教授 view: 151,449
    29

     什么是函数节流?

    介绍前,先说下背景。在前端开发中,有时会为页面绑定 resize 事件,或者为一个页面元素绑定拖拽事件(其核心就是绑定 mousemove),这种事件有一个特点,就是用户不必特地捣乱,他在一个正常的操作中,都有可能在一个短的时间内触发非常多次事件绑定程序。而大家知道,DOM 操作时很消耗性能的,这个时候,如果你为这些事件绑定一些操作 DOM 节点的操作的话,那就会引发大量的计算,在用户看来,页面可能就一时间没有响应,这个页面一下子变卡了变慢了。甚至在 IE 下,如果你绑定的 resize 事件进行较多 DOM 操作,其高频率可能直接就使得浏览器崩溃。

    继续阅读

  • TAT.Minren CSS3 Transform 的 perspective 属性
    In 未分类 on 2012年10月29日 by TAT.Minren view: 34,498
    17

    以下两行语句有什么区别?

    1
    2
    <div id="animateTest" 
         style="-webkit-transform: perspective(400px) rotateY(40deg);">

    1
    2
    <div id="animateTest"
         style="-webkit-transform: rotateY(40deg) perspective(400px);">

    如果大家不清楚,请听我娓娓道来。

    CCS3 中的 Transform 是设置界面样式和动画的一大利器。而且在 Chrome 和 FF 中还支持 3D 变换。IE9 不支持,IE10 支持。

    继续阅读

  • TAT.Kinvix Web 前端业界传说中氛围最好群——鬼懿 IT
    In 未分类 on 2012年10月26日 by TAT.Kinvix view: 37,772
    17

    做 Web 开发很多年了,专门做 Web 前端开发也有 8 年多了,期间自然加过很多优秀的 Web 前端 QQ 讨论群,今天跟大家推荐一个传说中氛围最好的一个,而且其中很多牛人,那就是——鬼懿 IT

    继续阅读

  • TAT.aishen 【原创教程】使用 CSS3 绘制腾讯 QQ 的企鹅 Logo
    In 未分类 on 2012年10月24日 by TAT.aishen view: 66,521
    47

    CSS3 绘制腾讯 QQ 的企鹅 Logo 效果

    今天和大家分享一下使用 CSS3 绘制腾讯 QQ 的企鹅 Logo 的过程。

     

    一、如何使用 CSS3 来绘制图形?

    网络上经常能够看到一些用 CSS3 绘制的精致图形,它们通常由矩形,圆形,椭圆,三角形, 梯形等组合而成。要想绘制我们自己的图形,就要先了解下基本图形的绘制方法了。

    继续阅读

  • TAT.svenzeng 【Javascript 设计模式 1】-单例模式
    In 未分类 on 2012年10月24日 by TAT.svenzeng view: 82,785
    63

    《parctical common lisp》的作者曾说,如果你需要一种模式,那一定是哪里出了问题。他所说的问题是指因为语言的天生缺陷,不得不去寻求和总结一种通用的解决方案。

    不管是弱类型或强类型,静态或动态语言,命令式或说明式语言、每种语言都有天生的优缺点。一个牙买加运动员, 在短跑甚至拳击方面有一些优势,在练瑜伽上就欠缺一些。

    继续阅读

上页 1 ...43 44 45 46 47 48 49 50 51 52 ...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