随笔分类 -  JavaScript

理解JavaScript的执行机制
摘要：一直没有深入了解过JavaScript的事件执行机制，直到看到了这篇文章：《这一次，彻底弄懂JavaScript执行机制》 才发觉熟悉JavaScript的执行机制非常重要。 毕竟在跟进项目中偶尔需要排查为什么会出现函数执行顺序不一样的情况。 感谢作者浅显易懂的文字让我获益匪浅，以下是自己对Java 阅读全文
posted @ 2018-01-21 14:31 带上饼干 阅读(254) 评论(0) 推荐(0)
H5页面调app方法
摘要：流水账，仅作记录。 兼容：微信屏蔽了scheme协议调app，但在QQ里打开还是可以的，其它浏览器正常使用 让浏览器尝试打开自定义 URL scheme，并且忽略浏览器默认行为（跳转到 href 属性）。等待一秒后，再检查当前时间，如果超过 1100 毫秒，说明跳转 app 成功了（跳转 app 会 阅读全文
posted @ 2017-09-06 17:19 带上饼干 阅读(582) 评论(0) 推荐(0)
i++ 与 ++i的区别
摘要：（1）如果只是看i++和++i，这两个是等价的，都等同于i=i+1，都是变量自身加1。（2）在一般情况下，它们都是跟赋值联系在一起。 比如：var a; a=i++; //将i的值赋值给a，即a=i；然后再执行i=i+1；也就是【a=i++;】与【a=i; i=i+1;】等价。a=++i; //将i 阅读全文
posted @ 2017-05-12 15:33 带上饼干 阅读(387) 评论(0) 推荐(0)
请教一个问题：关于 webrtc 通信的问题
摘要：在下是webrtc开发新手，目前遇到了个问题，翻来翻去一直没弄明白。可能英文不佳，看文档看蒙了，所以一直没找到解决方法。 开发环境： node.js 搭建的服务器 目前是用socket.io做通信 开发目的： A同学向B同学发起请求，B同学收到请求后，A能观看B的视频直播。 如果有清楚的同学麻烦告知 阅读全文
posted @ 2016-05-05 12:09 带上饼干 阅读(1353) 评论(1) 推荐(0)
模拟video播放器
摘要：更新： 关于第二点，也就是说计算进度条拖放按钮定位的问题。 很感谢 batsing 同学提供了更好的方案： 滑块左偏量 = (进度条长 - 滑块长) * (已播时间/总时长) 尝试过之后发现除了拖曳滑片的时候会抛锚外，其它暂时没发现什么问题，并且较之前的算法省了很多不必要的步骤，所以如今除了拖曳操作 阅读全文
posted @ 2016-04-15 19:33 带上饼干 阅读(1899) 评论(5) 推荐(1)
模拟滚动条
摘要：在工作中经常会遇到内容会超出固定的一个范围，超出的内容一般会使用到滚动条来滚动显示。 但是用浏览器默认的滚动条经常被产品经理鄙视，可是用css却改变不了滚动条的样式，还好，有万能的js ^_^~~ 网上有各种各样的插件，但最顺手的还是自己写的，还可以一边撸一边当学习，自己动手丰衣足食 (*^__^* 阅读全文
posted @ 2016-02-01 13:25 带上饼干 阅读(1406) 评论(6) 推荐(2)
HTML5 本地裁剪图片
摘要：最近有时间了解了下html5的各API，发现新浪微博的头像设置是使用canvas实现截图的，加之前段时间了解了下html5的File API使用File API 之FileReader实现文件上传更加觉得html5好玩了，想着也试试写写这功能权当学习canvas吧。 下面奉上我自己写的一个demo， 阅读全文
posted @ 2015-07-06 17:35 带上饼干 阅读(10712) 评论(14) 推荐(9)
使用File API 之FileReader 实现文件上传前预览
摘要：对于基于浏览器的应用而言，访问本地文件都是一件头疼的事情，通常我们能做的仅仅是使用<input type="file">标签来上传文件。实现过程是：选取文件的时候value 属性保存了用户指定的文件的名称，表单被提交的时候，浏览器会向服务器发送选中的文件的内容而不仅仅是发送文件名。再获取服务器返回的 阅读全文
posted @ 2015-05-13 00:40 带上饼干 阅读(7572) 评论(10) 推荐(4)
重构项目之二：使用瀑布流效果加载图片
摘要：虽然这个功能最后使用了另外的插件，但是还是讲一下大概的原理吧，还是先上图： 功能描述： 1. 根据不同菜单的属性值分别加载不同的数据 2. 下拉滚动条到一定位置预加载图片，滚动条拉到最底下的时候渲染html； 3. 鼠标移到菜单，切换各个图片列表； 4. 鼠标移到图片列表上，显示详细信息； 技术实现 阅读全文
posted @ 2015-04-28 18:54 带上饼干 阅读(532) 评论(0) 推荐(0)
重构项目之一：大图展示
摘要：先来一张图片： 功能描述： 定时更新数据并且点击按钮可更新数据； 用动画衔接新旧数据切换过程； 当前动画未执行完，不允许操作点击更新数据； 鼠标移到图片显示当前图片的详细信息，并且跟随鼠标移动； 技术实现方案： 为了优化，第一屏图片使用html直接写入，此后的更新才使用jsonp获取数据渲染成htm 阅读全文
posted @ 2015-04-28 18:46 带上饼干 阅读(324) 评论(0) 推荐(0)
js焦点图片层叠轮播切换滚动
摘要：拉门循环滚动展示图片的动画写得多了，今天来一个平时少写的，先上图： 功能描述： 自定义图片尺寸； 每隔一段时间自动滚动图片； 每次动画执行的时候改变图片的位置，宽高以及其它属性也要跟随着变化； 鼠标移上图片，显示当前图片的详细信息； 点击按钮向前向后滚动； 注意： 因为用的是seajs写的，所以稍微 阅读全文
posted @ 2015-04-28 18:13 带上饼干 阅读(817) 评论(0) 推荐(0)
jquery鼠标跟随简单效果
摘要：1 this.mouse_try = function() { 2 var mouse_box = $('.mouse_box'); 3 var obversepic = $('.mouse_box .obversepic'); 4 var ... 阅读全文
posted @ 2014-02-26 16:52 带上饼干 阅读(581) 评论(0) 推荐(0)