web新技术双周报

133 阅读2分钟

css和html相关

=============

1. flex-gap属性介绍:

gap (grid-gap) - CSS(层叠样式表) | MDN

2. 使用 overscroll-behavior CSS 属性防止移动设备上的滚动反弹效果和下拉刷新,overscroll-behavior: none;一个快速的 CSS 技巧,概述了如何通过设置页面的 html 和 body 元素轻松防止滚动到页面顶部和移动设备上的下拉刷新。

www.youtube.com/shorts/rwri…

3. 在CSS Containment Module规范@container容器样式查询

Digging Deeper Into Container Style Queries | CSS-Tricks - CSS-Tricks

js相关

1. 后Kubernetes时代的未来?Wasmer 3.0 发布,可在浏览器外运行 WebAssembly_前端_Tina_InfoQ精选文章

2. 云原生Wasm的开发者工具正在成为主流_语言 & 开发_InfoQ精选文章

3. 如何在不使用典型的 cookie 、UID 或指纹识别的情况下计算唯一身份访问者——一些缓存技巧

notes.normally.com/cookieless-…

4. gpu-io 是一个 WebGL 库,可帮助您轻松构建 GPU 加速计算工作流。该库可用于各种应用,包括实时物理模拟、基于粒子/代理的模拟、元胞自动机、图像处理和通用 GPU 计算

GitHub - amandaghassaei/gpu-io: A GPU-accelerated computing library for physics simulations and other mathematical calculations

5. Vite 4.0 发布:

Vite 4.0 is out! | Vite

6. Harlem 3.0:Vue 3 的简单可扩展状态管理——提供了一个简单的功能性 API,用于创建、读取和改变状态。

Harlem | Harlem

7. JAVASCRIPT 图像雕刻机,内容感知图像缩放器(seamcarving算法)

GitHub - trekhleb/js-image-carver: 🌅 Content-aware image resizer and object remover based on Seam Carving algorithm

8. node-calls-python:从 Node 调用 Python — 作者提到的一个用例是插入 Python 丰富的机器学习工具生态系统。

GitHub - hmenyus/node-calls-python: Call Python from NodeJS directly in-process without spawning processes

其他

1. chatGPT

官网:ChatGPT: Optimizing Language Models for Dialogue

如何评价OpenAI的超级对话模型ChatGPT? - 知乎

2. Metatags-具有内置分析和免费自定义域的开源连接提取器

通过api可以或获取url的提取词: api.dub.sh/metatags?ur…

dub.sh/metatags

github.com/steven-tey/…

3. 通过删除元数据以减小图像大小

Web Performance Calendar » Reduce Image Sizes by Removing Metadata

4. AWS 推出了Step Functions Distributed Map,这是一种可以对存储在 S3 上的数据和文档进行高度并行(最多同时执行 10,000 次)操作

Step Functions Distributed Map – A Serverless Solution for Large-Scale Parallel Data Processing | AWS News Blog

5. 最新 VS Code 版本中的 JS 调试器现在支持console.profileCPU 分析代码以及嵌套源映射。

Visual Studio Code November 2022