[译]构建高性能展开&收缩动画

原文地址:https://developers.google.com/web/updates/2017/03/performant-expand-and-collapse
原文标题:Building performant expand & collapse animations
原文作者:Paul Lewis, Stephen McGruer
翻译:杜梦杰
示例:https://dumengjie.github.io/blog-demos/animated-clip/

TL;DR
继续阅读[译]构建高性能展开&收缩动画

css3动画的更深层次的探究(矩阵变换)

css3img

前言

其实无论哪一门技术的发展都有其根源可揪,我之前做了一些css3动画的效果,对css3流畅而又实现简单的动画效果深深着迷,遂决定探究下css3动画的来世今生,
本文如有疏漏,请各位看官及时指出,以防误导更多学习的童鞋,随着本文的深入,对看官的数学功底有一定的要求。
继续阅读css3动画的更深层次的探究(矩阵变换)

彻底深刻理解js原型链之prototype,__proto__以及constructor(二)

前言

如果你能够啃下教程一并且吃透原型链的几个概念的话说明你在前端飞仙的路上又进了一小步···学习最怕的不是慢而是站!这篇教程主要目的对原型链概念进一步加深理解

巩固下教程一的知识

来看下面的例子:

var text=new String("我是文字");
function Persion(name,job){
    this.name=name;
    this.job=job;
}
Persion.myName="lxm";
Persion.prototype.sayName=function(){
    alert(this.name);
}
var perison1=new Persion("lxm","20")

继续阅读彻底深刻理解js原型链之prototype,__proto__以及constructor(二)

彻底深刻理解js原型链之prototype,__proto__以及constructor(一)

前言

以下概念请花费一定的时间彻底理解,才能进行下一步,思考题一定要思考,这样才能彻底掌握原型链的知识点,教程中如果有任何的错误不足请指正!

函数对象

由function创造出来的函数,比如:

    function a(){};
    var b=function(){};

系统内置的函数对象

Function,Object,Array,String,Number

只有函数对象才有 prototype属性 ,重要的事情说三遍!

思考: js的引用数据类型都属于函数对象吗?

普通对象

除开函数对象之外的对象都是普通对象

    var b='qwe'; // b 是字符串类型,属于普通对象
    var c=123;; // c 是数字类型,属于普通对象

继续阅读彻底深刻理解js原型链之prototype,__proto__以及constructor(一)

markdown语法测试

欢迎使用Markdown编辑器写博客

本Markdown编辑器使用[StackEdit][6]修改而来,用它写博客,将会带来全新的体验哦:

  • Markdown和扩展Markdown简洁的语法
  • 代码块高亮
  • 图片链接和图片上传
  • LaTex数学公式
  • 丰富的快捷键

快捷键

  • 加粗 Ctrl + B
  • 斜体 Ctrl + I
  • 引用 Ctrl + Q
  • 插入链接 Ctrl + L
  • 插入代码 Ctrl + K
  • 插入图片 Ctrl + G
  • 提升标题 Ctrl + H
  • 有序列表 Ctrl + O
  • 无序列表 Ctrl + U
  • 横线 Ctrl + R
  • 撤销 Ctrl + Z
  • 重做 Ctrl + Y

Markdown及扩展

继续阅读markdown语法测试