蒲公英 · JELLY技术周刊 Vol.03
蒲公英 · JELLY技术周刊 Vol.03
「蒲公英」期刊全新升级——JELLY技术周刊!深度挖掘业界热点动态,来自团队大咖的专业点评,带你深入了解团队研究的技术方向。
登高远眺
天高地迥,觉宇宙之无穷
基础技术
HTTP/2 还没普及,HTTP/3 就要来了?
来自最大的 CDN 服务提供商之一 Cloudflare 团队的文章。尽管 HTTP/3 规范仍在起草中,Cloudflare 在2019年9月便宣布了对 HTTP/3 的支持,同时最新版的 Chrome Canary 也已支持 HTTP/3。HTTP/3 悄然来临,它究竟有哪些优势,请看这篇文章最新的评测报告。
前端框架
打造一个自己的 React 框架
本文基于 React 16.8 并遵循真实源码的架构,手把手教学重写 React。为了降低阅读和学习难度,作者使用了丰富的 css 动画来呈现编码过程,视觉效果和干货值拉满。
Svelte: 一个让网站减肥的框架
非常少见的来自于 Wired 对前端框架的报道。文章提及了 Svelte 作者前端轮子王 Rich Harris 的创作 Svelte 心路历程,并采访了若干个 svelte 用户,其中一位从 React 切换到 Svelte,他的应用体积由 190K 降低到了 9K。Svelte 在前端框架中的总体用户满意度也达到了88%,排名第二,仅次于 React 的 89%。
Vue 3 有哪些新特性?
来自于 Vue 核心团队成员的文章,解释了 Vue 3 在 Composition API、TypeScript 适配、性能优化、框架体积上做的各项优化,作者本人同时在 Vue.js Amsterdam 2020 做了相关分享。 Vue 3 离我们比想象的近,在 2020年 Q2 就会正式发布。
图形编程
工具推荐:dat.guiVR
dat.gui 的可视化配置思路为不少游戏、动效开发者解决了参数调试这一老大难题,而推出这款工具的团队没有将视野限制在二维平面上,于 2016 年推出了 dat.guiVR。顾名思义,dat.guiVR 解决的正是 VR 开发场景中的参数调试问题。这款基于 Three.js 的库可以将配置面板插入三维体系中,并随着 camera 的移动而变化,可以通过官网的示例直观地感受一下。dat.guiVR 可设置对鼠标事件、手持设备、眼动追踪设备的交互,方便开发者在不同终端进行调试。配置项类型包括可限制范围的数值、事件触发的按钮、映射值的选择框,dat.gui 所具备的配置面板可拖动、非 GUI 值变化监听的功能也延续了下来。
服务端开发
工具推荐:pdf-lib
pdf-lib 是一个可以任何 JS 环境创建和修改 PDF 文档的工具,可以帮助你快速完成 PDF 合并、添加页码、打水印及切割 PDF 等,值得一试。
工具推荐:routing-controllers
Routing-Controllers 是一个 nodejs HTTP 服务器 REST 路由控制库,在 Express / Koa 中使用大量的装饰器创建结构化、声明式且组织精美的基于类的控制器。它的核心思想是面向切面编程,通过装饰器
这个特性来实现路由控制、权限验证、错误处理等;配合 class-validator 实现高效的数据校验;配合 typedi 实现依赖注入。它不像 nestjs 把所有模块都帮你封装好了,它专注路由,更加轻量和高效。
人工智能
Tensorflow.js 海量图标,毫秒级识别!
相信每位前端都有过在海量图标库中寻找需要的图标的经历,从成百上千个图表中找出自己想要的样式,如果换成机器来做,是不是就能大大减少了筛选图标的工作量?本文通过使用Tensorflow.js以及深度学习技术,仅仅在前端,便完成了图标icon识别的功能,让我们来一起初探这前端智能工程化的冰山一角吧~
开源动漫生成器
想知道自己的老婆/爱豆,在宫崎骏的动漫里面是长什么样子的吗?只需要简单运行几行代码,这个项目就能帮你实现这个愿望!
Tensorflow.js 更新计划
近日,TensorFlowJS 2.x 版本计划于本月更新,TF团队也分享了他们的更新计划,包括TFJS 2.0 和 TFJS 3.0 的版本计划,并且表示会更新相应的版本教程。希望 TFJS 的API 及部署能够更加的简洁易用,为面向生产环境的前端开发者带来更多的效率提升!
沧海拾遗
沧海拾遗,积跬步以至千里
看完今天的推荐文章,是不是还想了解更多 VR 相关的内容呢?这两篇 Web VR 文章或许可以给你带来更多收获~
GPU A-Frame WebVR试玩报告
什么叫真?你怎样给真下定义,如果你说真就是你能感觉到的东西,你能闻到的气味,你能尝到的味道,那么这个真只是你大脑作出反应的电子信号。 —— 《黑客帝国》
浅谈 WebVR
VR(Virtual Reality)是利用电脑模拟产生一个三维空间的虚拟世界,提供用户关于视觉等感官的模拟,让用户感觉仿佛身历其境,可以及时、没有限制地观察三维空间内的事物。
欢迎关注凹凸实验室博客:aotu.io
或者关注凹凸实验室公众号(AOTULabs),不定时推送文章:
蒲公英 · JELLY技术周刊 Vol.03的更多相关文章
- 蒲公英 · 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 性能优化是一条无尽的路,我们总是可以找到各种途径去提升体验,不论是响应时间还是按需加载,亦或是根据框架或者组件有针对性的优化都会是不错的方法.如果你在使用 ...
- 蒲公英 · JELLY技术周刊 Vol.22: npm i react-router@6.0.0-beta.0
蒲公英 · JELLY技术周刊 Vol.22 近期 React Router 已经释出了 6.x 的 beta 版本,正式版本已经不远了,作为 React 生态中的重要组成部分,React Route ...
- 蒲公英 · JELLY技术周刊 Vol.25 · Webpack 5 正式发布,你学废了么
蒲公英 · JELLY技术周刊 Vol.25 阔别两年,Webpack 5 正式发布了,不仅清理掉很多冗余的功能,同样也为我们带来了很多新鲜的能力,不论是默认开启的持久缓存,还是反病毒保护,亦或者被其 ...
- 蒲公英 · JELLY技术周刊 Vol 27: 平平无奇 React 17
蒲公英 · JELLY技术周刊 Vol.27 这个热闹的十月终于要走到尾声,React 17 历经 4 个 RC 版本之后,也于数天前正式发布了,而同在几天前发布的 CRA 4.0 也已经完成了 Re ...
- 蒲公英 · JELLY技术周刊 Vol.28: Next.js 10 发布
蒲公英 · JELLY技术周刊 Vol.28 前端应用到底该选 SSR 还是 CSR?每个项目技术栈决策的时候都会根据实际需求有自己的看法,而在不久前 React 17 发布之后,自然而然也会有同学好 ...
- 蒲公英 · JELLY技术周刊 Vol.30: 此路不通?Vue 3 新提案 Ref-sugar
蒲公英 · JELLY技术周刊 Vol.30 随着 Vue 3 发布,相关的新闻也逐渐火热起来,而近期 RFC 中两个新的提案也因为某乎上的一些事情变得广为人关注.Ref sugar和script s ...
随机推荐
- scarpy爬虫框架
目录 架构介绍 安装创建和启动 配置文件目录介绍 爬取数据,并解析 数据持久化 保存到文件 保存到redis 动作链,控制滑动的验证码 架构介绍 Scrapy一个开源和协作的框架,其最初是为了页面抓取 ...
- raphael.js 使用指南
RaphaelJS是一个用JavaScript实现的强大的矢量图形库. (1)使用前准备,下载RaphaelJS,到官网下载. (2)在相应的HTML页面引入RaphaelJS,如下示例代码: < ...
- PTA数据结构与算法题目集(中文) 7-4
PTA数据结构与算法题目集(中文) 7-4 是否同一颗二叉搜索树 给定一个插入序列就可以唯一确定一棵二叉搜索树.然而,一棵给定的二叉搜索树却可以由多种不同的插入序列得到.例如分别按照序列{2, 1, ...
- ECMAScript 6,es6 get和set的区别
前言:ECMAScript 6是什么 一个常见的问题是,ECMAScript 和 JavaScript 到底是什么关系? 要讲清楚这个问题,需要回顾历史.1996 年 11 月,JavaScript ...
- Azure多因素认证
什么是多重身份验证? 双重验证是需要多种验证方法的身份验证方法,可为用户登录和事务额外提供一层重要的安全保障. 它的工作原理是需要以下两种或多种验证方法: 用户知道的某样东西(通常为密码) 用户具有的 ...
- php静态变量的运用
<?php $count = 5; function get_count() { static $count = 0; return $count++; } echo $count; echo ...
- C语言把浮点数转换为字符串
目录 1.把float/double格式化输出到字符串 2.注意事项 3.版权声明 1.把float/double格式化输出到字符串 标准的C语言提供了atof函数把字符串转double,但是没有提供 ...
- python--装饰器、生成器、迭代器、元类
一.装饰器 def w1(func): def inner(): func() return inner @w1 def f1(): ') 1.只要python解释器执行到装饰器,就会自动进行装饰,而 ...
- usdt钱包对接,usdt 对接交易平台,usdtapi,以太坊对接,以太坊代币对接
usdt钱包对接,usdt 对接交易平台,usdtapi,以太坊对接,以太坊代币对接 自动充提币接口开发. 可对接:商城系统,游戏APP,交易平台,网站,各类APP -实现自动充提,查询,上链等功能接 ...
- 单线程IP扫描解析
扫描代码: private void Button_Click(object sender, RoutedEventArgs e) { a5.Items.Clear(); string str = t ...