蒲公英 · JELLY技术周刊 Vol.26: 请问您这个月要来点肝么?
蒲公英 · 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 带来了比较多的新特性,Workspaces
、peerDependencies
自动被安装、支持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 小游戏,可以做到吗?)
「蒲公英」期刊,每周更新,我们专注于挖掘「基础技术、工程化、跨端框架技术、图形编程、服务端开发、桌面开发、人工智能、设计哲学、前端框架」等多个大方向的业界热点,并加以专业的解读;不仅如此,我们还会推介精选凹凸技术文章,向大家呈现团队内的研究技术方向。
抬头仰望,蒲公英的种子会生根发芽,如夏花绚烂;格物致知,我们登高远眺、沧海拾遗,以求积硅步而至千里。
欢迎关注凹凸实验室博客:aotu.io
或者关注凹凸实验室公众号(AOTULabs),不定时推送文章:
蒲公英 · JELLY技术周刊 Vol.26: 请问您这个月要来点肝么?的更多相关文章
- 蒲公英 · JELLY技术周刊 Vol.18 关于 React 那些设计
蒲公英 · JELLY技术周刊 Vol.18 自 2011 年,Facebook 第一次在 News Feed 上采用了 React 框架,十年来 React 生态中很多好用的功能和工具在诸多设计思想 ...
- 蒲公英 · JELLY技术周刊 Vol.21 -- 技术周刊 · React Hooks vs Vue 3 + Composition API
蒲公英 · JELLY技术周刊 Vol.21 选 React 还是 Vue,每个人心中都会有自己的答案,有很多理由去 pick 心水的框架,但是当我们扪心自问,我们真的可以公正的来评价这两者之间的差异 ...
- 蒲公英 · JELLY技术周刊 Vol.29: 前端智能化在阿里的那些事
蒲公英 · JELLY技术周刊 Vol.29 前端智能化是指借助于 AI 和机器学习的能力拓展前端,使其拥有一些超出现阶段前端能力的特性,这将是未来前端方向中一场重要的变革.目前各家互联网厂商都有自己 ...
- 蒲公英 · JELLY技术周刊 Vol.34: 芜湖~ Flutter
蒲公英 · JELLY技术周刊 Vol.34 提及跨端,你能想到那些技术?PWA.小程序.Ionic.React Native.Weex--当然也少不了 Flutter,历时 3 年,Flutter ...
- 蒲公英 · JELLY技术周刊 Vol.03
蒲公英 · JELLY技术周刊 Vol.03 「蒲公英」期刊全新升级--JELLY技术周刊!深度挖掘业界热点动态,来自团队大咖的专业点评,带你深入了解团队研究的技术方向. 登高远眺 天高地迥,觉宇宙之 ...
- 蒲公英 · JELLY技术周刊 Vol.16 谷歌首个线上 Web 开发者大会
蒲公英 · JELLY技术周刊 Vol.16 近期,谷歌有史以来的第一次线上谷歌 Web 开发者大会,Web Vitals.PWA.DevTools 和 Lighthouse 6.0 等一系列特性或产 ...
- 蒲公英 · JELLY技术周刊 Vol.17: 90 行代码实现 React Hooks
蒲公英 · JELLY技术周刊 Vol.17 React Hooks 相信大家都不陌生,自被设计出以来就备受好评,在很多场景中都有极高的使用率,其中原理更是很多大厂面试中的必考题,很多朋友都能够如数家 ...
- 蒲公英 · JELLY技术周刊 Vol.19 从零开始的 Cloud IDE 开发
蒲公英 · JELLY技术周刊 Vol.19 你是否也会有想法去开发一个自己的 IDE 却苦于时间和精力不足,完成 Desktop IDE 却又被 Cloud IDE 的概念追在身后难以入睡,这样的两 ...
- 蒲公英 · JELLY技术周刊 Vol.20: Vue3 极致优化——分析 Vue3 Compiler 告诉你为什么这么快
蒲公英 · JELLY技术周刊 Vol.20 性能优化是一条无尽的路,我们总是可以找到各种途径去提升体验,不论是响应时间还是按需加载,亦或是根据框架或者组件有针对性的优化都会是不错的方法.如果你在使用 ...
随机推荐
- DNS递归解析和迭代解析
DNS解析流程分为递归查询和迭代查询,递归查询是以本地名称服务器为中心查询, 递归查询是默认方式,迭代查询是以DNS客户端,也就是客户机器为中心查询.其实DNS客户端和本地名称服务器是递归,而本地名称 ...
- 如何使用 Python 進行字串格式化
前言: Python有几种方法可以显示程序的输出:数据可以以人类可读的形式打印出来,或者写入文件以供将来使用. 在开发应用程式时我们往往会需要把变数进行字串格式化,也就是说把字串中的变数替换成变量值. ...
- websocket+sockjs+stompjs详解及实例
最近有项目需求要用到websocket,刚开始以为很简单,但是随着遇到问题,深入了解,才知道websocket并不是想象中的那么简单,这篇文章主要是考虑websocket在客户端的使用. 1.http ...
- 修改默认配置文件.android.gradle.androidstudio到其他目录
.android 这个文件夹主要是用来存放模拟器的,是占用空间最大的一个,如果你没有使用它的模拟器,可以直接把这个文件夹删除.因为我建立了两个x86的模拟器,吃掉了我20G的空间.果断搬走. 复制当前 ...
- Android Widget开发过程中的一些问题汇总
一.基本实现要点 布局文件 配置文件 控制文件 AndroidManifest.xml
- 你在开发过程中使用Git Rebase还是Git Merge?
摘要:在git里面经常的一个争论是到底用rebase还是用merge? 1. 痛苦吗?代码历史中的迷失羔羊 我们先来看一个真实的代码提交历史图形化截图: 图片源自 https://storage.kr ...
- git 一个可以提高开发效率的命令:cherry-pick
各位码农朋友们一定有碰到过这样的情况:在develop分支上辛辛苦苦撸了一通代码后开发出功能模块A,B,C,这时老板过来说,年青人,我们现在先上线功能模块A,B.你一定心里一万只草泥马奔腾而过,但为了 ...
- Centos-显示文件类型-file
file 长度为0的文件则显示为空位文件,对于软链接文件则显示链接的真实文件路径,默认输出会有文件名 相关选项 -b 只显示文件类型结果 -L 显示软链接指向文件的类型 -z 显示压缩文件信息 -i ...
- 0921 LCA练习
1.poj 1330 数据结构中的树,在计算机科学中是非常重要的,例如我们来看看下面这棵树: 在图中我们对每个节点都有编号了. 8号节点是这棵树的根.我们定义,一个子节点向它的根节点的路径上,任意一个 ...
- Java知识系统回顾整理01基础02面向对象01类和对象
一.面向对象实例--设计英雄这个类 LOL有很多英雄,比如盲僧,团战可以输,提莫必须死,盖伦,琴女 所有这些英雄,都有一些共同的状态 比如,他们都有名字,hp,护甲,移动速度等等 这样我们就可以设计一 ...