Yusen's Blog

最近有朋友找我帮他下载歌曲，果然在其他人眼里，程序员简直是“无所不能”的存在啊。不过，这个需求对于程序员来讲，还算是比较正常的，比那些找你“刷QB”、“盗号”什么的强多了。要是放到以前下载歌曲，直接回一句“搜百度”完事，近年来歌曲版权逐渐被重视了，一些歌曲逐渐变为会员下载或者收费下载。不过好歹还是可以在线播放的，只要能播放，那想找到歌曲文件就很简单了。可以从开发者工具 - Network 里找音乐文件的请求链接，或者打开浏览器本地缓存文件夹找大文件。为了防止以后有朋友发出重复需求，我决定写一个工具出来。这其中涉及到了跨域访问、页面内容抓取，最终决定用express和cheerio来搞，服务端不存在跨域问题。试了一些音乐网站的歌曲搜索和播放后，最终把目标瞄准了酷我音乐。 阅读全文…

初出茅庐前年的腊月二十九我接到了上传简历后的第一个面试通知，于是去年初六没到，我就收拾好东西来郑州了。我当时的求职意向写的是：.NET/JAVA/前端。不知道哪儿来的自信，我就是感觉自己干什么都可以。我从来都觉得一个程序员不应该被语言和技术所标记。在这个行业，学习能力决定了你能走多远。事实上，我根本就是一个刚出炉的菜鸟。那个时候已经有一年多的码龄，看起来什么都会点，也能写出一些让初学者感觉叼炸天的东西来。可是对于很多东西的理解都不够深，感觉就是学了一些杂七杂八的招式，所知种种也都还在基本应用的层面。这些也终于在面试的时候暴漏了。由于我的求职岗位多，面试机会也多。写简历的时候还想把安卓也写上，尝试写过一个APP，感觉代码跟 java swing 差不多，上手也不难。当时跨平台呼声很大，还是决定走 WEB 路线。 阅读全文…

有时候，你会发现满世界都是某个字眼。Promise，就是这个家伙。简直阴魂不散，走到哪儿都能看到它。fetch、koa中都有TA的身影，而我却对TA一无所知。搜索TA的文章介绍，第一页中最早的一篇文章已经是2011年了。那是个我还不会HelloWorld的年代啊！用法Promise 对象用于延迟(deferred) 计算和异步(asynchronous ) 计算。一个Promise对象代表着一个还未完成，但预期将来会完成的操作。看概念很迷糊，直接看实例理解吧。 阅读全文…

“这一行的分割线高了一点。”好的，减小行高, 加点上下内边距。“这几个元素要两端对齐。”好的，flex没有解决不了的布局，justify-content: space-between;搞定。……“这个图标颜色不对，应该是#999。”好的，我改…等等，明明就是 #999 啊，这分明是想被打脸的节奏。打开页面，右键图标，审查元素，截图。是不是 999 ？是不是 999 ？？是不是 999 ？？？“所有的下边框都应该是1px。”我看到这个问题的瞬间，感觉像在侮辱我的智商。边框 1px 这么常用的样式，我还会写错不成？正当准备继续“打脸”时，突然我的好奇心上来了。关于 1px 边框在移动设备上看起来比较粗 这个问题，我也曾经想过。因为页面其他内容看起来都是正常的，所以我一直觉得这是移动设备浏览器的渲染问题，属于外部原因。也曾设置过 .5px ，但显然浏览器并不买账。 阅读全文…

每当我把之前立下的 flag 执行的时候，都感觉是一件很骄傲的事，太多的计划被我用各种接口扼杀在摇篮中了。引言在 Android 更新到 5.0 后，我就对触摸反馈这一点很感兴趣。也尝试模拟过，但是最后的效果都不太满意。偶然的一次在 github上 看到了 Materialize 这个项目，才知道了谷歌的Material Design(原质化设计) 设计规范。而后在公司听到设计师提到这个东西时，突然有种跟上了潮流的感觉。就像一些文章中提到的，即使你不懂设计，但是照着样式去做，也不会太丑。这显然很对我的胃口。 阅读全文…

公司进入APP改版阶段了，会基于原生安卓开发，感觉没自己什么事了。只能看看原型图，想想前端技术如何实现某某功能。。。滑动选择器在APP上是很常见的组件了，最初是 IOS 上的组件，之后就出现 Android 版的自定义实现，称为 WheelView。对于前端技术来讲，实现也并不困难。wheelview 阅读全文…

在扁平化网页设计中，字体图标有着很好的易用性。结合一年的实际运用，来做一下总结。 阅读全文…

在需要兼容IE8以下的日子里，往往需要使用eval()来把后端传过来的JSON串转成可操作的JSON对象。直到昨天在翻看jQuery源码时，才发现jQuery.parseJSON的兼容实现用的是new Function()。马上Google了相关资料，寻找两者的区别。 阅读全文…

公司内部管理系统准备改版，最近几天把前端架子搭起来了。在规划底层元素时参考了Bootstrap和Amaze UI，一些组件的实现确实很优雅。比如Amaze UI 的单/复选框。 阅读全文…

早上去公司加了半天班（带薪的），为APP上线做了个专题介绍页。当然现在的主题不是介绍在这个专题中我用了哪些技术、实现了何种酷炫的特效。实际上我为了赶时间，我破天荒的没有贯彻自己的一贯作风—造轮子，而是直接引了一个第三方库。在这个APP开发中，我负责内嵌网页的开发，这也是我第一次涉足一个完整的移动端开发项目，以往只写过一些活动分享页、专题页。对于页面兼容性影响最大的两个因素就是“尺寸”和“布局”。好在之前通过社区、博客等看过此类文章，已有了足够的认识，这次项目“实践”的成分更多。 阅读全文…