随笔分类 -  FrontWeb_Life

新生活,开始写前端博客!
摘要:总结了一个JavaScript获取当前终端类型(pc, mobile),操作系统类型,浏览器类型,浏览器版本的小工具。 个人觉得还行,测试过没有问题,能识别ie7以及以上。 阅读全文
posted @ 2017-06-26 21:57 不会写超过三篇博客 阅读(4484) 评论(0) 推荐(0)
摘要:最近的一个case,在web页下,鼠标向下滚动翻页动态请求数据的时候。一般都是判断当前页面距离顶部的高度与整个html的长度之差来决定是否请求下一页的数据。 如果不进行相应处理,滑动事件会触发多次,导致请求多次或者重复请求(取决于代码设计) 思路1: 滑动到下方第一次触发请求后,移除滑动监听,等待请 阅读全文
posted @ 2017-06-24 21:35 不会写超过三篇博客 阅读(10454) 评论(0) 推荐(0)
摘要:mark一下,高亮显示输入框中的部分文本,可以动态显示。 很好用的插件,注意看下方的debug, http://garysieling.github.io/jquery-highlighttextarea 阅读全文
posted @ 2017-06-23 11:35 不会写超过三篇博客 阅读(2668) 评论(0) 推荐(0)
摘要:看下面这张图,在一个emojimaker的页面中,功能是点击拖动眼睛,鼻子等等坠饰,能组成一个emoji。 需求是点击之后能撤销或者恢复,走了许多弯路啊。最后借鉴了react的思想完成了这个功能。 就简单说说: 我们需要什么? 需要2个栈,一个operationList[]用来记录正常的点击操作,一 阅读全文
posted @ 2017-06-21 12:20 不会写超过三篇博客 阅读(2002) 评论(0) 推荐(0)
摘要:IOS8的JS版本过低导致 平时还是多写ES5的代码,es6的语法总能碰到兼容的坑。 改了好几天。。。气死啦 阅读全文
posted @ 2017-06-21 11:56 不会写超过三篇博客 阅读(1449) 评论(1) 推荐(0)
摘要:HTML5音乐播放器 Sound Information Duration: Source: Status: Loading Control Buttons Play Pause Restart Playing Information 0 阅读全文
posted @ 2017-05-22 12:13 不会写超过三篇博客 阅读(374) 评论(0) 推荐(0)
摘要:1 IE6/7/8/9/10中,如果给空a标签定义了宽度和高度且使用了display:block/inline-block,则点击无效。找到了两种解决方法(主要是针对a标签不能设置背景情况):1) 给a标签添加样式:background:url(about:blank); 经测试该方法在ie9/10 阅读全文
posted @ 2017-05-20 10:21 不会写超过三篇博客 阅读(284) 评论(0) 推荐(0)
摘要:var browserVersion = (function(){ var nVer = navigator.appVersion; var nAgt = navigator.userAgent; var browserName = navigator.appName; var fullVersio 阅读全文
posted @ 2017-05-19 10:28 不会写超过三篇博客 阅读(247) 评论(0) 推荐(0)
摘要:逐帧动画。又累又饿,写不下去。几个参考。 做sprite image的网址 http://spritegen.website-performance.org/ 非常非常实用。 https://idiotwu.me/css3-running-animation/ http://wiki.pinyin. 阅读全文
posted @ 2017-05-10 21:03 不会写超过三篇博客 阅读(576) 评论(0) 推荐(0)
摘要:关键词:JavaScript 屏幕截图并下载, html2canvas. 先上代码: 怎么今天值得说的只有这个??? 前端真麻烦,各种调兼容性。还有文件编码也是。就没有个好点的方法直接调编码。 阅读全文
posted @ 2017-04-18 20:11 不会写超过三篇博客 阅读(734) 评论(0) 推荐(0)