摘要：
引言：简单快速搭建 vue - cli 1、必须要先安装好 node.js 2、搭建vue的开发环境 ，安装vue的脚手架工具 官方命令行工具 npm install --global vue-cli （此命令只需要执行一次） 3、创建项目 必须cd到对应的一个项目里面 vue init webpa 阅读全文
摘要：
今天在弄一个vue 项目的时候，碰到了引入icon 出现错误，现在总结一下问题： 主要碰到两个错误 1：路径错误，报错找不到modules， 2：路径错误，但是没有报错，只是显示小方块（也就是没有显示出 icon 图标）。 第一个错误要弄清楚路径 “ / ” 表示根目录开始 “ ./ ” 表示当前同 阅读全文
摘要：
引言：在上一篇拖拽（原来这样可以实现鼠标拖拽） 中我们已经了解了拖拽的制作原理，这次在上面的基础上，用拖拽模仿音量控制条效果。制作成功后效果图： 直接上代码： 注意，这里与上一篇拖拽demo 实现的不同的是，在这我用了 offsetLeft ,而不是getBoundingClientRect() ， 阅读全文
摘要：
引言：最近在弄一个Vue的入门学习用项目，期间有用到 JavaScript 将中文转成拼音这个功能，这可真是为难人。想到了编码，但是没搞明白怎么将编码和拼音字母啥的联系起来。后来上网查询了才知道。声母韵母搭配的拼音（早就忘记声母韵母了）和中文可以对应起来， 比如： 啊的Unicode编码是 u554 阅读全文
摘要：
引言： 上次弄了图片放大镜效果（图片放大镜原来是这么回事），当时用到了clientX clientY 后来查询了一下这两个属性，发现居原来还可以用来做简单的拖拽。实现原理与放大镜那里一样，改变left 与top 的数值让 div 移动。 ps： demo 演示平台又挂了，暂时不能演示demo 效果。 阅读全文
摘要：
引言： css 动画和 Canvas 让我们可以做很多有趣的东西，前面用过css 动画做过简单的挂图和一些 翻页广告，这次学习Canvas 可以用来画图啦。很简单的入门之作，直接上代码，平时忘记了还可以看一看提醒自己。不得不说刚刚入门，最近我的学习碰到的最大困难就是，学的东西在慢慢忘记。ε=(´ο｀ 阅读全文
摘要：
引言：一直好奇怎么实现图片放大，之前使用过 css动画 放大缩放，今天了解了下如何用 JavaScript 实现的图片放大。直接上效果图： （效果图如上） 实现原理还是很容易理解的，在布局上可以看到有是是三个区域，左边原图区，以及取图区，右边的展示区，我使用了 relative 与 absolute 阅读全文
摘要：
引言：最近在看一些轮播图的制作，各类轮播图真的是很有创意。咳咳，想起曾经自己做的轮播图，真是简单到拿不出手。不多说，直接show code 看看进度条的轮播图的制作思路，让我们分析学习这个带进度条的轮播图制作： 效果：下面的小图之下的进度条走完，上面的大图切换，当点击下面的小图时大图也切换到相应的小 阅读全文
摘要：
引言：vue 的一些常用指令（逐步更新）。 Vue 初试，一个商品列表： 您可以 ： 点击这里查看效果 阅读全文
摘要：
不定时的更新，这一次采用JavaScript 模仿下载进度条效果。原理：两个div嵌套，里面的宽度0，外部自己随便定义，采用 setInterval() 函数增加 里面的div 的 width的值，使其背景色慢慢平铺开来，同时增加一个计数值“index” 表示进度。采用 直接show code: 您 阅读全文