随笔分类 - JS相关
摘要：原文地址：https://github.com/gnipbao/iblog/issues/11 随着 4G 的普遍以及 WiFi 的广泛使用，手机上的网速已经足够稳定和高速，以视频为主的 HTML5 也越来越普遍了，相比帧动画，视频的表现更加丰富，这里介绍一些实践经验 video的属性 src: 视
阅读全文
摘要：做前端有多年了，看过不少技术文章，学了新的技术，但更新迭代快的大前端，庞大的知识库，很多学过就忘记了，特别在项目紧急的条件下，哪怕心中隐隐约约有学过一个方法，但会下意识的使用旧的方法去解决，多年前ES5几个新增的数组方法，好用但是常忘记用，趁着这周比较清闲，重温下并做下笔记，养成记笔记的好习惯。 f
阅读全文
摘要：javascript中的this学习起来相对复杂，最近花了点时间研究，总结起来大概这只有5种情况，相信只要熟悉这5种用法，基本是可以解决所有的this问题，文本不介绍this设计原理，只介绍用法，阅读本文，你需要了解javascript执行上下文环境，博主写这种文章的目的，主要还是给自己做下笔记，后
阅读全文
摘要：今年上半年在学习gulp的使用，对npm的掌握是必不可少的，经常到npm官网查询文档让我感到不爽，还不如整理了一些常用的命令到自己博客上，于是根据自己的理解简单翻译过来，终于有点输出，想学习npm这块的朋友不可错过这些基础命令，新手出品，对本文有疑惑之处还请同学们不耻下问。很久没有写文章啦，后续也希
阅读全文
摘要：微信商户通有这么一个需求，用户打开H5页面后，引导用户到电脑下载设计资源包，由于各种内部原因，被告知无后台资源支持，自己折腾了一段时间找了下面2个办法，简单做下笔记。 mailto使用方法 1、基础写法 当浏览者点击这个链接时，浏览器会自动调用默认的客户端电子邮件程序，并在收件人框中自动填上收件人的
阅读全文
摘要：7月份在部门内给设计中心的同事们带来《让H5页面适配移动设备全家 - 设计师篇 - PPT》的分享，在视觉和交互稿上提出页面适配的建议及提升页面体验的好处，促进前端和设计双方更好的合作，同时也提升页面体验，分享后跟设计师们沟通，反应情况良好，说明这套适配的方案是有一定价值的。在9月份很荣幸收到TID...
阅读全文
摘要：上一篇文章《为什么选择iPhone5的分辨率作为H5视觉稿尺寸》最后留下了问题：是否需要视觉设计师设计多套的视觉稿供给前端工程师做页面适配呢？按照自己以前的方法，通常会要求设计师设计2套的尺寸，一套是窄屏手机(如iPhone4)，另一套是宽屏手机(如iPhone5)，这样的好处不仅减少重构页面的适配
阅读全文
摘要：本月26号参加webrebuild深圳站，会上听了彪叔的对初心的讲解，“工匠精神”这个词又一次被提出，也再次引起了我对它的思考。专注一个项目并把它做得好，很好，更好...现实工作中，忙忙碌碌，抱着完成任务的想法可能会比较多，而想做得更好，需不惜花费时间精力，孜孜不倦，反复改进产品，把99%提高到99
阅读全文
摘要：微信在最新的iPhone版应用中运营刷卡功能，为了推广该功能，小组成员自主开发了简单的超级收银员小游戏。第一次写前端游戏，严重意识到js写少了，趁这次恶补下，毕竟还年轻，感觉老了脑袋不好使。今天给大家分享本次游戏的学习成果，有兴趣的同学先扫描二维码挑战。目录：游戏思路游戏场景核心代码游戏思路本人很喜...
阅读全文
摘要：本文是zawa同事写的一篇博文，相信很多在webapp开发中的同学使用iscroll4会遇到的该问题，问过zawa兄的建议，在这里分享给大家，希望能帮助到各位~原文地址：http://www.zawaliang.com/2013/10/443.html问题：在使用了iScroll4的容器内，当表单元素focus聚焦后键盘出现时，可能会存在iScroll区域高度不更新，滚动异常问题；而且当前聚焦的表单元素可能不出现在可视区域内，影响用户体验。iKeyboardScroll4就是这么一个解决方案Github见：https://github.com/zawaliang/iKeyboardScroll
阅读全文
摘要：两天前听了一个H5的分享，会议上有一句话，非常有感触：不是你不能，而是你对自己的要求太低。很简单的一句话，相信很多事情不是大家做不到，真的是对自己的要求太低，如果对自己要求多一点，那么你取得的进步可能会更大。成长以来，很多朋友也听说到不少激励自己上进的话，但不是每个人都能一直坚持做下来，其实，这个跟
阅读全文
摘要：一直折腾position:fixed在ios和android的使用，而事实上这么上流的ios4系统居然不支持position:fixed，幸运的是苹果公司在ios5系统修复了这个bug，比较理想的解决方案是让所有用户把系统升级到ios5及以上版本，这种想法在国外还好，在国内环境下，因为越狱而不想去升级手机的人很多，如果强迫用户去升级，那可能会把你的产品KS了。而你也不可能跟你老板说ios4什么不兼容那个属性啊，让用户升级啊！老板看到的是结果，你做不出来，别人怎么做得出来呢，这样你老板可能会对你的能力感到怀疑，或者认为你并不专业......那其实回到头来我们还是乖乖去做好兼容，要么就找到完美的解
阅读全文
摘要：1.浏览器加载和渲染html的顺序1、IE下载的顺序是从上到下，渲染的顺序也是从上到下，下载和渲染是同时进行的。2、在渲染到页面的某一部分时，其上面的所有部分都已经下载完成（并不是说所有相关联的元素都已经下载完）3、如果遇到语义解释性的标签嵌入文件（JS脚本，CSS样式），那么此时IE的下载过程会启用单独连接进行下载。4、并且在下载后进行解析，解析过程中，停止页面所有往下元素的下载。阻塞加载5、样式表在下载完成后，将和以前下载的所有样式表一起进行解析，解析完成后，将对此前所有元素（含以前已经渲染的）重新进行渲染。6、JS、CSS中如有重定义，后定义函数将覆盖前定义函数2. JS的加载2.1 不
阅读全文
摘要：推荐前端开发中一个小工具SuperApp，灰常好用，前端开发的童鞋们，走过路过不要错过啊！使用SuperApp后，在编辑器中更新页面资源（html,js,css）时，只需按Ctrl+S，浏览器会自动刷新页面文件，可以避免使用F5频繁刷新浏览器以及在编辑器和浏览器之间不停切换带来烦恼，有双屏显示器，甚至是有双屏以上的高富帅们，使用效果更佳，可大大提升开发体验。SuperApp——它让程序始终处于最顶层（最前端），可以随意拖动到任何位置，大小可调节，双击适应窗口大小。0~9键以不同透明度显示程序。[提示]： 双击载入的窗口标题栏，最大化窗口； 在载入的浏览器里按F11键，切换至无边的浏览器; 双击
阅读全文