查看详情

微信小程序连接蓝牙打印机采坑之旅

目前小程序生态越来越丰富,微信给予了小程序一定的硬件通信能力这是之前 Web 很少尝试的事情。 关于蓝牙,常见的就下面几个 API: startBluetoothDevicesDiscovery 开始搜寻附近的蓝牙外围设备 openBluetoothAdapter 初始化蓝牙模块 wx.onBluetoothDeviceFound 监听寻找到新设备的事件 wx.writeBLECharacteristicValue 向低功耗蓝牙设备特征值中写入二进制数据 wx.onBLEConnectionStateChange 监听低功耗蓝牙连接状态的改变事件 wx.createBLEConnection 连接低功耗蓝牙设备 不过实际我们在实现过程中,我们可能还会遇到一些本身 API 在不同平台上 BUG。 中文乱码 打印的时候,第一个发现的问题便是打印机无法正常打印中文字符串。在向蓝牙写数据的时候,我们实际上市向蓝牙发送的 buffer ,因此我们需要将对应的字符串转换成设备可支持的中文转码,比如 GBK GB2312,网上有一些现成的库,安利一个简单的 github https://github.com/inexorabletash/text-encoding 这样的话,我们只需要进行引用,然后 // text-encoding 为引用的代码目录 import { TextEncoder } from '../text-encoding'; 详情 »

查看详情

Web 多媒体开发指南

一般接触音视频开发的前端比较少,但实际里面涉及的知识点非常多,因此做一个脑图,帮助有兴趣的同学学习和研究相关知识点。 基本 Web 多媒体开发覆盖非常多的方面,其中,视频,音频,以及 WebRTC 都比较成熟,而近年来的 WebXR(AR/VR) 也成为大家比较热情研究的内容。它旨在给人类带来听觉和视觉上的冲击。 其实 Mozilla 做过一个专项的列表 Web media technologies ,列举出当前音视频的知识点。 Audio Video WebRTC Media Capture and Streams API WebGL WebXR WebVR 虽然看着只是一个小的点,但是进去了解后,其实每个领域都需要掌握一定基础知识才能深入学习。 于是自己的初衷便是罗列一些关键的知识点帮助大家有一个总体的概念。 Github 地址: https://github.com/JackPu/web-media-developer-guide 罗列一些常用的知识点和资源: Video Video 元素 Video Element Video Events 详情 »

查看详情

【译】Netflix 是如何重构新的播放器 UI

原文地址: https://medium.com/netflix-techblog/modernizing-the-web-playback-ui-1ad2f184a5a0 这一篇是奈飞前端工程师分享 Web团队在构建新的播放器时候遇到的困惑和解决思路,我们在设计播放器的时候,可能需要考虑到诸多方面,UI 扩展,测试,底层设计,面向多业务多团队等。希望这篇文章可以帮助到你。 从2013年开始,Netflix 的团队一直将重心放到开发视频播放的新特性,而始终未关注播放的视觉UI的改进。 而在过去两年,Web UI 团队制定了一个非常长远的计划,给我们的会员提供更加出色的播放体验。 播放由下面三个维度构成: 播放前(Pre Play,前贴) 主要是视频播放前给用户呈现的内容 视频播放中(Video Playback, 中场) 当用户正在观看视频,用户进行视频播放、暂停控制,调节音量等 播后结束(Post Play, 后贴)当用户观看的视频结束的时候,出现下一集或者推荐内容等 在经过复杂的 AB 测试, 以及随后的总结,我们完成了我们播放器的 UI,下面是我们的分享这一路的心得体会。 成功没那么容易 从2016开始,我们优先是使用 React 详情 »

查看详情

立秋

今日立秋,刚好也碰上北京奥运会11周年。从08年到19年,很快,如果说08年奥运会的晚上发生了什么,除了震撼的开幕式,记得印象深刻的是那天居然下午4点钟停电了,然后大家都自嘲着,关键时刻让大家看不成奥运会,中央可以要问广播站罪的。自己喜欢70,80年代的小说,总的来说书中描绘的场景离童年所经历的一些事情有那么相似。固然,回忆就是那么回事,更多让人充满着惆怅和坦然。 挣扎 」 不知不觉在新的职责上又是一年。其实这个年龄段似乎越发变成一条挣扎线。往前是挥别风华正茂 的年青岁月,往后是步入人们严重油腻的中年大叔。挣扎的不是时间,可能更多的是 不得不去接受曾经不认可的现实 压力 」 记得去年立秋 自己希望送给一句话: 快乐工作,认真生活 相信这也是很多同事所梦想的事情。不觉得现在工作有多大压力? 说实话压力是无形的,虽然不曾会有洛瑞所描述的: 洛瑞在采访中说:“其实我知道你想听到什么,但我想谈谈别的。在我看来,生活的压力才是真正的压力。我的母亲和外祖母经历过这些真正的压力,我自己、我哥哥、我堂兄、我的其他小兄弟都经历过。我的母亲和外祖母每天早上5点起床上班,在出门前她们还要为我做早餐,她们每天都会在冰箱里为我放上一碗麦片粥和一些牛奶以防我会饿到。我的亲人为了让我能生活下去拼尽了全力,这些才是压力。” 是的我们中的大多数,不会有为了生计如此拼搏,可是,我一直觉得压力最大的时候,是我们明明可以做的更好,我们却因为自己的失误或者懈怠,而选择视而不见。 详情 »

查看详情

8月天

暑假从某一天温度进入长沙的感觉开始了。 记得在入行前,一直告诫自己,对前辈的敬重,对工作的接纳,以及学好去发现更多的好的东西。其实随着年龄增大,接触小鲜肉多了,发现有很多人真的缺失了这些最基本的事情。记得刚毕业的时候,对大屏显示器的期待,对与Team分享的期待,以及非常担心工作不能完成,那个时候切个图都是高度精神集中的,我一直不认为所谓个人的成长和做业务有多大的关系。支持好业务线,做好自己的沉淀,让自己的影响力能够扩散到产品设计或者整个团队。当然现在职场越来越对年轻人给予足够的自由度和尊敬,但是任何团队还是喜欢适应性高有自己主见的成员。 这个月跑了很多,每次比上个月都多了那么几百米。发现体重秤是本地记忆,每次都会有记录,感觉离目标是越来越近,大概八月底最后冲刺把,这样整个夏天还是有些可以完成的目标的。 发现夏天跑步比较好的是,跑完后,可以去便利店挑些不同的饮料,算是所谓的奖励。当然也有助于睡眠,发现确实回家拉升完,看会视频就非常困了,睡眠相比冬天的时候好了很多。 今年街舞似乎没有那么多燃的场面,唯独对三儿的忍者特别喜欢,那时候再听《忍者》,发现在家里唱的还不错。于是乎 B 站刷了 《2004年华语乐坛“疯狂”到什么地步?首首都是神曲》 ,果真那个时候真的是诸神之战。其实最近听邓紫棋,其实有些歌曲也唱的还是不错。每个时代注定有所谓文化存在。 八月中旬去深圳,终于要去这个城市了,记得很多年前,局长就一直邀请我去看看“新“ 详情 »

查看详情

【译】21个 VSCode 快捷键,帮助你快乐编程

原文: https://medium.com/better-programming/21-vscode-shortcuts-to-make-coding-faster-and-more-fun-b18b25083def @jsmanifest 我们通过安装一些工具或者扩展,有助于提升我们的编程效率,同样的掌握一些非常有用的快捷键,可以促使我们更加愉悦的开发。虽然每个人并不一定有足够的时间和经历去掌握每个快捷键的细节,但是下面 21 个快捷键一定可以帮到你。 一次性搜索全部文件 Windows: Ctrl + Shift + F Mac: Control + Shift + F 设置 Tab 颜色 (Material Theme) 如果你希望自己的 每个 Tab 与众不同,那么你可以通过设置来实现它。在 Material Theme 中提供了很多颜色可以选。 通过 快捷键 Ctrl + Shift + P 或者 Control + Shift + P 唤出面板,然后选择 Material Theme: Set accent color 随后选择具体的颜色就可以了。 红色: 详情 »

查看详情

301 初行

23日下午去301医院探视 FG。第一次路过所谓的肿瘤大楼,瞬间想起了《这就是神药》里医院大楼下的场景,不同年龄的人,有女的有男的,面目表情,穿着整齐的住院服,缓步的游走在大厅里。随后去了15楼的生物医疗区,听说这里都是将要接受化疗的病人。FG 刚完成静脉港的注射,可以看到这究竟有多痛,感觉的到微弱的气息。明天 FG 开始化疗,大概所谓真的病痛才算真的开始,为期6期的化疗,这是个时间战,意志战。和时间赛跑,和自己的精神赛跑,他明白,如果心理上输了,就彻底完了。 今天开始搜集大家的祝福视频,想要在化疗后弄好发给他,毕竟能做的不多。 健康在的时候,珍惜。自由在的时候,珍惜。 详情 »

查看详情

健康

从周四开始心情一直很低落,周天还接到更多的打击。 周四班级群里聊着聊着突然 FG 发了一条,关于癌症的事情,然后联想到他的新发型,瞬间就懵了。可是六月中旬还一起吃饭,怎么突然就患病了,还是癌症。FG 乐观的说还想出去玩 LOL ,但是背后所面临心里的上打击是多么巨大。之前一直以为这种东西除了影视作品上,《这就是神药》让自己对癌症和癌症患者有过认识了,关注了《得了癌症是怎样一种体验?》发现这种病给人身理和心理上的挑战是巨大的,说句实话,突然有一天自己,自己被确诊癌症,我不知道我该如何去接受它,又或者是怎样的心情接受它。 周天早上 neo 发微博说 王集鸽大叔因病离世。集鸽大叔是百度非常又声望的工程师,也是百度前端的布道者之一。14年有幸见过一面,他也是自己最早关注的 Github 博主,他的黑魔法系列让自己学到了很多,但是如此才华,也还是没能抵挡过伤病的袭击。愿他在天堂安好。 自己很少谈生死病痛,但愿身边的人都能少点这些东西。如果有一天自己也不幸的话,我还是希望自己可以乐观,虽然没什么成就,但是我热爱自己所做的事情。 最后,快乐工作,认真生活,健康知足。 详情 »

查看详情

微信视频快进回退的Bug

小编最近在修测试反馈的微信播放视频的问题时候,发现微信播放视频,快进偶尔会回退几秒。才开始一直一直以为是代码在 play 之后事件监听问题。微信(X5 nn内核) Android 必须在 (durationchange) 事件触发后才能进行正常 Seek 操作。可是无论怎么调试都还是有问题,于是尝试播放了一个外链的 mp4 文件,结果惊呆了。 心情💢ORZ <imgsrc="http://img1.vued.vanthink.cn/20160801164141_2drSZ.thumb.700_0.jpeg" /> 目前问题已经反馈了涉及到QQ浏览器(9.5.0.5052+ X5: 039515GPU-SS)和微信(7.0.5)内嵌的浏览器。只能期待官方修复把,感觉腾讯 X5 团队还是需要颜控代码继承和功能回归测试。 详情 »

查看详情

《天气之子》前期无剧透影评帖

新海诚 导演的新作《天气之子》还是如期在19号全日上映。 在《你的名字》大火之后,这一部作品压力会显然大很多,毕竟你的名字之后越来越多的人开始和宫崎骏进行比较。如同《秒速五厘米》后新海诚的作品自己都会担心画质的问题,但是导演真的很厉害,无论是之后的《言叶之庭》 的下雨天还是《你的名字》 的陨石,都还是给了自己非常大的惊喜感觉。所以对于新作,自己还是会非常期待新的画面,当然音乐依旧是非常让人期待的,再次和 RAWINDS 的合作,以及听完部分 OST 自己也打消了疑虑。由于内地还未定档,大家可以看下海外的 tweet ,话说新电影有《你的名字》的彩蛋。由于取景大多都还是在东京,因此肯定少不了圣地巡礼,不过国内还是等电影上映吧。 大意是:在创造了一个热门作品之后,下一部作品会比预期变得困难很多,但实际上我看到它真的很棒,《天气之子》真的很有趣,如果你还没有看到它,请一定去看看! 大意是: 看完《天气之子》,就个人而言无疑是一部杰作。有利有弊,这也是我第一次在动画电影里哭了三次,如果有时间和兴趣,不要错过。 非常开心可以看到《天气之子》,已经无法用言语去表达, 详情 »