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

简介: 🔥强烈推荐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. 向量数据库

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

相关实践学习
使用CLup和iSCSI共享盘快速体验PolarDB for PostgtreSQL
在Clup云管控平台中快速体验创建与管理在iSCSI共享盘上的PolarDB for PostgtreSQL。
AnalyticDB PostgreSQL 企业智能数据中台:一站式管理数据服务资产
企业在数据仓库之上可构建丰富的数据服务用以支持数据应用及业务场景;ADB PG推出全新企业智能数据平台,用以帮助用户一站式的管理企业数据服务资产,包括创建, 管理,探索, 监控等; 助力企业在现有平台之上快速构建起数据服务资产体系
相关文章
|
5月前
|
存储 人工智能 前端开发
视野修炼-技术周刊第61期
🔥强烈推荐 1. 2023年🧑‍💻工程师的 Mac 工具箱 Arc - 浏览器, Warp - 终端, Raycast - 启动器,Orbstack - 容器,Setapp - 软件订阅,CleanShotX - 截屏,OBS - 录屏推流,Gifox - Gif图制作, 1Password - 密码管理器,Bartender - 菜单栏管理,Downie - 视频下载,IINA / Infuse - 视频播放器,iRightMouse - 鼠标右键增强,PopClip / Bob - 鼠标工具 Arc 和 Warp 目前笔者一直在用,其它的看着也还不错,按使用场景可以试试 作者:粥里
|
5月前
|
资源调度 Rust 前端开发
视野修炼-技术周刊第59期
🔥强烈推荐 1. Yarn 4.0 正式发布,性能大幅提升! 10.23 日,Yarn 4.x 发布。 新的官网如下 看上去档次高了
|
5月前
|
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 了 😄
|
5月前
|
文字识别 安全 前端开发
视野修炼-技术周刊第57期
🔥强烈推荐 1. Rspress - 基于 Rspack 的高性能静态站点生成器 由 ByteDance Web Infra 团队孵化的一款静态站点生成器,使用 Rspack 进行构建,基于 React 框架进行渲染,支持 MDX 内容开发,主打高性能、简单易用和定制性强。
|
5月前
|
人工智能 Rust JavaScript
视野修炼-技术周刊第62期
🔥强烈推荐 1. Vite5.0 发布! 11 月 16 日,Vite 5.0 正式发布 该版本主要关注API优化,去除过时功能,并解决一些长期存在的问题。 使用了Rollup 4,这在构建性能方面有了很大的提升。 对Node.js的支持进行了调整,现在需要使用Node.js 18+版本。 2. Bubble - README 小组件 该仓库收集各种可以放在 GitHub Profile 和 Readme 上面的小组件。
|
5月前
|
Web App开发 人工智能 前端开发
视野修炼-技术周刊第64期
🔥强烈推荐 1. VueDraggablePlus - 祖师爷推荐拖拽库 支持 Vue2 和 Vue3 的拖拽组件库。祖师爷力荐🔥
|
5月前
|
数据可视化 前端开发 JavaScript
视野修炼-技术周刊第60期
🔥强烈推荐 1. 通义灵码
|
5月前
|
人工智能 JavaScript 安全
视野修炼-技术周刊第50期
🔥强烈推荐 1. glitchtext - 毛刺字符生成 为字符加上毛刺效果的网页工具,这个可以在部分取名场景使用,比如游戏ID取名经常重复的情况(前提是目标设备支持)
|
5月前
|
人工智能 JavaScript 小程序
视野修炼-技术周刊第49期
🔥强烈推荐 1. ikun-ui 一个 Svelte.js 组件库 首页有个动画非常有意思
|
5月前
|
SQL Web App开发 人工智能
视野修炼-技术周刊第31期
🔥强烈推荐 1. Vite4.3 - 一系列的性能优化手段 截止到3月底4.3发了2个beta版了,通过changelog可以看到很多性能相关的优化(通过perf关键字过滤)