登高远眺

天高地迥,觉宇宙之无穷

基础技术

直播延迟?为什么流媒体直播的延迟那么高

随着通信技术的发展,视频点播、直播业务也逐渐兴起。在这些业务形态中,流媒体技术扮演着重要的角色。但在实际使用中,即便是在优良的网络环境中,主播和观众间依然可以体验到明显的延迟。为何会产生这种延迟?这篇文章从编码、传输、缓存等方面入手,分析了延迟产生的原因。

何时使用 TypeScript - 使用场景全解

距离微软 2012年10 月首次发布 TypeScript 0.8 版本已将近 8 年,越多的公司和团队开始尝试 TypeScript ,尽管如此,依然有大量开发者对 TypeScript 适合的场景感到迷惑。在这篇文章中,我们会探讨什么情况下绝对应该使用 TypeScript 这种类型严格的编程语言,又在什么情况下应该继续使用原生的 JavaScript。

前端框架

Atomic CSS-in-JS

你可能听说过Atomic CSS,还有 CSS-in-JS,但你想过他们可以合起来使用吗?Twitter 和 Facebook 正在进行这方面的实践。Twitter 公司的 React-Native-Web 项目已经在 Twitter 桌面客户端中使用,而 Facebook 的 Stylex 项目也已经进入测试阶段。Atomic CSS-in-JS 具备怎样的魔力,让两大社交巨头如此着迷?这篇文章可以解答你的一些困惑。

为什么我们创建了 Rematch

Rematch 作者 Shawn McKay 的文章除了阐述了为什么我们需要状态管理工具、Redux 数据流,以及对 Redux API 的7个思考与改进之外,还提出了 API 设计质量公式:独自解决的时间 / 框架学习时间 = API 设计质量。如果你的项目需要暴露一些 API 或是框架的作者,这个公式能帮助你思考如何去提供 API 的质量。

工程化

Esbuild,可能是目前最快的 JS/TS 模块打包工具

该打包工具是使用 Go 语言开发的 JavaScript 模块打包工具,支持 TypeScript。根据该项目介绍 benchmarks 测试,在同一份代码(three.js)的情况下,esbuild 比其他打包工具(rollup / webpack / parcel等)快了至少 100 倍!Vue 作者尤雨溪的新工具 vite 也是基于 esbuild 转换库来添加对 TypeScript 的支持。

图形编程

揭秘皮克斯 - 逐帧解析《Soul》带你全方位了解皮克斯的动画技法

对于前端开发来说,在开发动画时或许根据动效设计师提供的 demo 一比一还原即可,但实践过的同学都知道要做到真正的「一比一」有多难。其实这考验了开发解读动效的能力。本文对皮克斯新的动画电影《Soul》的预告片 (https://mp.weixin.qq.com/s/D7xE3Wbd4I0gd35zz5OwaQ) 进行了专业、详细的逐帧解读,深度分析了角色动线与节奏设计,从细节处感知动画巨头之是如何与大众市场拉开差距的。

服务端开发

如何大幅度减少 Node 应用 Docker 镜像大小?

作者根据 carbon.now.sh 尝试创建一个最小的镜像,从一个 2.43 GB的镜像一步一步优化至 100M 以下。在这边文章中,我们可以了解到减少镜像大小的一些方法和技巧,进一步提升镜像构建的效率。

人工智能

数据集大全: 机器学习的制胜宝典

兵马未动,粮草先行。算法调参前需要找到合适的数据验证效果。该网站搜集了计算机视觉,自然语言处理,自动驾驶等机器学习热门方向的规模最大、质量最高训练数据集,极大减少花费在找合适数据集上的时间。

Google 开源表格解析器 TAPAS:使用表格数据回答自然语言问题

Google 开源了表格解析器(简称:TAPAS),它是一个使用表格数据回答自然语言问题的深度学习系统。TAPAS 接受了从维基百科提取的 620 万个表格数据的训练,在几个基准环境上其性能都达到甚至超过当下最先进的其他系统。

沧海拾遗

沧海拾遗,积跬步以至千里

开发实用: 那些 Webpack 配置的小技巧

Webpack 是我们当下在前端开发中不可缺少的重要工具,看完 ESBuild 如果你心动了,希望这篇文章可以让你冷静冷静,基础就是基础,如果这些都还不会,那可就不要在追求极致的路上一路狂飙,是时候慢下脚步,去夯实基础!

与 Docker 相处的开始

Docker 相信大家并不陌生,就算没有使用过,也必然是听过其大名,协同开发、环境切换、线上测试,不管你做什么,Docker 在我们开发过程中都有适用的使用场景,如果你还不了解,看完这篇文章,你的开发效率一定会多有提升。

欢迎关注凹凸实验室博客:aotu.io

或者关注凹凸实验室公众号(AOTULabs),不定时推送文章:

蒲公英 · JELLY技术周刊 Vol.10 为什么你还不使用 TypeScript的更多相关文章

  1. 蒲公英 · JELLY技术周刊 Vol.28: Next.js 10 发布

    蒲公英 · JELLY技术周刊 Vol.28 前端应用到底该选 SSR 还是 CSR?每个项目技术栈决策的时候都会根据实际需求有自己的看法,而在不久前 React 17 发布之后,自然而然也会有同学好 ...

  2. 蒲公英 · JELLY技术周刊 Vol.25 · Webpack 5 正式发布,你学废了么

    蒲公英 · JELLY技术周刊 Vol.25 阔别两年,Webpack 5 正式发布了,不仅清理掉很多冗余的功能,同样也为我们带来了很多新鲜的能力,不论是默认开启的持久缓存,还是反病毒保护,亦或者被其 ...

  3. 蒲公英 · JELLY技术周刊 Vol.03

    蒲公英 · JELLY技术周刊 Vol.03 「蒲公英」期刊全新升级--JELLY技术周刊!深度挖掘业界热点动态,来自团队大咖的专业点评,带你深入了解团队研究的技术方向. 登高远眺 天高地迥,觉宇宙之 ...

  4. 蒲公英 · JELLY技术周刊 Vol.16 谷歌首个线上 Web 开发者大会

    蒲公英 · JELLY技术周刊 Vol.16 近期,谷歌有史以来的第一次线上谷歌 Web 开发者大会,Web Vitals.PWA.DevTools 和 Lighthouse 6.0 等一系列特性或产 ...

  5. 蒲公英 · JELLY技术周刊 Vol.17: 90 行代码实现 React Hooks

    蒲公英 · JELLY技术周刊 Vol.17 React Hooks 相信大家都不陌生,自被设计出以来就备受好评,在很多场景中都有极高的使用率,其中原理更是很多大厂面试中的必考题,很多朋友都能够如数家 ...

  6. 蒲公英 · JELLY技术周刊 Vol.19 从零开始的 Cloud IDE 开发

    蒲公英 · JELLY技术周刊 Vol.19 你是否也会有想法去开发一个自己的 IDE 却苦于时间和精力不足,完成 Desktop IDE 却又被 Cloud IDE 的概念追在身后难以入睡,这样的两 ...

  7. 蒲公英 · JELLY技术周刊 Vol.20: Vue3 极致优化——分析 Vue3 Compiler 告诉你为什么这么快

    蒲公英 · JELLY技术周刊 Vol.20 性能优化是一条无尽的路,我们总是可以找到各种途径去提升体验,不论是响应时间还是按需加载,亦或是根据框架或者组件有针对性的优化都会是不错的方法.如果你在使用 ...

  8. 蒲公英 · JELLY技术周刊 Vol.22: npm i react-router@6.0.0-beta.0

    蒲公英 · JELLY技术周刊 Vol.22 近期 React Router 已经释出了 6.x 的 beta 版本,正式版本已经不远了,作为 React 生态中的重要组成部分,React Route ...

  9. 蒲公英 · JELLY技术周刊 Vol 27: 平平无奇 React 17

    蒲公英 · JELLY技术周刊 Vol.27 这个热闹的十月终于要走到尾声,React 17 历经 4 个 RC 版本之后,也于数天前正式发布了,而同在几天前发布的 CRA 4.0 也已经完成了 Re ...

随机推荐

  1. php的 mysqlnd驱动

    这篇文章写的好 http://blog.linuxeye.com/395.html 传统编译php的时候需要指定mysql 的参数 --with-mysql=/usr/local/mysql \ -- ...

  2. webpack指南(六)命令行环境配置

    webpack 命令行环境配置中,通过设置 --env 可以使你根据需要,传入尽可能多的环境变量.在 webpack.config.js 文件中可以访问到这些环境变量. webpack --env.N ...

  3. JDK 安装与环境变量配置

    JDK官网下载地址:http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html 1.下载jd ...

  4. JS的函数和对象三

    复习 判断是否含有某个属性 对象.属性名 === undefined 对象.hasOwnProperty('属性名') '属性名' in 对象 方法  { say:function(){  this ...

  5. 08 返回动态页面web框架

    08 返回动态页面web框架 动态页面: 网页的内容是动态变化的,不是一直不变的(静态页面:每次显示的内容都是一样) 服务器server端python程序(动态页面版本): import socket ...

  6. MySQL执行外部sql脚本文件命令是报错:unknown command

    使用source导入外部sql文件: mysql> source F:\php\bookorama.sql; -------------- source F: -------------- ER ...

  7. 201771010117马兴德 实验二 Java基本程序设计(1)

    实验二 Java基本程序设计(1)  第一部分    理论知识的学习. 第三章Java基本程序设计结构 1  基本知识: (1)标识符:标识符由字母.下划线.美元符号和数字组成,且第一个符号不能为数字 ...

  8. css3,transition,animation两种动画实现区别

    我们为页面设置动画时,往往会用到transition还有animation以及transfrom属性或者用到js. 其实通常情况下,对于使用js我们更加倾向于使用css来设置动画. transfrom ...

  9. 实验五:shell脚本编程

    项目 内容 这个作业属于哪个课程 班级课程的主页链接 这个作业的要求在哪里 作业要求链接地址 学号-姓名 17043133-木腾飞 作业学习目标 1.了解shell 脚本的概念及应用2.掌握shell ...

  10. css变量的使用

    css变量的使用 1.介绍:我们也可以在css中定义变量,和less.sass一样,通过--来定义变量 div { /* 开始定义变量 */ --color: red; /* 通过var()函数来使用 ...