摘要：引言：在上一篇拖拽（原来这样可以实现鼠标拖拽） 中我们已经了解了拖拽的制作原理，这次在上面的基础上，用拖拽模仿音量控制条效果。制作成功后效果图： 直接上代码： 注意，这里与上一篇拖拽demo 实现的不同的是，在这我用了 offsetLeft ,而不是getBoundingClientRect() ， 阅读全文

摘要：引言：最近在弄一个Vue的入门学习用项目，期间有用到 JavaScript 将中文转成拼音这个功能，这可真是为难人。想到了编码，但是没搞明白怎么将编码和拼音字母啥的联系起来。后来上网查询了才知道。声母韵母搭配的拼音（早就忘记声母韵母了）和中文可以对应起来， 比如： 啊的Unicode编码是 u554 阅读全文

摘要：引言： 上次弄了图片放大镜效果（图片放大镜原来是这么回事），当时用到了clientX clientY 后来查询了一下这两个属性，发现居原来还可以用来做简单的拖拽。实现原理与放大镜那里一样，改变left 与top 的数值让 div 移动。 ps： demo 演示平台又挂了，暂时不能演示demo 效果。 阅读全文

摘要：引言： css 动画和 Canvas 让我们可以做很多有趣的东西，前面用过css 动画做过简单的挂图和一些 翻页广告，这次学习Canvas 可以用来画图啦。很简单的入门之作，直接上代码，平时忘记了还可以看一看提醒自己。不得不说刚刚入门，最近我的学习碰到的最大困难就是，学的东西在慢慢忘记。ε=(´ο｀ 阅读全文

摘要：引言：一直好奇怎么实现图片放大，之前使用过 css动画 放大缩放，今天了解了下如何用 JavaScript 实现的图片放大。直接上效果图： （效果图如上） 实现原理还是很容易理解的，在布局上可以看到有是是三个区域，左边原图区，以及取图区，右边的展示区，我使用了 relative 与 absolute 阅读全文