双周总结#002 - 红树林

双周总结#002 - 红树林_第1张图片
红树林公园,一棵单独生长在海岸边的树,下面一根根树立的幼苗,是从它的根茎上生长出来的。傍晚落潮后,会有一只只小螃蟹在这里浪荡。当然,也会有海鸟在这里进食。

文档

  1. 深入了解 Commonjs 和 Es Module1
    Web 开发中,引用模块时有时使用require、有时使用import,这是基于两种不同的模块规范。本文深入讲解了CommonJSESM之间共性与差异性。

  2. 图片要启用 gzip 压缩吗?绝对不要!2
    双周总结#002 - 红树林_第2张图片
    通常在做 Web 性能优化时,会启用 GZIP 压缩。当使用了无损压缩的 PNG 图时,压缩后的体积会比原图体积更大,做了反优化。本文讲解了为什么为发生这种现象。

  3. esno 与 tsx3
    双周总结#002 - 红树林_第3张图片
    一直以为 esno 与 tsx 是两个东西,还有谁像我一样认知的呢?

  4. Nue JS4

双周总结#002 - 红树林_第4张图片

随着生态的发展,三大主流 Web 框架的功能特性越来越多,源码体积也越来越大。但是有时新建一个小工程时,你并不需要那么复杂的生态,可以尝试下NueJS(2.3 kb)。

NueJS 是一个非常小(2.3kb minzipped)的 JavaScript 库,用于构建用户界面。它是 Nue 工具集的核心。它就像 Vue.js、React.js 或 Svelte,但没有钩子、效果、道具、门户、观察者、注入、暂停或其他不寻常的抽象。学习 HTML、CSS 和 JavaScript 的基础知识,就可以开始了。

工具

  1. 流程图5

双周总结#002 - 红树林_第5张图片

绘制流程图时,通常会使用阿里的 G6 等图标库,大且繁琐。当需求简单时,可以考虑换一个轻量级的库了。flowchart.js 压缩文件仅 70KB ,支持常规的流程图功能。

  1. 时序图6

双周总结#002 - 红树林_第6张图片

一个简单的 javascript 库,用于将文本转换为矢量 UML 序列图。使用Jison来解析文本,使用 Snap.svg 来绘制图像。

  1. 热力图 - heatmap.js7

双周总结#002 - 红树林_第7张图片

一个有趣的 JavaScript 库,在你的站点上生产一个透明背景的热力图,展示用户在站点的操作痕迹。

  1. 图片转 webp8双周总结#002 - 红树林_第8张图片
    在线的图片转webp的工具,质量参差不齐,何不尝试在 Chrome 推荐的本地工具呢。支持 Windows 版、Linux (aarch64)、Linux (x86-64)、macOS (arm64)、macOS (x86-64)

  2. JSDoc9

双周总结#002 - 红树林_第9张图片

JSDoc 3 是一个用于 JavaScript 的 API 文档生成器,类似于 Javadoc 或 phpDocumentor。可以将文档注释直接添加到源代码中。JSDoc 工具将扫描您的源代码并为您生成一个 HTML 文档网站。

  1. apidoc10

双周总结#002 - 红树林_第10张图片

  1. 表格-Luckysheet11
    双周总结#002 - 红树林_第11张图片
    Luckysheet ,一款纯前端类似 excel 的在线表格,功能强大、配置简单、完全开源。支持格式设置、单元格配置、行和列操作、图标、公式和函数等。

  2. 表格-SpreadJS12
    双周总结#002 - 红树林_第12张图片
    商用的表格,业务场景比较复杂时,可以考虑下这家的表格组件。

  3. Web 页面截图13
    双周总结#002 - 红树林_第13张图片
    使用 HTML5 或者 SVG 快速将页面 DOM 节点转化为图片。

  4. Web 页面截图之 dom-to-image14

双周总结#002 - 红树林_第14张图片
dom-to-image 是一个库,可以将任意 dom 节点转换为用 JavaScript 编写的矢量(SVG)或光栅(PNG 或 JPEG)图像。

往期回顾

  • 双周回顾#001 - 火烧云

你可能感兴趣的:(双周回顾,javascript,前端,双周回顾,swlws)