蒲公英 · JELLY技术周刊 Vol.26

今年的十月,不知道大家在 TODO List 上新增了多少条目准备尝鲜,你可能已经准备了 Vue3、Webpack5 以及 React v17.0 RC,然而十月中可却远不止这些东西值得一试,npm CLI 提示你可以通过npm install -g npm@7体验新版本,Chromium Blog 的推文也显示 Chrome 正在部署 HTTP/3 和 IETF QUIC……

登高远眺

天高地迥,觉宇宙之无穷

基础技术

NPM v7.0.0 发布

npm v7.0.0 带来了比较多的新特性,WorkspacespeerDependencies自动被安装、支持yarn.lock等,将与NodeJS v15一起发布。如果你想立即尝试,可以使用npm i -g npm@7在终端运行安装。

Chrome 正在启用 HTTP/3,支持 IETF QUIC

QUIC(Quick UDP Internet Connections)是谷歌制定的一种基于UDP的低延时的互联网传输层协议,结合了TCP、TLS等协议的特性。HTTP/3 是HTTP的最新版本,仅在QUIC上运行。

译文:https://www.oschina.net/news/119045/chrome-is-deploying-http3-and-ietf-quic

工程化

Webpack 5 Module Federation: JavaScript 架构的变革者

Module Federation是 Webpack 5 的新特性之一,它可以使 JavaScript 应用在客户端或服务器上动态运行另一个 bundle 或者 build 的代码。在了解学习这个特性的过程中,本文是最好的教程,因为它是由Module Federation的作者之一的Zack Jackson发布的,他在文中写到"Module Federation之于JavaScript Bundler,如同Apollo之于GraphQL",并阐述了相关的技术实现以及项目实践。

译文: https://zhuanlan.zhihu.com/p/120462530

图形编程

iOS UIScrollView 动画的力学原理

了解动画效果的力学原理对于设计的还原度非常重要,本文深度剖析 iOS UI 滚动视图动画的力学原理。

译文:http://www.martinrgb.com/blog/index.html#/HOW_UIScrollView_Works

设计哲学

被忽视的设计:中文字体

字体是设计的基本要素之一,然而关于 Type Design 的视频少之又少,非专业人士对其认知也非常有限,很多人都会觉得:“啊,原来空气也是要设计的吗?”,字体作为设计的基本要素之一,它关乎着一个民族的设计风格,这个视频用短短的六分钟简单动画和旁白将中文字体的基础知识给说明白了~

工具推介

svga——AE动画的另一个实现/展示方法

相比起有名的bodymovin lottie,svga使用了另一种方法记录动画信息:每一帧的信息在导出前计算好,记录在导出好的文件中,播放器在渲染时只需逐帧渲染,不需关心关键帧间插值的计算。由此带来的是解析、播放器的库比lottie的精简许多(gzip前57KB),导出的文件也较小;另外限制也更多:不支持复杂的矢量形状图层、不支持AE自带的渐变、生成、描边、擦除等、对设计工具原生动画不友好,对图片动画友好

沧海拾遗

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

设计稿 101% 还原之 Web 字体处理

字体设计是设计中的基本要素,同样也是在还原设计稿的过程中,提升用户体验的重要一环,在兼顾体验的同时 101% 的来还原设计稿的所有细节才能不负项目中所有同学的心血。这篇关于 Web 中文字体处理的方案总结,相信会让大家都有所收获,特殊字体和网页性能再也不是一道单选题了~

1KB 的 3D 游戏 ???

JS1k 这个大赛不知道有多少同学听过,在限制 1024 字节内的 JavaScript 代码完成一个参赛作品,而本期推荐的这个 3D 小游戏就出自这个比赛,很难以置信对吧,还不快进来爽一把!(顺便给大家一个小问题,如果让你来用 1KB 以内的代码完成一个 3D 小游戏,可以做到吗?)

「蒲公英」期刊,每周更新,我们专注于挖掘「基础技术工程化跨端框架技术图形编程服务端开发桌面开发人工智能设计哲学前端框架」等多个大方向的业界热点,并加以专业的解读;不仅如此,我们还会推介精选凹凸技术文章,向大家呈现团队内的研究技术方向。

抬头仰望,蒲公英的种子会生根发芽,如夏花绚烂;格物致知,我们登高远眺、沧海拾遗,以求积硅步而至千里。

蒲公英 · JELLY技术周刊贡献指南

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

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

蒲公英 · JELLY技术周刊 Vol.26: 请问您这个月要来点肝么?的更多相关文章

  1. 蒲公英 · JELLY技术周刊 Vol.18 关于 React 那些设计

    蒲公英 · JELLY技术周刊 Vol.18 自 2011 年,Facebook 第一次在 News Feed 上采用了 React 框架,十年来 React 生态中很多好用的功能和工具在诸多设计思想 ...

  2. 蒲公英 · JELLY技术周刊 Vol.21 -- 技术周刊 · React Hooks vs Vue 3 + Composition API

    蒲公英 · JELLY技术周刊 Vol.21 选 React 还是 Vue,每个人心中都会有自己的答案,有很多理由去 pick 心水的框架,但是当我们扪心自问,我们真的可以公正的来评价这两者之间的差异 ...

  3. 蒲公英 · JELLY技术周刊 Vol.29: 前端智能化在阿里的那些事

    蒲公英 · JELLY技术周刊 Vol.29 前端智能化是指借助于 AI 和机器学习的能力拓展前端,使其拥有一些超出现阶段前端能力的特性,这将是未来前端方向中一场重要的变革.目前各家互联网厂商都有自己 ...

  4. 蒲公英 · JELLY技术周刊 Vol.34: 芜湖~ Flutter

    蒲公英 · JELLY技术周刊 Vol.34 提及跨端,你能想到那些技术?PWA.小程序.Ionic.React Native.Weex--当然也少不了 Flutter,历时 3 年,Flutter ...

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

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

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

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

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

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

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

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

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

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

随机推荐

  1. [LeetCode]42. 接雨水(双指针,DP)

    题目 给定 n 个非负整数表示每个宽度为 1 的柱子的高度图,计算按此排列的柱子,下雨之后能接多少雨水. 上面是由数组 [0,1,0,2,1,0,1,3,2,1,2,1] 表示的高度图,在这种情况下, ...

  2. STL-Deque(双端队列)与单调队列的实现

    前言: STl是个好东西,虽然他在不开O2的条件下会跑的很慢,但他着实会让你的代码可读性大大提高,令你的代码看起来既简单又整洁. 双端队列: 顾名思义,双端队列是有两个头的,一个队首指针,一个队尾指针 ...

  3. Windows10 安装 CUDA + cuDNN + pyTorch

    2020/5/29 在 windows10 上面安装 CUDA 和 cuDNN 0.简单了解一下 CUDA 和 cuDNN 1)什么是 CUDA CUDA(ComputeUnified Device ...

  4. 关于java数组基础练习题

    定义一个int[] a ={4,2,0,-1,-8,23,9}求数组元素的最大值.最小值.平均数.总和.数组的复制.反转 //3.定义一个int[] a ={4,2,0,-1,-8,23,9}求数组元 ...

  5. git 修改已提交了的备注信息的方法

    git 修改已提交了的备注信息的方法: 1.当我们已通过 git commit -m '已提交的最新的备注' 命令将代码提交到了缓存区,或者进一步执行了 git push origin master ...

  6. docker报错处理集合

    前言 本篇博客将把docker错误都进行整合,方便大家进行查看,如果各位同学有遇到docker使用中遇到的报错,也可以把报错信息截图和处理办法微信发我. docker报错 1. 拉取镜像显示被拒绝 2 ...

  7. JavaGuide

    最近在看JavaGuide整理的java文档 仅此记录

  8. Shell学习(三)Shell参数传递

    一.传参实例 ##脚本文件内容 #执行的文件名 echo $0; #第一个参数 echo $1; #第二个参数 echo $2; #第三个参数 echo $3; ##调用语句 ./testShell. ...

  9. 堆的源码与应用:堆排序、优先队列、TopK问题

    1.堆 堆(Heap))是一种重要的数据结构,是实现优先队列(Priority Queues)首选的数据结构.由于堆有很多种变体,包括二项式堆.斐波那契堆等,但是这里只考虑最常见的就是二叉堆(以下简称 ...

  10. 简述application.properties和application.yml 以及 @ConfigurationProperties 和@PropertySource @Value 和@ImportResource的用法,区别

    问题: 如何在application.properties和application.yml中配置String,Date,Object,Map,List类型的属性,并且idea能提示 先写一个Perso ...