摘要: 睡了13个小时,发烧终于退了,持续2周的感冒看起来终于好了点,这一周一直在看perspective的一些资料,写一个3D跑马灯的效果。 个人感觉主要就是理解视角的概念,也就是perspective和perspective-origin这2个 属性,其他都比较简单。 阅读全文
posted @ 2017-06-25 15:10 悠悠洛 阅读(859) 评论(0) 推荐(0) 编辑
摘要: 昨天晚上看完欧冠决赛,今天一觉醒来已是下午,吃过饭就寻思着写点什么,正好上周花了好几个小时温习原型、原型对象、原型链的知识,这次就用原型的概念实现图片网格式效果(网上大多是利用jQuery实现,jQuery提供的很多额外的方法和选择器确实方便许多)。 先给出效果图: 写的小组件支持图片的渐显、渐隐, 阅读全文
posted @ 2017-06-04 21:29 悠悠洛 阅读(2800) 评论(0) 推荐(0) 编辑
摘要: 随手练习了几个loading样式,以后看到有意思的loading样式也会补充上。样式的兼容性建议还是去w3c上看下属性的兼容性,至少我习惯这么多,当然,w3c中文网貌似很久很久没更新过了,可能更好的还是去google下。 我给出的代码一般会把浏览器前缀样式给省略,因为像动画的关键帧这样的需要前缀的属 阅读全文
posted @ 2017-06-03 14:40 悠悠洛 阅读(3133) 评论(0) 推荐(0) 编辑
摘要: 一直都想写一个对话框,正好公司买了一个,就照着外观自己也写一个,每次写都会碰到意想不到的情况,通过解决这些情况,就很好的了解和学习了js知识。 先给出效果图: 这一次主要是碰到了一个问题:极短时间内多次按Enter键触发”发送内容不能为空“的提示,提示也会多次触发渐隐效果,但实际上应该是出发一次,后 阅读全文
posted @ 2017-05-14 19:12 悠悠洛 阅读(10955) 评论(3) 推荐(3) 编辑
摘要: React中父组件与子组件之间的数据传递的的实现大家都可以轻易做到,但对比很多人的实现方法,总是会有或多或少的差异。在一个团队中,这种实现的差异体现了每个人各自的理解的不同,但是反过来思考,一个团队用了同样的UI,同样的框架,实现方式确实有差异,这其实就是工程化的问题。 回到React中父组件与子组 阅读全文
posted @ 2017-03-19 15:49 悠悠洛 阅读(3325) 评论(0) 推荐(0) 编辑
摘要: 去年7月份做一个公司商城的微信页面(微信用的chrome内核)需要写一个提示返现进度的进度条效果。 一个完整的进度条效果其实可以拆分一下: 一段背景; 一小段的静态的斜纹进度条; 斜纹进度条用线性渐变 linear-gradient 类实现,原理很好理解,2个参数: 1、角度; 2、关键点(包含2个 阅读全文
posted @ 2017-03-11 19:28 悠悠洛 阅读(44213) 评论(0) 推荐(1) 编辑
摘要: 快过年了,最近在学习es6,没有深入,主要还是以了解为主,碰到感兴趣的比如Object.assign()方法会多花些时间。毕竟实际工作中还没用过到es6。 工作快半年了,可能我大学时候靠自学打的基础不错,刚入职一个月差不多就适应了现在的工作。而且公司的氛围挺好,有需求时,尽全力完成需求,没需时,可以 阅读全文
posted @ 2017-01-20 17:06 悠悠洛 阅读(137) 评论(0) 推荐(0) 编辑
摘要: 刚刚看了一篇《JavaScript代码优化指南》(http://www.cnblogs.com/HCJJ/p/6218385.html)。 写JS代码确实有很多小技巧,如果根据日期远远及近看我的博客里的我自己写的一些“小东西”,可以发现我写的JS代码在一些细节处理上是不断变化的,当你知道一个更好的代 阅读全文
posted @ 2016-12-28 17:29 悠悠洛 阅读(188) 评论(0) 推荐(0) 编辑
摘要: 上周末写好了大部分功能函数,今天趁工作做完,把剩下的功能写好。下面先给出效果图: 写下来还是比较顺利的,把整个游戏拆分成一个一个的功能函数,最后只要有选择性的调用就可以了。 总体思路顺着代码注释看应该是比较清晰的。我基本的思想是将整个游戏分为2个部分,第一部分是当前控制的图形,可以左右移动,旋转,当 阅读全文
posted @ 2016-12-12 23:29 悠悠洛 阅读(365) 评论(0) 推荐(0) 编辑
摘要: 周末学习canvas的一些基础功能,顺带写了一个基础的时钟。现在加工一下,做的更好看一点,先放上效果图: 谈一些自己的理解: (1)、要绘制一个新的样式(不想被其他样式影响,或者影响到其他样式),那么一定记得先用beginPath(),beginPath()可以新建一个子路径,接下来的绘制,都是针对 阅读全文
posted @ 2016-11-28 15:45 悠悠洛 阅读(2915) 评论(0) 推荐(1) 编辑