2021 年 JavaScript 大事记

大家好,我是 ConardLi,不知不觉中,2021 年已经接近尾声了,不知道在 2021 这一年,你收获了什么?又失去了什么呢?

又到了开始做年终总结的时候了,今天,我来给 JavaScript 做个年终总结,大家来跟我一起回顾一下,这魔幻的一年中,JavaScript 发生了哪些大事件。

2021.1.6 Snowpack 3.0 发布

7b6636e65f58113d6c13ae758251c26d.png

Snowpack 是一个 JavaScript 构建工具,它利用了浏览器对 ESM 的支持,让我们可以构建单个文件并将其发送到浏览器中。每一个被构建的文件都会被缓存,在我们每修改一个文件时,只有这一个文件会被 Snowpack 重新构建。

Snowpack 3.0 于 2021 年 1 月 6 日发布,这是它迄今以来最大的一次版本更新,包括很多非常重要的新特性,比如

  • experiments.source:按需加载 npm 导入的新方法,可以完全跳过前端的 npm install 步骤。

  • experiments.optimize:内置打包、预加载和资产最小化能力。

  • experiments.routes:用于 HTML 回退和 API 代理的高级配置。

  • import 'snowpack':用于 Snowpack 集成的全新 JavaScript API。

2021.1.9 React 创始人离职

a3ec2538b369c7e6b1531433128a9fc6.png

React 的创始人 jordwalke 离开了 Facebook,去追逐新的梦想,在 Facebook 的十年中,他曾创建了 ReactReasonML

2021.2.2 npm 7.0 正式可用

5776134edf9492f9f300fb22e8494f1c.png

npm 7.0 在 2020 年就发布了,直到2021年2月,才打上 latest 标签,这意味着大家可以在正式环境中使用了,此次更新也带来了非常多的变化

  • 性能优化:npm 本身的依赖数量降低46%(npm6 有 123 个依赖 npm7 只有67个),提升了 17% 的代码覆盖率,在各种基准测试中有显著的性能改进。

  • 自动安装 peerDependencies:在 npm7 之前,开发人员需要自己管理和安装 peerDependencies

  • yarn.lock 支持:npm7 (package-lock v2) 可以使用 yarn.lock 来记录当前状态下实际安装的各个 npm package 的具体来源和版本号,还会保持更新。

  • workspace:支持从单个顶级软件包中管理多个子包。

2021.2.17 Vite 2.0 发布

697294543f383f7ba3b58ea59f79b02d.png

Vite 1.0 虽然之前进入了 RC 阶段,但在发布之前,Vite 团队决定进行一次彻底的重构来解决一些设计缺陷,所以 Vite 2.0 其实是 Vite 的第一个稳定版本,带来了大量的改进:

  • 多框架支持:Vite 提供官方的 Vue、React、Preact、Lit Element 项目模版,而 Svelte 社区也在开发 Vite 整合方案。

  • 全新插件机制和 API:采用了基于 Rollup 插件 API 的设计,可以在使用 Rollup 插件钩子之外使用一些额外的 Vite 特有的 API 来处理一些打包中不存在的需求。

  • 基于 esbuild 的依赖预打包:使用 esbuild 来减少模块/请求数量、支持 CommonJS 依赖。

  • 更好的 CSS 支持:支持CSS 代码分割、强化路径解析、自动 URL 改写。

  • 其他:服务端渲染支持、旧浏览器支持 ...

尤雨溪年初曾在一个回答里预言 2021 会有很多人从 Webpack 转向 vite,如今来看,预言实现:

d661ab859222285358928533cb439338.png

如今的 Vite ,已经有了非常完善的生态:

b09f9af950d8ee53729f61740ce01e70.png

2021.3.4 V8 宣布加速发布周期

08cc48b16e7557d440a3a7909371eb6e.png

为了更快地向用户提供新功能和错误修复,Chrome 加快了其发布周期。

为了配合 Chrome 的新发布节奏,V8 将开始每 4 周(之前是 6 周)标记一个主要发布分支。

2021.3.6 jQuery 3.6.0 发布

距离2020年5月发布的 jQuery 3.5.1 版本,jQuery 在2021年3月终于又发布了 3.6.0 版本,这个版本并没有新功能,也不包括安全修复、主要是对 JSONPAjax 等 API 的问题修复。

jQuery 的一大优势是升级不会带来任何问题(因为升级主要是在修复问题),评论区还是有很多坚定的支持者:

df010ae7633131176b9fb25dce2c82c7.png

2021.3.9 ECMAScript 2021 候选版本发布

2ee953ad66f704fe9231438339b392e8.png

其中包括一些我比较感兴趣的新特性:

  • 数字分隔符(_):为了提高可读性,新的 JavaScript 语言启用了下划线作为数字文字中的分隔符,例如:1_000_000_000_000

  • Promise.anyPromise.any 方法和 Promise.race 类似,只要给定的数组中的有一个 promise 成功,就采用第一个 promise 的值作为它的返回值,但与 Promise.race 的不同之处在于它会等到所有 promise 都失败之后才返回失败的值。

const promises = [fetch('/endpoint-a').then(() => 'a'),fetch('/endpoint-b').then(() => 'b'),fetch('/endpoint-c').then(() => 'c'),
];
try {const first = await Promise.any(promises);// 任何一个 Promise 为 fulfilled 状态console.log(first);// →   'b'
} catch (error) {// 所有 Promise 都被 rejected 了console.assert(error instanceof AggregateError);// reject 结果数组console.log(error.errors);
}
  • 弱引用:在以前,WeakMapWeakSet 是JS中创建弱引用对象的唯一方法,WeakRef 是一个更高级的 API,可以用来指定目标对象不脱离垃圾收集保留它的对象。如果未通过垃圾回收回收目标对象,则 WeakRefs 可以取消引用以允许访问目标对象。另外还新增了 FinalizationRegistry 对象,可以在垃圾回收对象时请求回调。

const ref = new WeakRef(targetObject)
const obj = ref.deref()const registry = new FinalizationRegistry([callback])
registry.register(target, heldValue, [unregisterToken])
  • String.prototype.replaceAll:提供了一种简便的方式来替换子字符串的所有匹配,而不再需要创建全局 RegExp

看下面的例子,以前你要把 queryString 中所有的 + 替换掉,需要创建一个全局的正则:

const queryString = 'q=query+string+parameters';
queryString.replace(/\+/g, ' ');

现在你只需要使用 replaceAll 方法:

queryString.replaceAll('+', ' ');
  • 逻辑赋值运算符(&&=,||=,??=):是一种新的复合赋值运算符,他可以把逻辑操作 &&,||?? 与赋操作结合成一条命令。

x &&= y;
// 等同于 x && (x = y)
x ||= y;
// 等同于 x || (x = y)
x ??= y;
// 等同于 x ?? (x = y)

2021.3.17 Node.js 的下一个 10 年

Node.js 在它的前 10 年非常成功,这个项目正在努力使下一个 10 年变得更好,Node.js 官方发布了对 Node.js 未来十年的展望,并且启动了 Next-10 工作:

d4fe483cc20e18861385d9ab808e5dbb.png

2021.3.17 V8 9.0 发布

V8 9.0V8 的一个主要版本,和 Chrome 90 Stable 一起发布,包括下面这些主要亮点:

  • 正则匹配索引:从 v9.0 开始,开发者可以获取正则表达式匹配中匹配的捕获组的开始和结束位置的数组。当正则表达式带有 /d 标志时,这个数组可以通过匹配对象上的 .indices 属性获得。

  • 更快的 super 属性访问:通过使用 V8 的内联缓存系统和 TurboFan 中优化的代码生成,对 super 属性(例如 super.x )的访问进行了优化。

9b48cd37b29ef88366b317335ffc18ff.png
  • 更快的 JS-to-Wasm 调用。

  • 禁用 for ( async of 写法。

详情可以看文章:V8 9.0 版本都有哪些新东西?

2021.3.29 Deno 公司成立

Node.js 作者 Ryan Dahl 在博客中阐述了对 Deno 的未来愿景,以及 Deno 对于 Web 开发的意义。他们相信 JavaScript 将在未来很长一段时间内存在于互联网,并且会是速度最快、最受欢迎且唯一具有工业标准化流程的语言。

6b3339616b923cf6d6264f5d9cc162d6.png

他还提到了曾创建的 Node.js 项目,并表示它虽然取得了一定成功,但是服务器端 JavaScript 发展得如此的支离破碎,基础设施也十分不完善,甚至未能跟上浏览器平台的发展,所以服务器端 JavaScript 一直停滞不前。

为了积极推行这些想法,Ryan DahlBert Belder 成立了 Deno 公司,并筹集到 490 万美元的种子资金。他们会先用这笔投资组建专职的工程师团队,以改进 Deno。

2021.4.13 中国首个 JavaScript 语言提案在 ECMA 进入 Stage 3

该提案是阿里巴巴前端标准化小组与淘系技术部门近期在 TC39 技术委员会上提出的《Error Cause》,将开始在 JavaScript 引擎中开始实现,并在浏览器、Node.js 实验性实施。

async function doJob() {const rawResource = await fetch('//domain/resource-a').catch(err => {// How to wrap the error properly?// 1. throw new Error('Download raw resource failed: ' + err.message);// 2. const wrapErr = new Error('Download raw resource failed');//    wrapErr.cause = err;//    throw wrapErr;// 3. class CustomError extends Error {//      constructor(msg, cause) {//        super(msg);//        this.cause = cause;//      }//    }//    throw new CustomError('Download raw resource failed', err);})const jobResult = doComputationalHeavyJob(rawResource);await fetch('//domain/upload', { method: 'POST', body: jobResult });
}await doJob(); // => TypeError: Failed to fetch

Error Cause 2021.4.13 进入 Stage 3,也是我国首个进入在 ECMA 进入 Stage 3 的 JavaScript 语言提案。

2021.10.26 该提案已进入 Stage 4

2021.4.21 Node.js16 发布

Node.js 16 替代 Node.js 15 成为当前的主要发布版本,同时 Node.js 10 在这个月底止维护。

3956e3772b8d11c454d5b9ddc36adba4.png

带来以下主要更新:

  • Timers Promises API:提供了另一组返回 Promise 对象的定时器函数,不再需要使用 util.promisify()

  • AbortController:基于 AbortController Web API 的稳定实现

  • 标准 Web Crypto API 试验性实现

  • Stable Source Maps v3

  • Node.js v16 中的 npm 版本升至 v7.10.0

  • V8 更新至 V8 9.0

2021.5.28 React 18 alpha 发布

React 团队在5月份宣布了 React 18 的发布计划,并且发布了 React 18alpha 版本(在11月份进入 beta 版本,后面就不写了)。这个版本主要是增强了 React 应用的 并发渲染 能力。

62c72b21e38d56cf438e0a54bab10d28.png

你可以在 React 18 中尝试体验以下几个新特性:

  • 新的 ReactDOM.createRoot() API(替换 ReactDOM.render()

  • 新的 startTransition API(主要用于非紧急状态更新)

  • 渲染的自动批处理优化(主要解决异步回调中无法批处理的问题)

  • 支持 React.lazy 的 全新 SSR 架构(支持 <Suspense> 组件)

  • 详细可以看:【第一批吃螃蟹】试用 React 18 !

  • 另外我还写了一篇文章介绍 React 几个主要阶段的重点工作内容:React 框架运行时优化方案的演进

2021.6.17 Undici4 发布

在以前,request 是在 Node.js 中发送一个 HTTP 请求的首要选择,但是这个包在 2020 年 2 月 11 日已经标记为弃用。

现在, Node.js 官方推荐 Undici4 作为在 Node.js 中发送 HTTP 请求的推荐选择,它更快速、可靠且符合规范,下面是一个小 Demo:

import { request } from 'undici'const {statusCode,headers,trailers,body
} = await request('http://localhost:3000/code秘密花园')console.log('response received', statusCode)
console.log('headers', headers)for await (const data of body) {console.log('data', data)
}console.log('trailers', trailers)

Undici4 使用 WASM 构建 llhttp,性能得到飞速提升。

3a44e4124d33621f16eea6cba94ab3de.png

2021.7.20 Node-RED 2.0 发布

Node-RED 是一个基于 Node.js 的低代码编程工具,可以用新颖有趣的方式将硬件设备,API和在线服务连接在一起。

它提供了一个基于浏览器的编辑器,使得我们可以轻松地使用编辑面板中的各种节点将流连接在一起,只需单击即可将其部署到其运行时。

2bc0ce90738347e815313819db0e4c29.png

现在,Node-RED 发布了 2.0 版本,这需要 Node.js 12.17.x 或更高版本,另外也带来了非常多的新特性。

2021.8.3 Vue.js 被选作维基百科的前端框架

e647766006ac415e4093501ffbc153f7.png

维基媒体基金会 (Wikimedia Foundation) 宣布正式采用 Vue.js 作为未来的 JavaScript 框架 —— 用于维基百科的底层引擎 MediaWiki

2021.8.5 Vue 3.2 发布

8 月 5 日,Vue.js 作者尤雨溪在博客上宣布 Vue.js 3.2 版本正式发布。

821dd540f8c9a6007ac1d168a359aded.png

以下为更新的主要内容:

  • 新的 SFC 功能

    • <script setup> 是一种编译时语法糖,能够极大改善在 SFC 中使用 Composition API 时的开发者体验。

    • <style> v-bind 用于在 SFC <style> 标签中启用组件状态驱动的动态 CSS 值。

<script setup>
import { ref } from 'vue'const color = ref('red')
</script><template><button @click="color = color === 'red' ? 'green' : 'red'">Color is: {{ color }}</button>
</template><style scoped>
button {color: v-bind(color);
}
</style>
  • Web 组件:Vue 3.2 引入了新的 defineCustomElement 方法,可以使用 Vue 组件 API 轻松创建原生自定义元素:

import { defineCustomElement } from 'vue'const MyVueElement = defineCustomElement({})customElements.define('my-vue-element', MyVueElement)
  • 运行时性能改进:

    • 更高效的 ref 实现(读取速度提高约 260%,写入速度提高约 50%

    • 依赖项跟踪速度提高约 40%

    • 内存使用量减少约 17%

  • 编译时性能改进

    • 创建普通元素 VNode 的速度提高约 200%

    • 更激进的持续 hoisting

2021.8.24 TypeScript 新官网上线

早在 2020 年 8 月份,TypeScript 团队就对 TypeScript Web 现有整个构架进行了重新设计。其目的是记录 TypeScript 提供新的基础,重新组织其信息体系结构,通过一个内聚的设计将其包装在一起,历时一年,新官网上线。

a06c258541ae6d0af4e8655b20a5edeb.png

2021.9.20 Node.js 发布 Corepack

Corepack 是一个处于实验阶段的工具,用于助你管理你本机 package manager 的版本。也就是用来管理「包管理工具(npm、yarn、pnpm、cnpm)」,即「包管理器的管理器」。

3222fb90d3d12ce4f8fe8a927aee87a3.png

它为每个包管理工具都暴露了二进制代理,当 Corepack 被调用时,将读取当前项目配置的包管理工具,用户无需手动安装,最后运行它时则不需要用户额外操作。

2021.10.5 React 全新文档发布

React 以前一直被吐槽官方文档对新手不友好,而且旧文档大部分还是基于 class components 进行的讲解。

d0bf27dcd341f96303e77cda85859c07.png

新的 React 官方文档改版耗时 1 年,在 10 月份已完成站点相关改版,部分文档已初步上线。

新文档的内容该动:

  • 所有示例都会用 Hooks 完成

  • 加入大量交互示例和图表

  • 提供习题用来检验学习成果

文档站的技术上做了如下该动:

  • 框架从 Gatsby 替换为了 Next.js

  • 引入了 tailwind

  • 去除 Flow,全面 TypeScript

  • 全新的交互设计

  • 支持黑夜模式

2021.10.7 jQuery Mobile 弃用

jQuery Mobile2010 年构思并发布,也就是 jQuery 推出三年后。当时,jQuery Mobile 宣布跨多个平台、浏览器和版本的兼容性,可谓是一个跨时代的框架。

9f8b7dcdf441dbd1bc6e99df1860280d.png

就在 10月7号,jQuery 官方团队宣布了 jQuery Mobile 的完全弃用:

c7c76389a675db1dc1485c6615361f78.png

jQuery Mobile 弃用之后:

  • 仍然可以下载使用

  • Mobile 1.4 与新的 jQuery Core 不兼容

  • Github Issues 将被关闭,只能通过 security@jquery.com 上报严重的安全问题

弃用 jQuery Mobile后,jQuery 官网推荐大家迁移至 jQuery UI,它将继续提供移动端的支持。

了解更多:jQuery Mobile 宣布完全弃用!

2021.10.13 Parcel v2 发布

Parcel 是一个新型的 Web 应用打包器(bundler) ,与以往的开发人员使用的打包器有所不同。它利用多核处理提供极快的性能,并且你不需要进行任何配置。

10月13日,Parcel Team 发布了 Parcel v2 版本,延续了 Parcel 1 的零配置打包体验,并使其拥有了强大的拓展能力以适应任何规模和复杂度的项目。

1e91afa73d4d93fb04d9589ae8352428.png
  • 新的插件系统:为 Parcel 提供了完整的拓展能力,允许 Parcel 从小规模项目拓展到具有复杂构建要求的大规模生产环境的应用程序

  • 默认开启 Tree Shaking:包括 ES modules、CommonJS、dynamic import 和 CSS modules 的支持

  • 巨大性能提升:包括用 Rust 写的新的 JavaScript 编译器和新的多任务并行架构,能够利用所有的 CPU 内核并行执行

2021.10.19 Node.js 17 发布

Node.js16 发布的6个月后,Node.js v17.0.0 发布了。

bb81c9ede661d3d71322727c13606bfa.png

下面是本次更新的主要内容:

  • readline Promise API:你现在可以用下面的方式调用 readline

import * as readline from 'node:readline/promises';
import { stdin as input, stdout as output } from 'process';const rl = readline.createInterface({ input, output });const answer = await rl.question('What do you think of Node.js? ');console.log(`Thank you for your valuable feedback: ${answer}`);rl.close();
  • 错误堆栈尾部增加 Node.js 版本信息,更方便调试问题:

file:///home/ConardLi/dev/demo/main.mjs:1
throw new Error("报错了...");^Error: Uncaught exceptionat file:///home/ConardLi/dev/demo/main.mjs:1:7at ModuleJob.run (node:internal/modules/esm/module_job:185:25)at async Promise.all (index 0)at async ESMLoader.import (node:internal/modules/esm/loader:281:24)at async loadESM (node:internal/process/esm_loader:88:5)at async handleMainPromise (node:internal/modules/run_main:65:12)Node.js v17.0.0
  • 支持 OpenSSL 3.0:特别是提供 QUIC 支持的 quictls/openssl

  • JavaScript V8 升级到 v9.5

2021.11.27 Next.js 12 发布

10 月 27 日,Next.js 团队官宣了 12 版本发布。

a38227ceb080d970e8e2b18c54aecc98.png

就像在 Next.js Conf 上宣布的那样,Next.js 12Next.js 有史以来最大的版本,更新概览如下:

  • 采用 Rust 编译器:刷新速度提升 3 倍、构建速度提升约 5 倍的

  • Middleware (beta):通过配置代码在 Next.js 中实现完全的灵活性

  • React 18 支持:支持 Suspense、React Server Components 等新特性

  • <Image />AVIF 支持:选择缩小 20% 的图像

  • Bot-aware ISR Fallback:为网络爬虫优化 SEO

  • 原生 ES 模块支持:与标准化的模块系统保持一致

  • URL Imports (alpha):支持从任何 URL 导入包(比如CDN),无需通过npm安装

了解更多:Next.js 12 发布!迄今以来最大更新!

2021.11.4 Angular v13 发布

11 月 4 日,Angular 团队宣布Angular 13 发布。

4a3eb8a2abf67e6308af29aaf2970d7f.png

此版本核心更新包括不再支持旧编译和渲染引擎 View Engine,全面支持新编译和渲染引擎 lvy,以及不再支持 IE11,除此之外还有包括对 APF 以及 Angular CLI 等方面的更新和修改。

2021.11.17 TypeScript 4.5 发布TypeScript 4.5 发布

544cac7cd8fec5150bfc389ecdc881df.png

TypeScript 4.5 于 11.17 发布正式版,支持 ECMAScript Module、从 node_modules 加载 lib、新的内置工具类型 Awaited、通过 NoderealpathSync.native 实现更快的加载速度等等。

2021.11.24 Remix 开源

Remix 是一个由 React Router 开发团队所开发的基于 ReactTypeScript  和 Node 的全栈框架,以解决开发者在用 React 开发时面临的一些棘手问题。

7a01db88002c057952851a1f01d502b2.png

Remix 宣布关闭付费订阅模式,正式开源,绝对可以算是 Next.js 的强劲对手。

去年 10 月,我们推出了 "支持者预览版",我们得到的支持让我们感到非常激动。虽然我们可以从 Remix 的付费订阅中获得正常的开发者工资,但我们想更进一步。我们想让所有人都能使用 Remix。我们相信,将 Remix 以开源的方式发布将推动项目的创新,并使其他框架也能从我们取得的进展中受益。我们急于向他人学习,并回馈给他人。— Remix 联合创始人 Michael Jackson 和 Ryan Florence

2021.11.24 Pinia 正式成为 vuejs 的一员

PiniaVue.js 的轻量级状态管理库,最近很受欢迎。它的成功可以归功于其管理存储数据的独特功能(可扩展性、存储模块组织、状态变化分组、多存储创建等)。

3bc76c8f85bd0a7f9aa73681b90dd383.png

尤雨溪 11.24 在 Twitter 上宣布:Pinia 正式成为 vuejs 官方的状态库,意味着 Pinia 就是 Vuex 5

5308882a85c522cf2832583070564192.png

2021.12.4 JavaScript 26 岁了

12 月 4 日,是编程语言 JavaScript 面世 26 年的纪念日。

当天,Node.js 官方专门发文庆祝:“Happy 26th Birthday,JavaScript”。

4bd5a3bbd357f5fecbdbfaedaabb6cdf.png

2021.12.13 Deno 加入 TC39

a4cf718395c1a3d525f3ffd4177d9c50.png

Deno 将在 TC39 工作组中与其他 ECMA 成员和更广泛的 JS 社区合作,讨论 JavaScript 的下一次迭代,推动语言的功能和改进,使所有人受益,尤其是服务器端 JavaScript 的开发者用户。

2021.12.14 Create React App 5.0 发布

Create React App 5.0.0 发布,这是一个主要版本。

ee3911f53f415927afe275cf435390c3.png

包括以下支持:

  • webpack 5

  • Jest 27

  • ESLint 8

  • PostCSS 8

  • Fast Refresh 改进和 bug 修复

  • 支持 Tailwind CSS

  • 改进的包管理器检测

  • 解除了所有的依赖关系,以便与其他工具更好地兼容

  • 不再支持 Node 1012

最后

不知道,上面这些事件和更新,你之前了解过多少呢?

另外,这一年 JavaScript 的变化,你怎么看?

c8ebd2ddbb721518910c32797b6c2be6.gif

················· 若川简介 ·················

你好,我是若川,毕业于江西高校。现在是一名前端开发“工程师”。写有《学习源码整体架构系列》20余篇,在知乎、掘金收获超百万阅读。
从2014年起,每年都会写一篇年度总结,已经写了7篇,点击查看年度总结。
同时,最近组织了源码共读活动,帮助3000+前端人学会看源码。公众号愿景:帮助5年内前端人走向前列。

153d85639fbbf9db049d924d1f2831e4.png

识别方二维码加我微信、拉你进源码共读

今日话题

略。分享、收藏、点赞、在看我的文章就是对我最大的支持~

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/275019.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

动画 制作_您希望制作的10个醒目的徽标动画

动画 制作重点 (Top highlight)标志设计 (Logo Design) Have you ever watched paint dry? No? I didn’t think so. How about watched a turtle crossing the road? Probably not. Maybe spent an hour standing in line at the post office? Well that’s pretty likely…

使用 CSS 用户选择控制选择

IE10 平台预览 4 包括一个新的 CSS 属性的支持-ms-user-select&#xff0c;这使得 Web 开发者控制完全可以选择什么的文本&#xff0c;在其网站上更容易。如果你是看我一整天都在我的工作站&#xff0c;您会注意到我读计算机上时&#xff0c;我选择的文本。我不是只有一个人读起…

一个在校的普通前端小姐姐的2021

大家好&#xff0c;我是若川。这是我的源码共读群里一个大三的前端小姐姐&#xff08;小曹同学&#xff09;的年度总结。她写了5篇源码笔记。同时做了很多项目&#xff0c;获得了很多奖。而且策划和建立了学校工作室的前端训练营&#xff0c;40人报名参加。总之就是现在的大学生…

按钮 交互_SwiftUI中的微交互—菜单按钮动画

按钮 交互Microinteractions have become increasingly important in a world with a dizzying number of digital platforms and an ocean of content. While microinteractions used to be considered an interesting resource in the early days of digital design, in toda…

选择控件— UI组件系列

重点 (Top highlight)The word “toggle” is a reference to a switch with a short handle that alternates between two states each time it is activated. You encounter it every time you “switch” on the lights.单词“ toggle”是指带有短手柄的开关&#xff0c;该开…

SEE Conf: Umi 4 设计思路文字稿

大家好&#xff0c;我是若川。持续组织了5个月源码共读活动&#xff0c;感兴趣的可以点此加我微信 ruochuan12 参与&#xff0c;每周大家一起学习200行左右的源码&#xff0c;共同进步。同时极力推荐订阅我写的《学习源码整体架构系列》 包含20余篇源码文章。复制此链接 https:…

用户体验改善案例_改善用户体验研究的5种习惯

用户体验改善案例There’s plenty of misunderstanding around user research, whether it’s the concept of validation or one-off anecdotes being thrown around as concrete evidence for a product decision.用户研究存在很多误解&#xff0c;无论是验证的概念还是一次性…

巴克莱对冲_“巴克莱的财政预算案”:使金钱管理对心理健康有效—用户体验案例研究

巴克莱对冲Disclaimer: all official Barclays assets used for this project are purely for educational/project purposes only and do not reflect the intentions of Barclays or any of its affiliates.免责声明&#xff1a;用于此项目的所有官方巴克莱资产纯粹是出于教育…

6 个对所有 Web 开发者都有用的 GitHub 仓库

作者&#xff1a;Mehdi Aoussiad原文&#xff1a;https://javascript.plainenglish.io/6-useful-github-repositories-for-all-web-developers-44f26912fd66大家好&#xff0c;我是若川。持续组织了5个月源码共读活动&#xff0c;感兴趣的可以点此加我微信 ruochuan12 参与&…

openfiler的iSCSI配置(二)

为什么80%的码农都做不了架构师&#xff1f;>>> 一.openfiler iSCSI配置 1.启动iSCSI target server服务。在Services列表下。 2.设置访问列表。在System---Network Access Configuration下设置。 3.创建卷设备 二.ISCSI客户端配置 1.安装open-iscsi # apt-get ins…

送你一份用Electron开发桌面应用的避坑指南【送3本书,含犀牛书】

大家好&#xff0c;我是若川。持续组织了5个月源码共读活动&#xff0c;感兴趣的可以点此加我微信 ruochuan12 参与&#xff0c;新年第一次送3本书。抽奖规则见文末。如今&#xff0c;Electron 领域发生了重大的变革&#xff0c;Electron 版本更新换代极快&#xff0c;难以计数…

nginx修改upstream不重启的方法(ngx_http_dyups_module模块)

为什么80%的码农都做不了架构师&#xff1f;>>> nginx很强大&#xff0c;第三方模块也不少,淘宝在nginx上很活跃&#xff0c;特别是章亦春&#xff0c;他参与的模块至少10&#xff0c; 好了今天主角不是他&#xff0c;是一款动态配置upstream的模块&#xff0c;这个…

c# 设计原则需要学习吗_向最好的学习:产品设计原则

c# 设计原则需要学习吗重点 (Top highlight)In my job as Design Team Lead at SimpleSite, I’ve recently been part of creating a set of Product Design Principles. In this process, I spent a lot of time studying the theory, learning about best practices, and ge…

Node.js 2021年开发者报告解读

大家好&#xff0c;我是若川。持续组织了5个月源码共读活动&#xff0c;感兴趣的可以点此加我微信 ruochuan12 参与&#xff0c;每周大家一起学习200行左右的源码&#xff0c;共同进步。同时极力推荐订阅我写的《学习源码整体架构系列》 包含20余篇源码文章。很多人觉得Node.js…

搭建nginx反向代理用做内网域名转发

为什么80%的码农都做不了架构师&#xff1f;>>> 情景 由于公司内网有多台服务器的http服务要映射到公司外网静态IP&#xff0c;如果用路由的端口映射来做&#xff0c;就只能一台内网服务器的80端口映射到外网80端口&#xff0c;其他服务器的80端口只能映射到外网的…

外国经典儿童读物合集pdf_帮助父母在线购买儿童读物–用户体验案例研究

外国经典儿童读物合集pdfTŤ As our first group project at GA, we needed to quickly learn how to use several online tools that helped our team of 4 collaborate and communicate while socially distant. Despite the rather extreme circumstances our team was stil…

如何优雅处理 async await 错误——解读小而美的 await-to-js 库

大家好&#xff0c;我是若川。持续组织了5个月源码共读活动&#xff0c;感兴趣的可以点此加我微信 ruochuan12 参与&#xff0c;每周大家一起学习200行左右的源码&#xff0c;共同进步。同时极力推荐订阅我写的《学习源码整体架构系列》 包含20余篇源码文章。这是源码共读活动第…

同态加法_同态的Spotify

同态加法重点 (Top highlight)When neumorphism was predicted to be one of the top 2020 UI design trends, I wanted to give it a shot. Having said that, I wanted to explore a type that had not gone overboard, neumorphism in Dark Mode.当neumorphism预计为顶部202…

ubuntu清除无效的右键打开方式

为什么80%的码农都做不了架构师&#xff1f;>>> 今天安装了几个程序又将它们删除了之后发现了一个比较严重的后遗症&#xff0c;在相关文件右键打开方式中出现了许多实际已经不存在的文件打开程序名。想了多种方法去除&#xff0c;可是效果不佳&#xff0c;最终采用…

新一代的编译工具 SWC,97年小哥写的~

大家好&#xff0c;我是若川。持续组织了5个月源码共读活动&#xff0c;感兴趣的可以点此加我微信 ruochuan12 参与&#xff0c;每周大家一起学习200行左右的源码&#xff0c;共同进步。同时极力推荐订阅我写的《学习源码整体架构系列》 包含20余篇源码文章。最近前端圈掀起了一…