摘要: 今天闲暇时间,花了2小时,写了个简单音乐播放器。欢迎大家来吐糟 先看下界面截图 大体实现:播放,停止,上一曲,下一曲,循环播放功能。 知识点:1.html 中audio 2.css 位置fixed 其中audio用到的方法:1.play 2.pause ,属性:1.src 2.loop 对于audi 阅读全文
posted @ 2016-12-28 18:32 hsp大鹏 阅读(3028) 评论(2) 推荐(0) 编辑
摘要: 今天2016.12.23马上圣诞节了,先祝大家圣诞快乐。最近,一直在忙公司购物webApp项目,用到技术vue vue-router等(等到项目上线后拿出来分享下)。这两天穿插着后台让帮忙做一个关于商品属性组合方面东西。今天交付给后台了,距离下班的这段时间时间把写的东西分享出来。当然代码里边还有很多 阅读全文
posted @ 2016-12-23 18:19 hsp大鹏 阅读(8633) 评论(9) 推荐(1) 编辑
摘要: 今天,在工作(倒腾微信小程序)的时候,发现发送post请求到node后台服务器接收不到前端传来的参数。其实也不是完全不能,期初用jquery中的ajax进行时候是没有任何问题的(后台可以接受参数)。 然后经过在谷歌控制台中查看headers发现是传递时候的参数方式不同:图1(jq中ajax),图2( 阅读全文
posted @ 2016-09-29 14:44 hsp大鹏 阅读(33152) 评论(1) 推荐(1) 编辑
摘要: 今天花了一段时间简单写了下抽奖大转盘,这里写的只是自己想到的简单的写了下(也希望收获其他想法),后续,再写的话会更新。 大体思路:页面加载完成后,通过监听开始按钮的点击事件。然后会根据产生的随机数,通过控制旋转针对象的transform属性,然后进行旋转,最后在结束后获取存储来数组中对应的抽奖内容最 阅读全文
posted @ 2016-09-23 18:20 hsp大鹏 阅读(9940) 评论(0) 推荐(0) 编辑
摘要: 惰性模式:减少每次代码 执行时重复的分支判断,通过对对象重新定义屏蔽原对象中的分支判断。 浏览器兼容算是比较头疼的问题,大家都会遇到某些属性浏览器支持,有些不支持;就像早期的ie不支持addEventListener一样,每次需要针对ie写不同的代码判断去兼容。惰性模式就是为了减少每次重复判断。 惰 阅读全文
posted @ 2016-09-23 17:54 hsp大鹏 阅读(522) 评论(0) 推荐(0) 编辑
摘要: 昨天把节流模式写了下,今天来个节流模式的应用 图片懒加载(图片延迟加载) 废话不多说,直接懒加载代码吧!哈哈 结果展示: 延迟前显示默认图片 延迟结果 完整代码: 阅读全文
posted @ 2016-09-22 18:04 hsp大鹏 阅读(1435) 评论(0) 推荐(0) 编辑
摘要: 今天来说说节流模式。平时对于重复的业务逻辑进行节流控制,执行最后一次操作并取消其他操作调高性能。 比如:可能有些朋友在做上拉加载(请求服务数据)迅速滑动时候会遇到这样的问题感觉一卡一卡的,一方面是请求服务器,另一方面是取到数据后进行数据渲染和操作dom(这块是很耗费资源的),还有一方面是没有做节流, 阅读全文
posted @ 2016-09-21 18:35 hsp大鹏 阅读(818) 评论(0) 推荐(0) 编辑
摘要: 最近,闲来会看看《javascript设计模式》这本书,空闲时间我会把看到的写出来,和大家一起分享今天先来一个等待者模式。 等待者模式:通过对异步进程监听,来触发未来发生的动作 举例子:异步进程A,B,需要两个进程都完成以后才能进行C进程操作,这时可以使用等待者模式。 平时在开发中经常会这样,需要等 阅读全文
posted @ 2016-09-20 18:08 hsp大鹏 阅读(657) 评论(0) 推荐(0) 编辑
摘要: 明天中秋了,先祝大家中秋快乐!哈哈,最近见有人在群里问怎么把图片转换成base64格式,之前刚好写过就把代码贴出来。 主要用到canvas中的toDataURL方法 可以直接复制到一个html中看下结果就是下边这样 阅读全文
posted @ 2016-09-14 14:52 hsp大鹏 阅读(300) 评论(0) 推荐(0) 编辑
摘要: 前两篇中我们使用webpack完成了静态资源(css/js/img)等自动写入HTML模板中,同时还可以为静态资源添加hash版本号,既满足了我们对于静态资源的打包要求,同时又无需开发人员介入打包过程,让我们的重点集中在业务逻辑的实现上来。但是每次修改完代码后如果手动执行 webpack 命令才能生 阅读全文
posted @ 2016-09-14 14:22 hsp大鹏 阅读(1229) 评论(0) 推荐(0) 编辑