使用 JS 获取视频 Codec

如果第一次接触 Media Source ,大家都会注意到有一个关于 视频 codecs 的指定。 var mimeCodec = 'video/mp4; codecs="avc1.42E01E, mp4a.40.2"'; if ('MediaSource' in window && MediaSource.isTypeSupported( 详情 »

技术人员如何做出苹果风格的 PPT

确实标题党了,不过还是可以关心一下。最近看到苹果内部公开的一些 PPT,其中覆盖到产品说明,SDK 使用,以及具体的代码展示这些,有差不多十几个 PPT ,虽然只是 PDF ,但是还是觉得这其中有些很重要的 "原则" 值得大家去学习。后面也会提供苹果的 PDF 的下载 参考。 使用表格 其实做类比的时候,表格一直都是最直观的手段去进行对比,而这次表格非常直观的用了单线条去展示,没有混用背景色,非常清楚。 展示代码 详情 »

七月天

篮球的夏天 六月初, NBA 迎来了夏天的结局。勇士和猛龙的系列赛,有太多的故事可以说。杜兰特用自己的倔强和坚毅告诉大家,自己不是那个投敌的软蛋。卡哇伊用整个季后赛的坚持和努力,证明去年的夏天,自己不是那个因为各种原因背叛马刺的球员。尤其猛龙和雄鹿的第三场,拖着伤腿打了50分钟,他不是为谁而打球,他只是为了喜欢的这件事情。记得总决赛,卡哇伊接受采访的时候被闻到去年夏天所经历的, 卡哇伊连续说了几个 "hey man"。似乎他有太多的话想对大家说,但是只是全部静静的留在心底,当夺冠那一刻,所谓机器人也难免控制不住情绪。确实很感动。 Man! 详情 »

Web Components

React.js, Vue.js 的流行不是偶然,现代的工程化体系中离不开组件化的体系。我们充分享受了组件化带来工程效率的提升以及社区的优势。 Web Component是 是一些 W3C 官方定义的一些技术的合集表现,主要是下面三个内容: 自定义元素 Shadow DOM HTML 模板 自定义元素 自定元元素,也就是在 Html 中实实在在的标签,就像 DIV, SPAN 详情 »

六月天

天渐渐热起来了,有的时候早上起来就闻到空气中夹杂着夏日的气息,至于傍晚,河道两旁的青蛙也自然而然的参与到这个节气中来。 软实力 最近在知乎看到了一篇讨论 《为什么强如『死月』在阿里也只有 p6?》 。其实里面有篇回答是这样的: 实际上,我们在公司的Title叫做“工程师”,所谓工程师,是一种利用技术产生经济效益的岗位,公司去评价一个人的职级,更多是看他的工程价值,也就是能给公司带来的收益。这个收益不一定是直接的营收或者利润,可能有一定的推导关系,比如团队效率、线上质量、技术攻关等等。但是这是不是意味着技术就没用了呢?不是的, 详情 »

Web 前端测试指南

最近分享了关于前端测试的一些内容,关于开发如何通过测试来提升效率,常见的测试框架,以及什么的测试指标是我们关心的。 [1] 经常会遇到代码审查时候遭遇到非常多的"同事不理解" [2] 经常会遇到线上产生很多未知的 bug [3] 经常会遇到 Dev 和 测试理解的不一致 那么我们如何避免这样的问题发生? 作为开发而言,我们关注,代码规范,单元测试,集成测试; 代码规范 单元测试 [11] 通过单元测试确认程序的正确性以及发现问题。 [12] 详情 »

使用 Enzyme 进行 React 组件测试进阶

很早之前,写过一篇 《使用enzyme 测试你的 React 组件》, 综合叙述了如何利用 Karma + Webpack + Enzyme 进行组件的测试, 从而确保我们的质量。 相对而言,这次会丰富一些,比如组件的 UI 事件以及 redux 引入后的测试。 项目使用 yarn-react-webpack-seed 为案例,你可以在项目里找到源码。 建立测试 安装 karma 详情 »

使用 JavaScript 探测网络状态

同步 https://medium.com/@JackPu/how-javascript-detect-the-network-status-42f3a6d85f96 在某些情况下,我们的开发者需要指导是否由于网络中断的原因导致 request 失败。 以及我们需要网络重新连接后,我们需要执行一些代码。 naviagtor.onLine naviagtor.onLine 是一个非常好实用的 API. 它可以告诉开发者现在网络是连接还是断开的状态。并且它已经覆盖了绝大多数现代浏览器。 navigator.onLine caniuse figures 而在比较老的 IE8 详情 »

五月天

一旦看到柳絮开始飘的时候,就觉得帝都的春天算是真的到了时候。这一个多月感觉随着天气的起起伏伏就这么过了。 Don't Go Down 昨日看了巴塞罗那 VS 利物浦的 半决赛,看到第四个球的时候,整个人都懵了。感觉利物浦的那一个球踢懵了巴塞罗那场上的球员,感觉也会让很多球迷粉丝产生阴影。去年稍微早的时候,自己看了巴塞罗那和罗马的系列赛,球队带着三球优势去罗马客场。结果客场翻盘,那个时候很多人都觉得莫名其妙。相比今年,大家觉得准备很充分,充足的休息,足够人员调整,没有双线压力,更重要的是,已经摔过一次, 详情 »

使用原生 Web Share API 进行内容分享

Chrome 75 开始支持 Web Share API - Level 2, 这也就意味着你可以通过 JS 分享 文件,链接或者文本到其他的 App 了。 其实这个需求很早很早,我们的 PM 就开始提了,关于实现,目前比较成熟的是通过 JS Bridge,然后利用 APP 详情 »