2017年7月7日

当网页失去焦点时改变网页的title值

摘要: visibilitychange事件是浏览器新添加的一个事件,当浏览器的某个标签页切换到后台,或从后台切换到前台时就会触发该消息,现在主流的浏览器都支持该消息了,例如Chrome, Firefox, IE10等 举个栗子,比如在html5开发的小游戏中,因切换页面或窗口化页面时,需暂停游戏,从而触发 阅读全文

posted @ 2017-07-07 16:55 薛伟杰 阅读(593) 评论(0) 推荐(0) 编辑

2017年6月17日

gulp基础使用及进阶

摘要: 提示:路径中不允许出现中文,否则scss编译会出错,大概。 按照惯例,先检查一下Node.js、npm(cnpm)、gulp的版本号 1.新建package.json 我们可以通过手动新建这个配置文件 也可以通过执行 npm init package.json是基于nodejs项目必不可少的配置文件 阅读全文

posted @ 2017-06-17 21:17 薛伟杰 阅读(525) 评论(0) 推荐(0) 编辑

2017年6月16日

lazysizes-好用的延迟加载JS插件

摘要: step2 从模糊到清晰 预先定义一张品质较差的图片,之后再通过懒加载展示品质高且清晰的图片。 step3 响应式图片 在开发过程中,项目需要用到响应式布局,在移动端的情况下,我们不需要用到太过清晰的图片,以免造成用户流量的损失。 阅读全文

posted @ 2017-06-16 12:55 薛伟杰 阅读(2563) 评论(0) 推荐(0) 编辑

2017年6月14日

通过css使文字有渐变的效果

摘要: 经过测试在除IE外的主流浏览器都有效。 阅读全文

posted @ 2017-06-14 11:08 薛伟杰 阅读(400) 评论(0) 推荐(0) 编辑

好用的纯CSS加载动画-spinkit

摘要: 首先放一个css spinkit 预览图: 阅读全文

posted @ 2017-06-14 10:20 薛伟杰 阅读(794) 评论(0) 推荐(0) 编辑

2017年6月9日

vue-cli 如何打包上线

摘要: 以vue创建的官方例子为例子,我们在开发环境的时候会 npm run dev ,生成 而想要打包成一份很简单, 只需要 npm run build 这个命令 这两种命令的配置文件在config的index.js 一种是build 一种是dev ,而我们想要在本地查看打包后的成果,需要在assetsP 阅读全文

posted @ 2017-06-09 11:19 薛伟杰 阅读(33985) 评论(2) 推荐(2) 编辑

2017年6月6日

Vue Spa切换页面时更改标题

摘要: 在Vue组件化开发过程中,因为是单页面开发,但是有时候需要页面的title根据情况改变,于是上网查了一下,各种说法花(wo)里(kan)胡(bu)哨(dong), 于是想到一个黑科技 documet.title="xxx"; 随便创建一个项目,在独立的模块中,created在钩子函数启动之后docu 阅读全文

posted @ 2017-06-06 17:35 薛伟杰 阅读(7304) 评论(0) 推荐(1) 编辑

2017年6月1日

Vue实现购物小球抛物线

摘要: transtion属性可以查看官方文档,具体位置可以通过调试获得。 阅读全文

posted @ 2017-06-01 15:34 薛伟杰 阅读(4516) 评论(0) 推荐(0) 编辑

2017年5月26日

vue $refs的基本用法

摘要: 一般来讲,获取DOM元素,需document.querySelector(".input1")获取这个dom节点,然后在获取input1的值。 但是用ref绑定之后,我们就不需要在获取dom节点了,直接在上面的input上绑定input1,然后$refs里面调用就行。 然后在javascript里面 阅读全文

posted @ 2017-05-26 11:29 薛伟杰 阅读(179032) 评论(3) 推荐(8) 编辑

2017年5月24日

Vue动态实现评分效果

摘要: 1.图片分为三种 on:half: off 根据需求改变代码 阅读全文

posted @ 2017-05-24 12:06 薛伟杰 阅读(4523) 评论(1) 推荐(0) 编辑

导航