摘要: 画圆 用SVG画一个圆先。 效果是这样的: 动画 定义一个动画并使用。 效果变成这样: 旋转 最后给动画添加上旋转的效果。 最终的效果: 原理 主要利用 SVG 绘制一个圆形,结合其 stroke 属性,最后加上一些 css3 中的动画,实现最终的 loading 动画效果。 绘制圆形时,使用 SV 阅读全文
posted @ 2017-06-29 15:20 yangrenmu 阅读(1627) 评论(0) 推荐(0) 编辑
摘要: 知乎日报 本项目主要使用 vue 的全家桶进行开发,项目中使用的 API 来自 "知乎Api" ,通过完成此项目,加深了对 vue 全家桶的学习和理解。 API在使用的过程中遇到了跨域的问题,通过搭建node http 服务,用于转发 API 请求,解决跨域问题,之后将 node http 服务部署 阅读全文
posted @ 2017-06-28 17:31 yangrenmu 阅读(1704) 评论(0) 推荐(0) 编辑
摘要: 一:定义混合宏 SASS中使用Keyframe首先定义一个混合宏,由Keyframes、animationName和content组成,代码如下: 二:引用混合宏 使用@include 指令引用定义好的混合宏,创建动画并定义动画名称: 三:使用动画 效果如下图: 阅读全文
posted @ 2017-06-27 16:28 yangrenmu 阅读(1417) 评论(0) 推荐(0) 编辑
摘要: apply()和 call(),这两个方法的用途都是在特定的作用域中调用函数,等同于设置函数体内部 this 指向的对象,也就是改变函数运行时的作用域。 apply() 接收两个参数,第一个参数是给绑定 this 的值,第二个参数是参数数组,call() 和apply() 的作用相同,接收的第一个参 阅读全文
posted @ 2017-06-27 16:23 yangrenmu 阅读(180) 评论(0) 推荐(0) 编辑
摘要: 播放 先在@keyframes中创建动画,之后把它捆绑到某个选择器,就可以产生动画效果。 html css 暂停 我们播放动画时,如要暂停动画,就要用到animation play state这个属性。animation play state属性有两个值: 当然去掉animation play st 阅读全文
posted @ 2017-06-27 16:17 yangrenmu 阅读(23379) 评论(3) 推荐(5) 编辑
摘要: music app github 地址: "https://github.com/yangrenmu/music" "API来源" ,感谢 "@Binaryify" 的网易音乐的接口,这些接口是在本地node的环境中使用,为了可以在线访问,将这些API部署到了 "leancloud" 上面。 "接口 阅读全文
posted @ 2017-06-17 10:57 yangrenmu 阅读(6605) 评论(0) 推荐(0) 编辑
摘要: 看了两天的AJAX,说下自己对AJAX的理解。 AJAX无需重新加载整个页面,来实现部分网页的更新。可以带来更好的用户体验。 正文: 一:在使用AJAX时首先建一个 XMLHttpRequest 对象(简称 XHR ): XHR 是 AJAX 的核心技术,用于在后台与服务器交换数据。 二:定义了 X 阅读全文
posted @ 2016-12-27 15:22 yangrenmu 阅读(295) 评论(0) 推荐(0) 编辑
摘要: 一:箭头函数的格式 a:一种为只有一条语句,可以省略{}和return。 相当于: b:一种为多条语句,不可以省略{}和return。 相当于: 注意: a.当无参数时或有多个参数时,需要用括号()括起来。 b.当省略{}和return时,返回了一个对象,对象要用括号()括起来。 二:箭头函数的th 阅读全文
posted @ 2016-12-01 21:30 yangrenmu 阅读(9847) 评论(0) 推荐(1) 编辑
摘要: 先上结果(来自 http://stackoverflow.com/questions/7124884/why-is-1-2-3-4-1-23-4-in-javascript): 不同类型操作数相加后的类型如下表: operand+operand=result 相加规则: 1.如果操作数中有一个是对象 阅读全文
posted @ 2016-10-22 21:36 yangrenmu 阅读(662) 评论(0) 推荐(0) 编辑