查看详情

【转】每天写点东西的一个好方法

虽然今年来文字少了很多，但自己依然还是很喜欢堆一些文字。读书时期读到了这篇文章《为什么到今天还要坚持写博客 》 ，相信这些文字更多能够给自己带来回忆也罢，力量也罢。今年转的这篇文章更多的是告诉大家如何写这些内容。 The T.L.C. Method 我一直鼓励身边的人写点东西，这是一个记录很发达的时代，也是一个特别健忘的时代，我们常常记不得上周在干嘛，上个月在干嘛，很多时候要翻下朋友圈才记的一些事情，但我们每天经历的事情，产生的感悟其实又很多，我们有太多的信息需要摄入和接受，以至于很多时候我们忽视了去感受当下，去用文字让当时的念想凝固。 不过，很多时候，我们有这个记录的想法，而我们却常常不知道如何下笔。我最近看到一个还不错的方法，大家可以借鉴下： The T.L.C. Method，也就是： Thank Learn Connect Thank -感恩 想想你今天应该感谢谁？这里的一个建议就是尽量把感谢的人和事情具体的写出来。 我们在城市里生活，每天都要靠大陌生人为我们服务，这些人默默的为我们提供着各种各样的服务，我们习以为常了，但我们可以发自内心的去体会他们的服务，记录某个让你感动的瞬间，让我们不失去对周围人的关注之心。 当然还有你的同事，你的朋友和你的家人，他们也许每天都在给你默默的一些帮助和鼓励，只是很多时候我们都活着自己的的世界里。 Learn - 学到了什么 详情 »

查看详情

快速实现本地 https 预览

一般我们本地预览的时候，一般就用 localhost + 端口 就行了，再有需要的话，会类似修改 Hosts ，然后进行域名的绑定 127.0.0.1 dev.xxxx.com 这样我们可以借助本地 hosts 来实现对域名访问本地的服务。 借助 Fiddler 或者 Charles 可以实现代理，从而让手机进行域名的访问。 不过我们有的时候需要访问 https 的服务。 这个时候相对来说，我们可以在使用 serve 基础上，安装 https-localhost 来进行服务的启动。 在这之前，我们也需要安装 nss 。 brew install nss 然后，我们执行 npm 安装命令就好。 npm i -g --only=prod https-localhost 安装完成后，这个时候我们进入目录。 serve ./ 如果我们看到这些字样 Serving 详情 »

查看详情

【译】AR/VR 显示技术原理 (上)

原文地址： https://medium.com/hackernoon/fundamentals-of-display-technologies-for-augmented-and-virtual-reality-c88e4b9b0895 @Kore 随着 Google Glass 和 HTC Vive 给大家带来了对于增强现实和虚拟现实的体验，头戴设备正在成为新型趋势。核心的是对于 头戴设备屏幕 (head-mounted displays，HMDs)，它包含两个基本的元素: 光学元件和 图形显示。 光学 在了解光学基础之前，我们需要先弄懂人眼的基本属性。 视场 FOV (Field of View) 它主要表示人眼所能看到的图像最大角度范围。一般人的话，我们水平方向双眼是 200 度，会有 120 度的重叠。双眼重叠部分对于人眼构建立体和景深非常重要，这个我们会在后面讲到，而垂直视角大约为 130 度。 瞳间距 IPD (Inter-pupillary distance) 这个比较好懂，就是人眼瞳孔的距离，它在双目视觉系统有着重要的影响。瞳距在不同的人之间，性别之间以及人种之间都不一样。错误的瞳距计算会影响眼镜的对齐，图形失真，视觉疲劳以及头晕。 详情 »

查看详情

WebP 可用性探测

webp 是目前 Web 比较流行的解决方案，相对于 Jpeg/png, 基于 VP8 的压缩，有着非常不错的压缩率。 WebP lossless images are 26% smaller in size compared to PNGs. WebP lossy images are 25-34% smaller than comparable JPEG images at equivalent SSIM quality index 比较基础的方法，还是检测 UA 白名单来说，毕竟这些版本都是很早就支持。 这个方法可控性大，而且能够支持 SSR 渲染，在服务端做 UA 判断然后输出对应的图片格式。 当然，常规的另外一种解决方式是，就是远程加载一张 webp 图片观测是否报错 function checkWebPSupport) 详情 »

查看详情

十一月天

离19年结束也就那么些日子。月初回乡，一直下着小雨。最近和家里通话，父母唠叨着，这雨至今也没间断过。拆后的房子，依然修了几层，原本意味新春来临时，会完成的差不多，不过这雨似乎阻断了当初的预期。天慢慢黑的早了，早晚的温度也渐渐凉了不少。发现帝都的秋，还是很漂亮，两旁的树，今年明显空气好多了，蒙蒙的天少了很多。 前些日子得知 idol 要计划返回美国了。这件事情让自己很吃惊。大概这种感受，自己几年前也曾有过，能够明白内心那种究竟和质疑。但是，毕竟别人的人生，你怎么能够影响到？马老师月中悄悄离开公司，算突然，也不算突然。作为朋友，替他开心，作为同事毕竟也只能算遗憾。每个阶段，大概最难的还是内心那种目标与现实的渐行渐远。 硅谷第六季终于开始更新了。也算是最后一季，想起16年这个时候，国庆开始看硅谷，一连看了三季。今年开篇便是也是关于个人饮食的。今年尝试补一些电影，特别安利 [《背对背脸对脸》](https://v.qq.com/x/cover/zwqybzsk6m1ahnx.html?ptag=10521) 对于 详情 »

查看详情

【转】你真的了解当年看过的AVi么

感谢 “珠思码记” 授权转载，微信搜索 “珠思码记” 关注公众号。 自从接手优酷的web播放器之后，点了快一年的播片儿技能点,感觉技术面变得越来越偏门，至少在前端界播片儿(音视频)技术一直水花甚少，真是一入片儿技深似海，从此前端是路人。 想在被世人遗忘之前 出书立传，又恐无人问津。 哈哈扯远了，既然一只脚伸到音视频技术这个泥潭里搅和了一圈之后，总要写点什么。这篇主要是来闲聊，从大家打小看过的片儿里扯一扯音视频格式的前世今生。 主要是讲故事，感兴趣的话可以一看。不感兴趣的话，可以直接点赞打赏红包转账了[手动狗头]。 想必很多人的硬盘里都会有这些奇奇怪怪的文件吧。文件名啥的可能各有不同，但扩展名大家一定耳熟能详：.avi .rmvb .mkv .3gp bla bla~。 而且随着时间的推移，当你在网上down片儿的时候，发现有些已经不常见了，新的又冒了出来。那这些都是什么玩意儿呢？ 那我要先解释一个概念 敲黑板 0x01 封装格式/编码格式 可以看出，上面像mkv avi什么的都是视频的封装格式，或者说容器格式。如果把视频的内容比作酒的话，那所谓封装格式其实就是这个酒瓶。有酒瓶才好运输（网络传输下载）和保存（文件形式放在硬盘上） 详情 »

查看详情

理解 MPEG 的 MOVIE ATOM

原文地址: https://www.adobe.com/devnet/video/articles/mp4_movie_atom.html @Maxim Levkov 本文是来自 Adobe 的工程师撰写的，用于帮助大家学习 moov atom 以及对比了整个 Adobe Flash Player 支持的视频流格式，加深对 moov atom 的功能和位置的理解。有助于我们进一步理解视频编解码想过的知识。 User level Advanced 要在Adobe Flash Platform上播放的视频文件比较简单。但是，经常令人困惑的一个不太能够理解 moov atom, 它包含有关视频文件相关的信息。moov atom 也被叫做 Movie atom，它里面定义视频的时间尺度，时长，显示特性，以及含有用于在电影每个轨道信息。moov atom 的最佳位置取决于所选的传输方式。本文深入研究moov atom 周围的细节， 详情 »

查看详情

React-360 框架最新进展

由于 react-360 已经很久没有进行代码变动了，让人都很怀疑这个项目是不是快要关停了，最近 OC6 也没有发布新的 设备，让人还是很担心这个项目的未来。 不过最近开发者一，统一回复了大家 传送门 #75 作者回答了关于 WebXR 的集成和最近一些变化, 大概总结下: 作者表示一直在默默的工作，但是需要有明显的变化才会加快目前代码的变动，新的架构方式，可以关注 packages 增加内容 WebXR 草案上周才刚刚结束，因此我们会保持等待的姿势等待 WebXR 正式推出，当前代码的设计会非常方便的进行对 WebXR 的支持 计划取消掉 React-Native 的引入，我们会自己实现模块管理和渲染的方式，这位有助于提升在 Oculus go 或者 Oculus Quest 上的渲染速度 总之，大家需要等待，并保持耐心。 详情 »

查看详情

十月天

已是金秋，今年赶上70周年大庆，明显可以感觉到各个地方浓厚的氛围。从中钢大厦的灯光，到绿地中心的“我爱我的祖国”。从另一个角度是最近两年贸易战和香港事件给予国人空前的爱过情怀。60周年的时候，自己还在读高中，那个时候还有点小军事迷，10年过去后明显加快了建设的节奏。十年不长，十年也不短，变化总是无言中，但是还是应该谢谢祖国，谢谢给予我们平稳的发展，给予年轻人机会。 九月份，已经似乎感受到人少了很多。大概这是一个健康的节奏，没有人可以预料未来的走向，但有的人选择相信，有的人选择跟随自己。这都是合理的取舍，经过反复实验，找到自己内心所想就好。 回家几天，一直下着雨。北上后很少感受漫长的雨天，家里房子拆了重建了七层，虽说模样大变了，但是内心还是能够想起这里的点滴，大概岁月的无情在于会不停给予周遭事物的变化，岁月的友情在于给予生命难以抹去的记忆。我想，大概你会怀念这些日子，也会仔细计划未来的日子。 回成都的第一天，特意找了老同学打球，难得有这样的聚会，十年前，这是特常见的事情，十年后天各一方的队友，虽然跳不高了，但还是可以保持曾经的默契配合。假期剪完了飞哥的视频，计划下周送给他，我相信这份力量能给予走到他想走到的目标。国庆和 JQ 聊了很多，其实大概我也在想是不是所谓突然现身的幸运，哈哈哈都没有觉得怎么努力，可是记得更深刻是狗焕的那句感叹。 未来值得你期待～ 详情 »

查看详情

新博客改造的一些有趣的技术要点

最近随着 Ghost 升级，博客主题也做了一些动效的调整，这里面有一些比较有意思的细节，可以和大家分享下。 Ghost-Theme 落地页动画衔接 从首页列表点击进去，实际上是比较简单的 transition 过渡,主要是利用透明度变化和背景图片的放大缩小来完成的。 .cover, .overlay{ content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; height: 100%; background-color: #000; background-position: center center; opacity: .2; background-size: cover; } .cover{ opacity: 0; transition: opacity 1.5s, transform 2s; transition-timing-function: cubic-bezier(0.5, 0, 0.2, 1); background-color: 详情 »