技术周报·2022 年的 CSS

3,554 阅读4分钟

第二期字节青训营-寒假前端场报名倒计时!面向在校大学生的寒假免费学习前端的机会来啦,快去青训营社区围观吧:forum.juejin.cn/youthcamp

编辑推荐

大漠:2022 年的 CSS

虽然近些年 CSS 变化很快,但我认为 2021 年是 CSS 的元年。在即将过去的 2021 年,CSS 变化非常地大,其中新增了很多特性,比如 CSS 容器查询CSS 父选择器CSS 层叠控制规则CSS 子网格等等。

浅入浅出WebGPU

本文介绍 WebGPU 特性:直接和Vulkan、Metal、Direct3D 12等高性能的本地图形标准库对标;支持GPU Compute Shader,支持GPU通用计算;自定义的着色器语言 WGSL;更好的架构设计。最后手把手,教你如何使用 WebGPU 画一个简单图形。

Web3.0是什么,为什么MetaVerse这么火?

web3.0 不仅仅是一种技术上的革新,而是以统一的通讯协议,通过更加简洁的方式为用户提供更为个性化的互联网信息资讯定制的一种技术整合,将会是互联网发展中由技术创新走向用户理念创新的关键一步。

进阶探索

从实现原理看低代码

这些年调研过了几乎所有市面上的相关技术和产品,发现虽然每家产品细节都不太一样,但在底层技术上却只有少数几种方案,因此我们认为不同产品间的最大区别是实现原理,了解这些实现原理就能知道各个低代码平台的优缺点,所以本文将会介绍目前已知的各种低代码实现方案,从实现原理角度看低代码。

前端构建新世代,Esbuild 原来还能这么玩!

Esbuild 是由 Figma 的 CTO 「Evan Wallace」基于 Golang 开发的一款打包工具,相比传统的打包工具,主打性能优势,在构建速度上可以快 10~100 倍。

前端的设计模式系列-策略模式

代码也写了几年了,设计模式处于看了忘,忘了看的状态,最近对设计模式有了点感觉,索性就再学习总结下吧。

TypeScript 类型编程: 从基础到编译器实战

Typescript 的类型编程可以理解为一门有限的函数式编程语言。既然称作 类型编程,那自然和普通编程语言一样,用于类型变量定义语句、类型表达式、类型函数等等,本小结将详细讲述类型编程的一些基础知识。

外文精选

The Full-Stack Developer Vocabulary(The Full List!)

Each of the words and phrases will be summarized to give you an idea of what these words and phrases mean, so that you can understand what people are referencing with them when talking about certain areas of full-stack development.

How JavaScript Works behind the scenes?

This article is meant to be aimed at digging deeper into JavaScript and how it really works.

Tasks, microtasks, queues and schedules

In summary: Tasks execute in order, and the browser may render between them; after every callback, as long as no other JavaScript is mid-execution.

My Path to Financial Independence as a Software Engineer

Ever since then, financial independence is something I have prioritized and pursued. And as of this year, after 12 years in the corporate world, I am ecstatic that I have finally attained my goal. This article is about the nuts and bolts of my journey in case anyone else finds it useful in charting their own course.

实践 & 应用

聊聊 nestjs 中的依赖注入

在使用 nestjs 过程中会发现 nest 框架和后端同学使用的 Springboot 以及前端三大框架之一的 Angular 都有很多相似之处。没错这三个框架都有相似的设计,并都实现了依赖注入,本文就围绕依赖注入这个话题,展开讨论一下依赖注入是什么?以及在 nestjs 中详细的实现过程。

Nest.js 实战系列第二篇-实现注册、扫码登陆、jwt认证等

文章基于 nestjs 实现了注册、以及JWT本地认证登录和微信扫码登录等功能 demo。

Vue生态的新成员-Pinia

Pinia是Vue应用程序的状态管理方案,是Vuex核心团队成员开发。感觉更像是常规的旧 javascript 导入模块,实现了很多Vuex5的提案。

【前端探索】图片加载优化的最佳实践

图片加载优化工作量和难度都不大,但却能给页面性能带来极大提升,性价比很高,本文将介绍如何通过体积优化、懒加载、CDN、WebP 等方式优化图片加载性能。

不可变数据实现-Immer.js

Immer.jsmobx的作者写的一个 Immutable库,曾经在2019年获得 JavaScript Open Source Award 大奖。核心实现是利用 ES6 的proxy,几乎以最小的成本实现了JavaScript的不可变数据结构,简单易用、体量小巧、设计巧妙,满足了我们对 JS 不可变数据结构的需求。