摘要: <script>标签的位置 HTML4规范允许<script>可以放在<head>或<body>中。 但是,放在<head>中会导致性能问题:浏览器在解释到<body>前,不会渲染页面任何内容,而把<script>放在<head>中会阻塞页面渲染,把<script>放在<head>的话,会等到<sc 阅读全文
posted @ 2018-06-17 16:40 dzwonline 阅读(115) 评论(0) 推荐(0)
摘要: 1.drag 当拖动某个元素时,将会依次触发下列事件: 1)dragstart:按下鼠标键并开始移动鼠标时,会触发该事件 2)drag:dragstart触发后,随即便触发drag事件,而且在元素被拖动期间,该事件一直被触发 3)dragend:拖动停止时触发该事件 上面的事件的对象是要拖动的元素 阅读全文
posted @ 2018-06-15 14:21 dzwonline 阅读(302) 评论(0) 推荐(0)
摘要: 1.transition 在CSS3中,可以通过transition为元素从一种样式变换为另外一种样式的过程添加效果。 transition为简写属性,用于在一个属性中设置四个过渡属性,分别是: transition-property:应用过渡的CSS属性的名称,如width,background- 阅读全文
posted @ 2018-06-13 21:21 dzwonline 阅读(118) 评论(0) 推荐(0)
摘要: Factory通过提供一个通用的接口来创建对象,同时,我们还可以指定我们想要创建的对象实例的类型。 假设现在有一个汽车工厂VehicleFactory,支持创建Car和Truck类型的对象实例,现在需要通过这个工厂创建指定类型的对象,那么我们不需要通过直接使用new运算符或者通过其他的创造型构造函数 阅读全文
posted @ 2018-06-12 22:36 dzwonline 阅读(128) 评论(0) 推荐(0)
摘要: CSS中,position属性规定元素的定位类型,其属性值共有四个:static , relative , absolute , fixed 1.static 是position属性的默认值,按照正常的文档流进行排列。 2.relative 当某一个元素的position属性设置为relative时 阅读全文
posted @ 2018-06-10 16:25 dzwonline 阅读(106) 评论(0) 推荐(0)
摘要: 在es6中,新增了一个语法糖--class,可以说是为JavaScript引入了类的概念。而在传统的JavaScript中,则是通过构造器生成实例对象的。 JavaScript支持特殊的constructor(构造器)函数。通过在构造器函数前加new关键字,告诉JS使用该构造器实例化一个对象,并且对 阅读全文
posted @ 2018-06-10 15:23 dzwonline 阅读(145) 评论(0) 推荐(0)
摘要: 前言:本文介绍五种常见的三列布局,主要是两侧定宽,中间自适应,其他情况大同小异。 方式一:float HTML代码: 注:center要放最后。center这个元素是块级元素,占据一行,如果center放中间,right元素会在下一行向右浮动 CSS代码: 方式二:table布局,非HTML中<ta 阅读全文
posted @ 2018-06-10 13:02 dzwonline 阅读(592) 评论(0) 推荐(0)