摘要: 一直没有深入了解过JavaScript的事件执行机制,直到看到了这篇文章:《这一次,彻底弄懂JavaScript执行机制》 才发觉熟悉JavaScript的执行机制非常重要。 毕竟在跟进项目中偶尔需要排查为什么会出现函数执行顺序不一样的情况。 感谢作者浅显易懂的文字让我获益匪浅,以下是自己对Java 阅读全文
posted @ 2018-01-21 14:31 带上饼干 阅读(231) 评论(0) 推荐(0) 编辑
摘要: 流水账,仅作记录。 兼容:微信屏蔽了scheme协议调app,但在QQ里打开还是可以的,其它浏览器正常使用 让浏览器尝试打开自定义 URL scheme,并且忽略浏览器默认行为(跳转到 href 属性)。等待一秒后,再检查当前时间,如果超过 1100 毫秒,说明跳转 app 成功了(跳转 app 会 阅读全文
posted @ 2017-09-06 17:19 带上饼干 阅读(555) 评论(0) 推荐(0) 编辑
摘要: 开发H5直播项目遇到了很多问题,记录下来避免以后踩坑 这是常用属性: 一、同层播放器 在微信中video的层级是最高的,并且视频播放时将会进入到全屏模式,这也就是说无法在视频上面叠加其它元素。 但是在ios下不支持同层播放器,而微信内置浏览器除外: 二、调整播放器尺寸 1:需要设置video属性 x 阅读全文
posted @ 2017-05-24 16:40 带上饼干 阅读(568) 评论(0) 推荐(0) 编辑
摘要: (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 带上饼干 阅读(336) 评论(0) 推荐(0) 编辑
摘要: 大家都知道 text-align 属性是规定元素中的文本的水平对齐方式,最常用的值是left、right、center,那么justify是什么呢? 在W3C上是这样介绍的: justify 可以使文本的两端都对齐在两端对齐文本中,文本行的左右两端都放在父元素的内边界上。然后,调整单词和字母间的间隔 阅读全文
posted @ 2016-07-08 16:24 带上饼干 阅读(12507) 评论(2) 推荐(2) 编辑
摘要: 在下是webrtc开发新手,目前遇到了个问题,翻来翻去一直没弄明白。可能英文不佳,看文档看蒙了,所以一直没找到解决方法。 开发环境: node.js 搭建的服务器 目前是用socket.io做通信 开发目的: A同学向B同学发起请求,B同学收到请求后,A能观看B的视频直播。 如果有清楚的同学麻烦告知 阅读全文
posted @ 2016-05-05 12:09 带上饼干 阅读(1280) 评论(1) 推荐(0) 编辑
摘要: 更新: 关于第二点,也就是说计算进度条拖放按钮定位的问题。 很感谢 batsing 同学提供了更好的方案: 滑块左偏量 = (进度条长 - 滑块长) * (已播时间/总时长) 尝试过之后发现除了拖曳滑片的时候会抛锚外,其它暂时没发现什么问题,并且较之前的算法省了很多不必要的步骤,所以如今除了拖曳操作 阅读全文
posted @ 2016-04-15 19:33 带上饼干 阅读(1811) 评论(5) 推荐(1) 编辑
摘要: 在工作中经常会遇到内容会超出固定的一个范围,超出的内容一般会使用到滚动条来滚动显示。 但是用浏览器默认的滚动条经常被产品经理鄙视,可是用css却改变不了滚动条的样式,还好,有万能的js ^_^~~ 网上有各种各样的插件,但最顺手的还是自己写的,还可以一边撸一边当学习,自己动手丰衣足食 (*^__^* 阅读全文
posted @ 2016-02-01 13:25 带上饼干 阅读(1373) 评论(6) 推荐(2) 编辑
摘要: 先是安装 安装好后输入命令行 gulp-sass -v 查看是否按照成功 gulp的用法在这里:http://www.gulpjs.com.cn/docs/getting-started/ 粗略了解一下常用的gulp API gulp.task(name[, deps], fn):建立任务,在命令行 阅读全文
posted @ 2015-12-10 17:55 带上饼干 阅读(4838) 评论(0) 推荐(0) 编辑
摘要: 最近有时间了解了下html5的各API,发现新浪微博的头像设置是使用canvas实现截图的,加之前段时间了解了下html5的File API使用File API 之FileReader实现文件上传更加觉得html5好玩了,想着也试试写写这功能权当学习canvas吧。 下面奉上我自己写的一个demo, 阅读全文
posted @ 2015-07-06 17:35 带上饼干 阅读(10652) 评论(14) 推荐(9) 编辑
摘要: 对于基于浏览器的应用而言,访问本地文件都是一件头疼的事情,通常我们能做的仅仅是使用<input type="file">标签来上传文件。实现过程是:选取文件的时候value 属性保存了用户指定的文件的名称,表单被提交的时候,浏览器会向服务器发送选中的文件的内容而不仅仅是发送文件名。再获取服务器返回的 阅读全文
posted @ 2015-05-13 00:40 带上饼干 阅读(7482) 评论(10) 推荐(4) 编辑
摘要: 虽然这个功能最后使用了另外的插件,但是还是讲一下大概的原理吧,还是先上图: 功能描述: 1. 根据不同菜单的属性值分别加载不同的数据 2. 下拉滚动条到一定位置预加载图片,滚动条拉到最底下的时候渲染html; 3. 鼠标移到菜单,切换各个图片列表; 4. 鼠标移到图片列表上,显示详细信息; 技术实现 阅读全文
posted @ 2015-04-28 18:54 带上饼干 阅读(506) 评论(0) 推荐(0) 编辑
摘要: 先来一张图片: 功能描述: 定时更新数据并且点击按钮可更新数据; 用动画衔接新旧数据切换过程; 当前动画未执行完,不允许操作点击更新数据; 鼠标移到图片显示当前图片的详细信息,并且跟随鼠标移动; 技术实现方案: 为了优化,第一屏图片使用html直接写入,此后的更新才使用jsonp获取数据渲染成htm 阅读全文
posted @ 2015-04-28 18:46 带上饼干 阅读(303) 评论(0) 推荐(0) 编辑
摘要: 拉门循环滚动展示图片的动画写得多了,今天来一个平时少写的,先上图: 功能描述: 自定义图片尺寸; 每隔一段时间自动滚动图片; 每次动画执行的时候改变图片的位置,宽高以及其它属性也要跟随着变化; 鼠标移上图片,显示当前图片的详细信息; 点击按钮向前向后滚动; 注意: 因为用的是seajs写的,所以稍微 阅读全文
posted @ 2015-04-28 18:13 带上饼干 阅读(802) 评论(0) 推荐(0) 编辑
摘要: 由于各种原因老大们决定使用sea.js模块化开发,所以需要把各功能重新梳理。保险起见一致决定先从首页着手处理,完成后再跟进其它的页面开发。 公司是做在线视频的,其中照片墙是首页其中一个版块,产品需求是: 1.定时更新数据,并且支持点击刷新数据 2.鼠标移到主播小图上,显示主播大图,并且显示当前主播的 阅读全文
posted @ 2015-03-25 15:56 带上饼干 阅读(299) 评论(0) 推荐(0) 编辑
摘要: 要开发移动web网页,所以用Fiddle通过IP远程访问PC来测试。 Fiddler实际上是一个本地Web代理服务器。它启动后,会把浏览器的代理设成自身,这样就能够对浏览器的HTTP请求进行任意的操作。 下载安装: 1.先安装Fiddler。 下载地址:http://www.telerik.com/ 阅读全文
posted @ 2014-10-23 20:15 带上饼干 阅读(1249) 评论(0) 推荐(0) 编辑
摘要: 一、安装sublime text插件之前需要提前把Package Control安装好,因为Package Control这个插件是很方便管理sublime text 中的插件: (1)进站点https://sublime.wbond.net/installation#st2按提示复制一段pyth... 阅读全文
posted @ 2014-08-12 12:56 带上饼干 阅读(505) 评论(0) 推荐(0) 编辑
摘要: 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 带上饼干 阅读(556) 评论(0) 推荐(0) 编辑
摘要: 刚接触font icon,所了解得不深,仅仅作学习笔记。 个人理解的font icon是以字体文件取代图片文件,来代替小图标。 好处是能基本兼容所有的主流浏览器,不再为IE6不兼容半透明图片而烦恼。并且因为是字体,所以在移动开发当中拉伸和缩放中都不会影响icon的质量。 凡事有弊有利,font ic 阅读全文
posted @ 2013-12-05 19:53 带上饼干 阅读(690) 评论(0) 推荐(0) 编辑