查看详情

三月天

三月天 二月份本该,叶枝翻绿,嫩芽冒尖, 一片生机的声音。 新冠事件从春节假前到春节假后一直持续着。经历过非典,但似乎除了学校的临时假期,满城难求的温度计,和半夜喝的绿豆汤, 也没能留下特别深刻的印象。 年初回去的,还没能引起重视,还在外面做声音,春节后,政府开始强制关门,不远的村也出现了传染疑似病例,紧张的氛围渐渐弥漫在假期里。 原本觉得宅这个词,应该不陌生,但是长时间的宅却成为了很大的问题。以前春节很少睡懒觉,一是家里不允许,而是早上也没有睡太久的习惯。但是今年却异常的可以睡到九点半,虽然醒了提醒自己明天不应该这样了,但还是就这样一直持续下去了。下午便是习惯的打牌,有扑克,也有桌游,玩牌的时光倒是很快就过了,虽然红包发了很多,但是都是小额,似乎家里的这些孩子至今都没有养成那种麻将较真的习惯。 虽然推迟了几天返京,但还是安装公司的预订时间回了京城。航班上的人少的可怜,环视左右都没有人,也算别样的体验。而且也难得完完整整在飞机上看了一部完整的电影《恶人传》 。京城的前一天又落了一场雪,两旁的数值都披着白色的外套,自己都很好奇这个冬天的雪是真的比往常多了很多。看着飘着的雪,心里也默默祈祷,希望这场事件可以快速的过去。 新冠肺炎于很多人而言,影响了很多方面。大家都开始在家办公,这个时候效率真的是个问题。最好的是,可以多睡会,但是没了办公室的氛围,和沟通上的问题,加上团队的结构调整, 详情 »

查看详情

使用 chrome://media-internals 更好的进行音视频 Debug

随着短视频和在线教育办公的兴起,我们非常倚重浏览器的音视频项目开发。 Chrome 提供了一款非常好的内部状态栏,帮助我们去了解当前音视频的编码,buffer 状态等信息。 我们可以随机打开两个在线视频播放网站比如: https://www.bilibili.com/bangumi/play/ep313573 https://v.youku.com/v_show/id_XMzQ2OTk2Mjky.html 然后我们可以在浏览器新建 tab 输入 chrome://media-internals/ 我们可以看到四个 tab Players 当前播放视频的日志信息 Audio 当前音频的播放日志信息 Video Capture 当前摄像头的状况 Audio Focus 当前音频播放的 Session 其中我们主要关心前两个 Tab。 在 Players 我们是一个看到一个历史纪录,我们可以根据视频的 CDN 源找到当前正在播放的视频。然后点击,最底部我们可以在最底部看到两栏,Player Properties 和 Log。 详情 »

查看详情

[转]10种常见的软件架构模式

原文地址: https://www.cnblogs.com/IcanFixIt/p/7518146.html Tips 原文作者:Vijini Mallawaarachchi 原文地址:10 Common Software Architectural Patterns in a nutshell 有没有想过要设计多大的企业规模系统?在主要的软件开发开始之前,我们必须选择一个合适的体系结构,它将为我们提供所需的功能和质量属性。因此,在将它们应用到我们的设计之前,我们应该了解不同的体系结构。 什么是架构模式? 根据维基百科中的定义: 架构模式是一个通用的、可重用的解决方案,用于在给定上下文中的软件体系结构中经常出现的问题。架构模式与软件设计模式类似,但具有更广泛的范围。 在本文中,将简要地解释以下10种常见的体系架构模式,以及它们的用法、优缺点。 分层模式(Lyered pattern) 客户端-服务器模式(Client-server pattern) 主从设备模式(Master-slave pattern) 管道-过滤器模式(Pipe-filter pattern) 代理模式(Broker pattern) 点对点模式( 详情 »

查看详情

terraform aws_lb_listener 配置详解

terraform 是一款通过代码来组织基础架构的工具。 Use Infrastructure as Code to provision and manage any cloud, infrastructure, or service 如果你是用的 AWS 的整套服务,你可以通过它实现对 S3, ECR, web load balancer 等服务的配置。当然它除了支持 AWS 也支持 阿里云 Google Cloud 等平台。非常适合不需要太多运维知识的工程师。 今天主要是我们需要配置域名和应用的绑定。比如我们部署了某个 Web 服务,实现域名和应用的关联,我们需要用到 aws_lb_listener 官方有提供一段参考,类似这样的: resource "aws_lb_listener_rule" "static" { listener_arn 详情 »

查看详情

The Plan of 2020

Netflix Interview P7 Level 1000 + Github stars(1/2) 3000 + Behance views(2/3) 50+ Procreate works (0/50) 100 + Github followers (2/3) WebXR Guide(1/2) 40 + Web Articles (1/3) Redesign the Portfolio Page 40 mins Daily Reading (x) Better Girl Friend Relationship Own PIN , BYND, BILI and Own PDD from Q1-2020(1/ 详情 »

查看详情

JS 的原地(in-place)算法实践

In computer science, an in-place algorithm is an algorithm which transforms input using no auxiliary data structure. However a small amount of extra storage space is allowed for auxiliary variables. The input is usually overwritten by the output as the algorithm executes. In-place algorithm updates input sequence only through replacement or swapping of elements. An algorithm 详情 »

查看详情

2019

转眼就是新的一年,很特殊,2020年,自己把它称为新的十年的起点。 回到十年前的那个冬天,读高三开始满满养成了每月的总结,如同现在一样。所以也能够翻看到那个时候临近年关时候内心的所想。那时候恰逢成都一诊和南充一诊结束,说句实话,应该算是考的非常差,非常低谷的时候。那个时候也只能寄托文字给予一点力量,那也是这么多年来难得写的非常低沉的文字: 人们常说有志者,一份耕耘,一份收获。实在是不够,2009年就要过了,我用这个成绩回家过春节,心情自然是难受的,但是如何在剩下的20十几天里将自己提升到新的水平,这是一项艰苦的工作。 无论如何,写下这一篇文章的忧愁,烦恼,悲伤都随着过去吧。只能写下三个词语来总结一下自己,苦难, xx, 醒悟。 大概这篇文章至今重复读过三四次,十年的跨度让一个人可以明白,很多事情真的没有眼前看的那么不堪,从小学到高中很少在春节前的考试出现大的失利,这次算是非常严重的一次。毕竟春节都图一喜庆,没有人希望回去有这样的心事徘徊。其实那个时候担心的压根不是考试,而是担心春节所处种种。其实十年后自己,这点还多多少少会有些影响。人往往做选择,多少会有些非主观因素,近期读《曾国藩》,“布局” 是门学问,值得未来十年的研读。 记得2010年的跨年,是和大学室友一起,自认为四川人点了个中辣的长沙火锅,真的是印象深刻到极致,一算那个时候已到长沙四个月了,但是折服的依旧是长沙的辣椒。回校路上, 详情 »

查看详情

聊聊 Web 视频播放的画中画模式

Chrome 在升级到 70 的时候开始对视频播放的画中画模式开始支持了,用户在浏览器 Web 页面可以通过 画中画的形式强当前画面停留在屏幕正上方,无论你在使用其他软件还是切到其他 Tab ,都可以看到当前画面。 最新的 caniuse 我们可以看到已经覆盖了很多了浏览器版本,包括 最新的 Safari 甚至移动 Android 的 Chrome 浏览器。 特征检测 我们可以通过 video 元素上的 requestPictureInPicture 的方法以及 document.pictureInPictureElement 来判断浏览器是否支持画中画模式。 if ('pictureInPictureEnabled' in document) { // do something } else { // not support } if (typeof videoEl.requestPictureInPicture === 'function') { // do something } else { // not support } API 调用 我们可以通过调用 requestPictureInPicture 来实现画中画播放模式。 someBtn. 详情 »

查看详情

【译】Web 视频播放前前后后

这应该是目前写的最为完整的关于 Web 视频播放的文章。从简单的 Video 元素到 MSE 直播的应用,作者给出了具体的代码,文章由浅入深,普及现代 Web 播放技术的前前后后。五星推荐阅读。 @Paul Berberian 原文地址: https://medium.com/canal-tech/how-video-streaming-works-on-the-web-an-introduction-7919739f7e1 注意:本文是JavaScript视频流的介绍,主要针对Web开发人员。这里的大部分示例都使用HTML和现代JavaScript(ES6)。如果您对它们还不够熟悉,那么您可能会发现很难继续学习,尤其是代码示例。 原生视频 API 从2000年代初期到后期,网络上的视频播放主要依靠Flash插件。 ** 警告用户安装Flash插件 ** 这是因为当时没有其他方法可以在浏览器上流式传输视频。作为用户,您可以选择安装Flash或Silverlight之类的第三方插件,还是根本无法播放任何视频。 为了填补这个空白,WHATWG 开始研究 HTML 标准的新版本,其中包括本地的视频和音频播放。苹果公司在其产品上禁用 Flash 后,这一趋势更加明显。而该标准后面成为现在的 HTML5 的标准。 因此,HTML5除其他新的标签外,将 < 详情 »

查看详情

微信小程序适配 iPhone 11/Pro

最新版本微信更新了 iphone 11 和 12 的型号返回,可以直接判断。 由于目前 iPhone 发售的新机型,iPhone X / iPhone 11 系列,都是刘海屏。因此在小程序设计中,我们经常需要考虑到底部的适配。 常规的我们是通过获取系统信息模块来获取的。 cont app = getApp(); wx.getSystemInfo({ success: function(res) { //model中包含着设备信息 console.log(res.model) const model = res.model; if (model.search('iPhone X') != -1){ app.globalData.isIpx = true; }else{ app.globalData.isIpx = false; } } }) 而 iPhone 11 系列由于微信还未及时更新型号,返回的 详情 »