视野修炼-技术周刊第48期

本文涉及的产品
阿里云百炼推荐规格 ADB PostgreSQL,4核16GB 100GB 1个月
简介: 🔥强烈推荐1. 美团前端研发框架Rome实践和演进趋势团队出品的技术沙龙,研发框架部分整理成文章了

🔥强烈推荐

1. 美团前端研发框架Rome实践和演进趋势

团队出品的技术沙龙,研发框架部分整理成文章了

本文首先介绍了Rome整体的工程生态、演变路径、规模化升级以及工程框架外的开发辅助工具;紧接着,重点阐述了如何做框架度量和相关的业务实践;最后做整体的总结以及对工程框架的下一阶段的思考。

推荐对前端工程化相关领域感兴趣的同学阅读

🔧开源工具&技术资讯

2. 狗屁不通文章生成器:PUA版

image.png

3. 三个实用的CSS伪类

文章介绍了 :where,:is,:has 对比介绍了三个伪类的用法和使用场景

下面来看demo

使用 :where:is 能够达到一样的效果,如下面示例所示

image.png

但是 :where 里的内容不会添加选择器权重,:is

image.png

:has 这个之前也介绍过,主要用于判断容器是否包含某个选择器,然后设置容器的样式,如下面示例所示

image.png

4. H5如何监听手机键盘是否弹起

作者分别介绍了一下 Android 和 iOS 监听键盘弹起的方法

  • iOS: focusinfocusout 这两个事件来监听
  • Android: resize 事件来监听

可以扫作者提供的 demo 体验一下

5. HTML kbd、var、samp元素使用场景介绍

除了 <code> 元素表示代码,可以用来表示代码的HTML元素还有下面这3个。

  • <kbd> 元素表示用户输入的信息内容
  • <samp> 元素表示案例结果输出
  • <var> 元素用来表示变量信息

input: kbd + var

output: samp

emmm,主要就是为了代码的语义化

6. emaction

一个 Web Component,生成类似 GitHub 的 Emoji 反馈栏

仅需2行代码即可引入

<script type="module" src="https://cdn.jsdelivr.net/gh/emaction/frontend.dist@1.0.4/bundle.js"></script>
<emoji-reaction></emoji-reaction>

image.png

7. 页面引导库 driver.js

使用方式非常简单,很容易上手

image.png

🤖AI工具&资讯

8. 向量数据库

本文主要介绍了向量数据库的原理和实现,包括向量数据库的基本概念、相似性搜索算法、相似性测量算法、过滤算法和向量数据库的选型等等。

相关实践学习
阿里云百炼xAnalyticDB PostgreSQL构建AIGC应用
通过该实验体验在阿里云百炼中构建企业专属知识库构建及应用全流程。同时体验使用ADB-PG向量检索引擎提供专属安全存储,保障企业数据隐私安全。
AnalyticDB PostgreSQL 企业智能数据中台:一站式管理数据服务资产
企业在数据仓库之上可构建丰富的数据服务用以支持数据应用及业务场景;ADB PG推出全新企业智能数据平台,用以帮助用户一站式的管理企业数据服务资产,包括创建, 管理,探索, 监控等; 助力企业在现有平台之上快速构建起数据服务资产体系
相关文章
|
7月前
|
资源调度 Rust 前端开发
视野修炼-技术周刊第59期
🔥强烈推荐 1. Yarn 4.0 正式发布,性能大幅提升! 10.23 日,Yarn 4.x 发布。 新的官网如下 看上去档次高了
|
7月前
|
文字识别 安全 前端开发
视野修炼-技术周刊第57期
🔥强烈推荐 1. Rspress - 基于 Rspack 的高性能静态站点生成器 由 ByteDance Web Infra 团队孵化的一款静态站点生成器,使用 Rspack 进行构建,基于 React 框架进行渲染,支持 MDX 内容开发,主打高性能、简单易用和定制性强。
|
7月前
|
Web App开发 人工智能 JSON
视野修炼-技术周刊第54期
🔥强烈推荐 1. Node.js 16 EOL EOL(end of life) 2023 年 9 月 11 日,Node.js 16 将停止维护,推荐大家切换到 Node.js 18 使用(EOL 2025-04-30) 官推下面很多都在推荐 Bun 了 😄
|
7月前
|
Rust 自然语言处理 前端开发
视野修炼-技术周刊第66期
🔥强烈推荐 1. Oxlint 正式发布 Oxlint 是一个 JavaScript linter,旨在捕获错误或无用的代码,默认情况下不需要任何配置 基于 Rust 实现,速度极快(比 ESLint 快 50-100 倍) 下面是使用示例,项目里直接执行如下的指令即可。
|
7月前
|
人工智能 Rust JavaScript
视野修炼-技术周刊第51期
🔥强烈推荐 1. 🍉 CEC-IDE 本周技术圈的大瓜,对外宣传自研 IDE,实际上是 VS Code 的换皮
|
7月前
|
前端开发 程序员 数据库
视野修炼-技术周刊第26期
🔥强烈推荐 1. 一个程序员决定写代码到60岁 “人物采访总结”,讲了一位阿里大牛的成长历程(做数据库的),再过几年就60了,仍在一线编码 推荐大家阅读一下,大佬的路虽不可以复制,但部分经验可以借鉴 🙊
|
7月前
|
前端开发 JavaScript 容器
视野修炼-技术周刊第23期
🔥强烈推荐 1. 看完 Svelte 纪录片才知道它为什么在国外比国内火 文章作者总结了一下 Svelte 纪录片 里的内容,个人感觉有许多描述很精彩的地方 为啥叫Svelte:在 npm 上找个别人没注册过的包实在是太难了😢 他说他想用 LEAN、ZIPPY、FAST、ELEGANT 组成一个单词,于是就组成了 Svelte:
|
7月前
|
Web App开发 人工智能 前端开发
视野修炼-技术周刊第64期
🔥强烈推荐 1. VueDraggablePlus - 祖师爷推荐拖拽库 支持 Vue2 和 Vue3 的拖拽组件库。祖师爷力荐🔥
|
7月前
|
Web App开发 人工智能 JavaScript
视野修炼-技术周刊第47期
🔥强烈推荐 1. Arc 浏览器!!! 同事本周强烈推荐的一个 Chrome浏览器替代品,基于 Chromium 开发,支持直接从Chrome浏览器导入插件和收藏夹内容,实现无缝的切换,甚至连Cookie(登录状态)都能导入!! 笔者从昨天开始使用,目前体验非常不错(仅有Mac版本)。
|
7月前
|
人工智能 前端开发 JavaScript
视野修炼-技术周刊第44期
🔥强烈推荐 1. ECMAScript 2023 正式发布,有哪些新特性? 从头到尾搜索数组:findLast() 、findLastIndex() Hashbang 语法 通过副本更改数组:toReversed()、toSorted()、toSpliced()、with() Symbol 作为 WeakMap 的键 这个在之前一期有介绍过,上周正式发布,配一下babel生产上就能用起来了