奇舞周刊第539期：10 个像专业人士一样使用 <template> HTML 标签的基本技巧

奇舞推荐

■ ■ ■

10 个像专业人士一样使用 <template> HTML 标签的基本技巧

HTML中的<template>标记是 Web 开发中一个功能强大但经常未得到充分利用的元素。它允许你定义可重复使用的内容，这些内容可以克隆并插入 DOM 中而无需最初渲染。此功能对于创建动态、交互式 Web 应用程序特别有用。

一文吃透 WebSocket 原理

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

非常有用的 48 个 JavaScript 代码片段，值得收藏！

日常工作上，大家经常都会保存一些自己常用的代码片段，比如数字每3位添加逗号、日期格式化、解析location.query或location.hash为JSON对象等等。今天带来一篇外网非常火的文章，收集了JavaScript中48个常用的代码片段，同学们可以学习下，部分片段在面试中也经常遇到。

技术实践

■ ■ ■

【第3352期】NodeJS:高性能图片格式转化

介绍了在高并发和大流量场景下如何实现图片格式的高性能转换，以及常用的图片切割服务的实现方式。今日前端早读课文章由 @方超分享

没有轮子就自己造一个，用 fabric 写一个标尺

今天领导给我一个任务，就是要求画布上面需要增加一个标尺，用来识别画布内元素的坐标，于是就开始我的搬砖之旅了。开始想着挺简单的，不就是对画布进行刻度标记吗，写着写着发现有点不连贯了，于是就开始在网上找轮子，找了一圈发现没有合适的，那就只能靠自己了。

NextJs 14 从入门到精通（长文预警）

自从写了 《NextJs 从入门放弃1》 文章后，直到最近开发项目，才重新关注 NextJs，其版本已更新到「V14」，趁着「V15」还在蓄势待发，先赶紧总结一下开发的心路历程...

拓展边界

■ ■ ■

手把手教你破解 JavaScript 深层数据

今天我们将探讨如何处理JavaScript中的一个常见问题：深层数据访问。

浅谈前端性能优化之评估工具（一共 7 种）

工欲善其事，必先利其器。在前端性能优化的工作中也是一样，我们不能凭借感觉去判断页面的性能好坏，要真正提升性能,我们需要更科学、更精确的工具去辅助我们分析，然后优化性能。下面我将带大家一起来简单剖析几个前端性能优化的评估工具。