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

近期 React Router 已经释出了 6.x 的 beta 版本,正式版本已经不远了,作为 React 生态中的重要组成部分,React Router 被广泛应用于各个 React 项目中,而它的每一次版本迭代也都备受关注。本次 React Router 具体有哪些改动?升级会带来多少新鲜特性?升级又需要付出多少成本?项目需不需要升级跟进?相信看完你会有自己的答案,小助手现在就要去尝鲜体验一把啦。

登高远眺

天高地迥,觉宇宙之无穷

基础技术

Text Fragments,一种你没见过的锚点技巧

Text Fragments(文本片段)是 Chromium 80+ 的新功能。使用 Text Fragments,我们可以在 URL 中指定文本片段作为锚点。当浏览器打开一个带有 Text Fragments 的 URL 时,浏览器会对匹配到的文本进行强调,引起用户的注意。

AVIF 已经来了

本文使用四幅不同的图片:细节丰富的照片/平面插画/重型SVG/渐变图作为 Demo,将常见的图片格式:JPEG,WebP,PNG 与 AVIF 进行比较,揭秘 Netflix 为什么选择 AVIF 作为下一代的图片压缩技术。【译文】https://juejin.im/post/6870741995204132877

【WASM 开发】Emscripten 使用入门

Emscripten 是 WebAssembly 工具链里重要的组成部分。它能够帮助我们把 C/C++ 编译为 asm.js 或 WebAssembly,输出可以运行在 Web、Node.js 和 wasm runtimes 的代码。文章从一个 C 的 HelloWorld 展开,逐步介绍了调试、WASM 与 JavaScript 相互调用、Emscripten API 等知识点。阅读完本文后,读者能够掌握 Emscripten 的基本用法,学习到 asm.js/WASM 与 JavaScipt 实现交互的部分细节。

前端框架

【React 动态】React Router 6 新特性

React Router 最近发布了 6.x 的 beta 版本,相信很快将会发布正式版。作为 React 生态的重要组成部分,React Router 被广泛用于各 React 项目中。本次的升级将会引入哪些新特性、又是否会带来非兼容性改动呢?本文详细介绍了 React Router 6 的各项具体改动,其中 Route/Link 组件需要书写相对路径、支持以对象形式定义路由以及 suspense-ready navigate API 比较值得关注。

服务端开发

libuv 教程

熟悉 Node 的同学,对 libuv 肯定不陌生。libuv 是一个高性能的,事件驱动的I/O库,并且提供了跨平台(如 Windows,Linux)的API。Nikhil Marathe 在写node-taglib 的时候苦于没有好理解的 libuv 教程,于是就写了这本小册,现在已经被纳入 libuv 官方文档,有兴趣的同学,不妨尝试看一看,一定会为你打开一个新的世界。

设计哲学

如何为数据可视化选择颜色?

选择好用的颜色往往不是一件容易的事情,为图表选择合适的颜色也是如此,如果您完全不懂颜色,在选择颜色这件事情上有很大的困难,那么希望本文可以教会您寻找适合数据可视化的颜色,或者是制作 PPT 的色板。

沧海拾遗

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

CSS层叠上下文和层叠顺序原理探究

作为前端开发,CSS 是我们惯手的工具,它和 HTML 充斥着日常工作的方方面面,但是对于它的原理却不是每个人都可以心中有数的。作为一篇 15 年的“古文”,这些细致的知识点经过岁月的沉淀至今,都依旧是大家需要好好学习的。

设计稿の超完美复刻

完美还原设计稿,不仅承载着设计师们的期待,更是对前端基本功的一个考验,但是很多时候,除了技术本身,还有很多以外的东西是我们需要思考判断的。如果只是复刻设计稿,在实际工作中并不足以将项目的体验做到极致,发挥出主观的能动性才能让项目完成最终 101% 的呈现。

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

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

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

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

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

蒲公英 · JELLY技术周刊 Vol.22: npm i react-router@6.0.0-beta.0的更多相关文章

  1. 【Web技术】334- yarn、npm、cnpm 三者如何优雅的在一起使用 ?

    前端得包管理你有过几个? 一位用不好包管理器的前端,是一个入门级前端,一个用不好webpack的前端,是一个初级前端 三个包管理器是可以一起用的,只要你够胆大心细,就没任何问题! 在javeScrip ...

  2. vue-electron 使用sqlite3数据库,执行npm run build 报错 .NET Framework 2.0 SDK,Microsoft Visual Studio 2005[C:\temp\wechat\node_modules\sqlite3\build\binding.sln]

    问题描述 vue-electron 使用sqlite3数据库,执行npm run build 报错如下: .NET Framework 2.0 SDK,Microsoft Visual Studio ...

  3. 【问题与解决】Mac OS通过 npm 安装 React Native 报错(checkPermissions Missing write access to /usr/local/lib/node_modules)

    报错情况: 当Mac OS通过 npm 安装 React Native 报错,警告文字为:checkPermissions Missing write access to /usr/local/lib ...

  4. 22.2、react生命周期与react脚手架(二)

    一.类:es6 <script type="text/babel"> class Person{ age = 10; constructor(name){ this.n ...

  5. npm ERR! Unexpected token in JSON at position 0 while parsing near &#39;&lt;HTML&gt; 解决办法

    npm ERR! Unexpected token in JSON at position 0 while parsing near '<HTML> npm ERR! <!--/// ...

  6. npm搭建React项目

    转自:http://blog.csdn.net/u012859720/article/details/70597119 要想使用npm,首先安装Node.js 一.安装全局包 $ npm instal ...

  7. iOS 消息推送原理及实现总结 分类: ios技术 2015-03-01 09:22 70人阅读 评论(0) 收藏

    在实现消息推送之前先提及几个于推送相关概念,如下图: 1. Provider:就是为指定IOS设备应用程序提供Push的服务器,(如果IOS设备的应用程序是客户端的话,那么Provider可以理解为服 ...

  8. 【码云周刊第 22 期】GO :互联网时代的 C 语言!

    技术干货 标签:独家译文 1.Go 很好,为什么我们不使用它? 在这篇文章中,我将分享一下为什么我认为它很棒,使用它的一些缺点,以及为什么它还不是我们 Zapier 堆栈中的一部分. 2.从 Scal ...

  9. Knative 暂时不会捐给任何基金会 | 云原生生态周报 Vol. 22

    作者 | 新胜.心贵.进超.元毅.衷源 业界要闻 谷歌:不会向任何基金会捐赠 Knative 自 Knative 项目开始以来,一直存在关于是否将 Knative 捐赠给基金会(例如 CNCF)的疑问 ...

  10. #w30 2019年大前端技术周刊

    本周是2019年第30周 会议 2019年ArchSummit全球架构师峰会 2019年7月在深圳举行了ArchSummit全球架构师峰会,里面有不少关于大前端的主题可以关注. 从0到1,移动政务应用 ...

随机推荐

  1. Sql Server系列:系统函数

    1. 返回表中指定字段的长度值COL_LENGTH 返回列的定义长度(以字节为单位). 语法: COL_LENGTH ( 'table' , 'column' ) 示例: SELECT COL_LEN ...

  2. 做一个会PS切图的前端开发

    系列链接 做一个会使用PS的前端开发 做一个会PS切图的前端开发 切图方法分类 PhotoShop从CS版本演变到现在的CC版本,切图功能发生了比较大的变化,我们可以把PhotoShop CS版本时的 ...

  3. Android之ImageView 旋转

    方案一: (1)获取ImageView对应的图片,并将其转成Bitmap; (2)创建Matrix对象; (3)调用matrix.setRotate(     );设置旋转度数 (4)重新创建bitm ...

  4. sql语句中获取datetime任何部分

    sql语句中获取datetime的日期部分 sql语句中 经常操作操作datetime类型数据.今天在写一个存储过程的时候需要将 一个datetime的值的 日期部分提取出来.网上有许多这方面的介绍. ...

  5. 关于pydev的语法的错误提示

    第三方包引入时,eclipse默认会把一些包定为错误的,错误是:“undefined variable from import...” 其实是对的,可是报错,很烦人 解决方法:window -- pr ...

  6. 兼容低版本JS的Array.map方法

    前几天去别的公司面试遇到个这样的问题,兼容IE7下的Array.map方法,一脸蒙蔽.后面回来查了下资料发现.Array.map方法是ECMA-262 标准中新添加的方法,在低版本的JS中是木有的. ...

  7. PyQt5中的信号与槽,js 与 Qt 对象之间互相调用

    一.PyQt中的信号与槽 信号(Signal)和槽(Slot)是Qt中的核心机制,用在对象之间互相通信.在Qt中每个QObject对象和PyQt中所有继承自QWidget的控件(这些都是QObject ...

  8. EF Core系列

    一. 二. 三. 系列章节 第一节:EF Core简介和CodeFirst和DBFirst两种映射模式(以SQLite和SQLServer为例) 第X节:XXXXXXXXXXXXXXXXXXXXXXX ...

  9. centos+git+gitolite 安装和部署

    一.部署环境 系统:CentOS 6.4x64 最小化安装 IP:192.168.52.131 git默认使用SSH协议,在服务器上基本上不用怎么配置就能直接使用.但是如果面向团队服务,需要控制权限的 ...

  10. final关键字。

    final关键之代表最终,不可变的. 用法: 1.修饰类 2.修饰方法 3.修饰局部变量. 4.修饰成员变量. 修饰类: 不能有任何子类.(太监类) public final class MyClas ...