会员
周边
新闻
博问
闪存
众包
赞助商
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
dzwonline
博客园
首页
新随笔
联系
订阅
管理
2018年6月17日
JavaScript脚本加载相关知识
摘要: <script>标签的位置 HTML4规范允许<script>可以放在<head>或<body>中。 但是,放在<head>中会导致性能问题:浏览器在解释到<body>前,不会渲染页面任何内容,而把<script>放在<head>中会阻塞页面渲染,把<script>放在<head>的话,会等到<sc
阅读全文
posted @ 2018-06-17 16:40 dzwonline
阅读(115)
评论(0)
推荐(0)
2018年6月15日
HTML5中的拖拽与拖放(drag&&drop)
摘要: 1.drag 当拖动某个元素时,将会依次触发下列事件: 1)dragstart:按下鼠标键并开始移动鼠标时,会触发该事件 2)drag:dragstart触发后,随即便触发drag事件,而且在元素被拖动期间,该事件一直被触发 3)dragend:拖动停止时触发该事件 上面的事件的对象是要拖动的元素
阅读全文
posted @ 2018-06-15 14:21 dzwonline
阅读(302)
评论(0)
推荐(0)
2018年6月13日
CSS中的动画
摘要: 1.transition 在CSS3中,可以通过transition为元素从一种样式变换为另外一种样式的过程添加效果。 transition为简写属性,用于在一个属性中设置四个过渡属性,分别是: transition-property:应用过渡的CSS属性的名称,如width,background-
阅读全文
posted @ 2018-06-13 21:21 dzwonline
阅读(118)
评论(0)
推荐(0)
2018年6月12日
常用的JavaScript设计模式(二)Factory(工厂)模式
摘要: Factory通过提供一个通用的接口来创建对象,同时,我们还可以指定我们想要创建的对象实例的类型。 假设现在有一个汽车工厂VehicleFactory,支持创建Car和Truck类型的对象实例,现在需要通过这个工厂创建指定类型的对象,那么我们不需要通过直接使用new运算符或者通过其他的创造型构造函数
阅读全文
posted @ 2018-06-12 22:36 dzwonline
阅读(128)
评论(0)
推荐(0)
2018年6月10日
CSS中的Position
摘要: CSS中,position属性规定元素的定位类型,其属性值共有四个:static , relative , absolute , fixed 1.static 是position属性的默认值,按照正常的文档流进行排列。 2.relative 当某一个元素的position属性设置为relative时
阅读全文
posted @ 2018-06-10 16:25 dzwonline
阅读(106)
评论(0)
推荐(0)
常用的JavaScript设计模式(一)Constructor(构造器)模式
摘要: 在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)
公告