摘要: 文档坐标和视口坐标 视口坐标是相对于窗口的坐标,而文档坐标是相对于整个文档而言。例如,在文档坐标中如果一个元素的相对于文档的Y坐标是200px,并且用户已经把浏览器向下滚动了75px,那么视口坐标中元素的Y坐标为200px – 75px = 125px。 如何获取浏览器滚动条的位置?Window对象 阅读全文
posted @ 2016-09-12 09:07 heavi 阅读(12422) 评论(2) 推荐(6) 编辑
摘要: 什么是组件:组件是Vue.js最强大的功能之一。组件可以扩展HTML元素,封装可重用的代码。在较高层面上,组件是自定义的元素,Vue.js的编译器为它添加特殊功能。在有些情况下,组件也可以是原生HTML元素的形式,以is特性扩展。 如何注册组件? 需要使用Vue.extend方法创建一个组件,然后使 阅读全文
posted @ 2016-09-11 22:26 heavi 阅读(63917) 评论(7) 推荐(36) 编辑
摘要: 使用vue.js原文介绍:Vue.js是一个构建数据驱动的web界面库。Vue.js的目标是通过尽可能简单的API实现响应式数据绑定和组合的视图组件。vue.js上手非常简单,先看看几个例子: 例一:Helloworld html代码: js代码: 例二:双向绑定 说明:html中以v-开头的标记都 阅读全文
posted @ 2016-09-07 23:20 heavi 阅读(9504) 评论(9) 推荐(40) 编辑
摘要: 什么是hivideo? 最近一段时间在使用PhoneGap开发一个App应用,App需要播放视频,本想直接使用html5的video,但使用它在全屏播放时不支持横屏播放,只能放弃。最终决定还是自己封装一个播放器算了,免得以后要扩展功能麻烦。 最近迷上hi这个单词,所以我给这个播放器取名叫做:hivi 阅读全文
posted @ 2016-08-11 23:02 heavi 阅读(107929) 评论(8) 推荐(16) 编辑
摘要: No1.语法和类型 1.声明定义 变量类型:var,定义变量;let,定义块域(scope)本地变量;const,定义只读常量。 变量格式:以字母、下划线“_”或者$符号开头,大小写敏感。 变量赋值:声明但未赋值的变量在使用时值为undefined,未声明的变量直接使用会抛异常。 未赋值变量作计算: 阅读全文
posted @ 2016-07-26 00:10 heavi 阅读(4619) 评论(0) 推荐(10) 编辑
摘要: 为什么有Source map CSS和JS脚本正变得越来越复杂,为了解决网络瓶颈,大部分源代码都需要经过编译、合并、压缩才能运用到实际环境中。为了减少网络资源占用,源码一般都会经过以下方式处理: 使用css框架合并压缩css文件; 使用js合并插件,减少网络请求次数; 压缩js文件,降低网络占用; 阅读全文
posted @ 2016-07-24 21:31 heavi 阅读(2254) 评论(1) 推荐(6) 编辑
摘要: 提示:如果大家觉得本篇实现的弹窗效果有用,可持续关注。接下会添加更多效果并且封装成插件,这样使用就方便了。效果查看: https://heavis.github.io/hidialog/index.html CSS3特殊效果 CSS3为用户添加了三个特殊效果的处理方式:过渡、动画、变化。当用户和界面 阅读全文
posted @ 2016-07-17 23:32 heavi 阅读(40712) 评论(4) 推荐(5) 编辑
摘要: 要了解JavaScript对象,我们可以从对象创建、属性操作、对象方法这几个方面入手。概括起来,包括以下几模块: 1.创建对象 1.1 对象直接量 1.2 通过new创建对象 1.3 Object.create 2.属性管理 2.1 属性查询和设置 2.2 删除属性 2.3 检测属性 2.4 枚举属 阅读全文
posted @ 2016-07-15 00:31 heavi 阅读(1276) 评论(3) 推荐(5) 编辑
摘要: 最原始的事件注册 addEventListener方法大家应该都很熟悉,它是Html元素注册事件最原始的方法。先看下addEventListener方法签名: event:事件名,例如“click”,这里要提醒的一点是不要加前缀“on”; function:事件触发时执行的函数; userCaptu 阅读全文
posted @ 2016-07-11 23:53 heavi 阅读(2633) 评论(2) 推荐(7) 编辑
摘要: 系列链接 做一个会使用PS的前端开发 做一个会PS切图的前端开发 切图方法分类 PhotoShop从CS版本演变到现在的CC版本,切图功能发生了比较大的变化,我们可以把PhotoShop CS版本时的切图功能称为传统切图,而从PhotoShop CC版本开始PS提出了精准切图。所谓传统切图就是切图人 阅读全文
posted @ 2016-06-20 23:35 heavi 阅读(22645) 评论(4) 推荐(33) 编辑