摘要：
技术点：ES6+Webpack+HTML5 Audio+Sass 这里，我们将一步步的学到如何从零去实现一个H5音乐播放器。 首先来看一下最终的实现效果：Demo链接界面： 接下来就步入正题： 抽离公共方法，在播放器中有很多可能需要抽离的公共方法如：点击播放进度条和音量进度条时需要计算鼠标距离进度条 阅读全文
摘要：
Demo： github skPlayer在线预览 预览： 单曲循环模式预览： 使用方法： 方式1：NPM 方式2：引入文件 引入css文件： 写入播放器DOM： 引入js文件： 配置skPlayer对象： 技术依赖： 原生JAVASCRIPT，HTML5 DOM API，HTML5 AUDIO A 阅读全文
摘要：
window对象通过history对象提供对浏览器历史记录的访问能力。它暴露了一些非常有用的方法和属性，让你在历史记录中自由前进和后退，而在HTML5中，更可以操纵历史记录中的数据。 历史记录概览 可以通过back()，forward()和go()方法在用户的历史记录中前进与后退。 前进与后退 要历 阅读全文
摘要：
这个问题的产生由于我们前端组每个人的编码习惯的差异，最主要的还是因为代码的维护性问题。在此基础上，我对jQuery源码(1.11.3)查找dom节点相关的内容进行了仔细的查阅，虽然并不能理解的很深入 。。同时基于对浏览器console对象的了解产生了一系列之后的问题和分析，对jQuery最常用的三种 阅读全文
摘要：
对于前端开发者来说，在开发过程中需要监控某些表达式或变量的值的时候，用 debugger 会显得过于笨重，取而代之则是会将值输出到控制台上方便调试。最常用的语句就是console.log(expression)了。 然而对于作为一个全局对象的console对象来说，大多数人了解得还并不全面，当然我也 阅读全文
摘要：
在练习tab选项卡的时候遇到了设置div内部li出现了影响外层相邻div浮动的情况，早就知道overflow:hidden可以清除这种情况产生的浮动，但是为什么它可以清除呢？我们往下看： 首先看一下我的页面结构： <div class="tabTitle"> <ul> <li>1</li> <li> 阅读全文
摘要：
要说jQuery 最成功的地方，我认为是它的可扩展性吸引了众多开发者为其开发插件，从而建立起了一个生态系统。这好比大公司们争相做平台一样，得平台者得天下。苹果，微软，谷歌等巨头，都有各自的平台及生态圈。学会使用jQuery并不难，因为它简单易学，并且相信你接触jQuery后肯定也使用或熟悉了不少其插... 阅读全文
摘要：
前言 第一次听说jsonp，其实早在2年之前。当时在做一个活动页面的抽奖模块，要从服务端get一个概率，当时什么都不懂，同事说用ajax，我就用ajax，同事说dataType改成jsonp，我就改成jsonp。于是乎活动页面做完了，以后也没有碰到过jsonp，在这期间我一直以为jsonp跟aja... 阅读全文
摘要：
JQuery的extend扩展方法： Jquery的扩展方法extend是我们在写插件的过程中常用的方法，该方法有一些重载原型，在此，我们一起去了解了解。一、Jquery的扩展方法原型是: extend(dest,src1,src2,src3...); 它的含义是将src1,src2,src3... 阅读全文