摘要: 今天有位朋友一早从妙味课堂转来一个有关于CSS布局的面试题,需要解决,花了点时间写了几个DEMO,放上来与大家分享受。那么我们在看DEMO之前一起先来看看这个面试题的具体要求吧: 左侧固定宽,右侧自适应屏幕宽; 左右两列,等高布局; 左右两列要求有最小高度,例如:200px;(当内容超出200时,会 阅读全文
posted @ 2017-07-13 10:17 风贤子 阅读(203) 评论(0) 推荐(0)
摘要: 创建对象 回顾前面我们谈到通过object构造函数创建单个对象 // 创建一个object的实例,然后再为它添加属性和方法 var person = new Object(); person.name = "jill"; person.age = 18; person.job = "software 阅读全文
posted @ 2017-07-13 08:47 风贤子 阅读(135) 评论(0) 推荐(0)
摘要: 一、变形 transform:可以对元素对象进行旋转rotate、缩放scale、移动translate、倾斜skew、矩阵变形matrix。示例: transition:过度属性 transition:过度效果的css属性名 过度效果时长 速度效果的速度曲线 过度效果开始时间; rotate(): 阅读全文
posted @ 2017-07-07 12:52 风贤子 阅读(173) 评论(0) 推荐(0)
摘要: css3的3d起步 要玩转css3的3d,就必须了解几个词汇,便是透视(perspective)、旋转(rotate)和移动(translate)。透视即是以现实的视角来看屏幕上的2D事物,从而展现3D的效果。旋转则不再是2D平面上的旋转,而是三维坐标系的旋转,就包括X轴,Y轴,Z轴旋转。平移同理。 阅读全文
posted @ 2017-07-07 12:47 风贤子 阅读(226) 评论(0) 推荐(0)
摘要: 前面的话 鼠标事件是DOM事件中最常用的事件,jQuery对鼠标事件进行了封装和扩展。本文将详细介绍jQuery鼠标事件 类型 鼠标事件共10类,包括click、contextmenu、dblclick、mousedown、mouseup、mousemove、mouseover、mouseout、m 阅读全文
posted @ 2017-07-06 11:53 风贤子 阅读(275) 评论(0) 推荐(0)
摘要: 鼠标事件是在用户移动鼠标光标或者使用任意鼠标键点击时触发的。 (1):click事件:click事件于用户在元素敲击鼠标左键,并在相同元素上松开左键时触发。 $('p').click(function(){ alert('click function is running !'); }); (2): 阅读全文
posted @ 2017-07-06 11:52 风贤子 阅读(154) 评论(0) 推荐(0)
摘要: 构造函数创建对象 我们先使用构造函数创建一个对象: 在这个例子中,Person就是一个构造函数,我们使用new创建了一个实例对象person。 很简单吧,接下来进入正题: prototype 每个函数都有一个prototype属性,就是我们经常在各种例子中看到的那个prototype,比如: 那这个 阅读全文
posted @ 2017-07-06 08:52 风贤子 阅读(129) 评论(0) 推荐(0)
摘要: 本文总结一下浏览器在 javascript 的加载方式。 关键词:异步加载(async loading),延迟加载(lazy loading),延迟执行(lazy execution),async 属性, defer 属性 一、同步加载与异步加载的形式 1. 同步加载 我们平时最常使用的就是这种同步 阅读全文
posted @ 2017-07-05 16:56 风贤子 阅读(196) 评论(0) 推荐(0)
摘要: JavaScript 运行机制 阅读目录 一、为什么JavaScript是单线程? 二、任务队列 三、事件和回调函数 四、Event Loop 五、定时器 六、Node.js的Event Loop 七、关于setTimeout的测试 一、为什么JavaScript是单线程? JavaScript语言 阅读全文
posted @ 2017-07-05 16:47 风贤子 阅读(128) 评论(0) 推荐(0)
摘要: 1、typeof 用来检测数据类型的运算符 使用typeof检测数据类型,首先返回的都是字符串 ,其次字符串中包含了对应的数据类型 例如:"number"、"string"、"boolean"、"undefined"、"function"、"object" console.log(typeof ty 阅读全文
posted @ 2017-07-05 16:15 风贤子 阅读(120) 评论(0) 推荐(0)