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