奇舞周刊第536期：B端常用交互方式的量化及优化实践和指引｜得物技术

奇舞推荐

■ ■ ■

B端常用交互方式的量化及优化实践和指引｜得物技术

B端前端交互领域是处于视觉设计师、产品和前端之间的交叉地带。

Vue3 用了组合式 (Composition) API 后代码变得更乱了，怎么办？

组合式 (Composition) API 的一大特点是“非常灵活”，但也因为非常灵活，每个开发都有自己的想法。加上项目的持续迭代导致我们的代码变得愈发混乱，最终到达无法维护的地步。本文是我这几年使用组合式API的一些经验总结，希望通过本文让你也能够写出易维护、优雅的组合式API代码。

一文吃透 WebSocket 原理

通常我们开发H5，都是基于HTTP协议，典型的 请求/响应 模式。随着web能力越来越丰富，更多的小伙伴有机会尝试一些新的网络协议，比如 WebSocket ，这在一些实时性要求比较高的场景出现频率很高。今天带来一篇关于 WebSocket 原理的文章，对于接触过的同学，可以看看自己是否已经掌握了这些基础知识，还不了解的同学也可以扩展下知识面，毕竟知识面越广，将来在项目里进行技术选型、决策时候，才能更加科学、严谨。

技术实践

■ ■ ■

重新认识 TypeScript 类型系统

很多开发者已经将 Typescript 加入到自己的项目里进行开发，初衷是为了项目在开发时拥有类型检查能力。TypeScript 通过易上手且功能强大的类型系统，为 JavaScript 提供了强大的类型检查能力。在类型的帮助下，我们无需实际运行代码，就能通过类型的流转观察到变量的值是如何改变的。

15 个你不知道的 CSS 属性

在Web 开发领域中，CSS（层叠样式表）是构建网站视觉美感和布局的支柱。虽然许多开发人员熟悉常用的 CSS 属性，但仍有大量隐藏的宝石等待被发现。在今天这篇文章中，我们揭示了 15 个隐藏的 CSS 属性，这些属性可能没有引起您的注意，但在增强您的网页设计能力方面具有巨大的潜力。

前端项目容器化部署和纯静态资源部署的实战心得

关于前端项目部署方式，我也是实战经历了「纯静态资源上传服务器」和「容器化部署」这两种方式，算是有一点自己的心得和体会。本文会通过他们之间的异同、各自的特点，和实战中的一些个人心得来进行分享。

拓展边界

■ ■ ■

使用现代JavaScript操作DOM的高效模式

介绍了如何使用现代的纯 JavaScript 技术进行高效的 DOM 操作，以提高 Web 应用程序的性能。今日前端早读课文章由 @飘飘翻译分享。

前端实现文本对比，并高亮显示差异！

你有没有想过，常见的代码差异对比是如何都实现的呢？其实这里面涉及到非常复杂的文本对比算法，本文就来看看如何通过现有工具库 jsdiff + diff2html 实现文本对比，并高亮显示差异！

低成本的 H5 秒开方案-接口预请求

这里介绍一个我们使用的接口预请求的方案，它可以相对低成本的提升 FMP (首次有效绘制) 的渲染速度，而且从我们的上线效果上来看提升非常明显。

- END -

如果您关注前端+AI 相关领域可以扫码进群交流

 

扫码进群2或添加小编微信进群1😊

关于奇舞团

奇舞团是 360 集团最大的大前端团队，非常重视人才培养，有工程师、讲师、翻译官、业务接口人、团队 Leader 等多种发展方向供员工选择，并辅以提供相应的技术力、专业力、通用力、领导力等培训课程。奇舞团以开放和求贤的心态欢迎各种优秀人才关注和加入奇舞团。