本文演示了如何使用 Web Speech API 构建一个简单的人工智能聊天机器人。在本教程中，我们将使用 80 行 JavaScript 代码在浏览器中构建一个虚拟助理（如 Siri 或 Google 助理）。你可以前往下方网址测试这款应 ...

PlotlyPlotly是一款可交互、基于浏览器的绘图库，主打绘制在线可交互的的图表，支持的语言包括Python、Javascript、matlab等语言。 D3.js D3.js是最流行的可视化库之一，它被很多其他的表格插件所使用。它允许 ...

这几天看winter的在课程中提到Realms，来来回回看了很多遍的标准和老师的解释，还google了很多文章，感觉对Realms的讲解大部分都是直接翻译标准，然后让我们在这里来实际感受一下Realms。 Realms溯源 先上原版标准： ...

网站性能优化可以从下面总结点入手。 1. 减少HTTP请求 使用雪碧图 - CSS Sprites，把多个图片合并到一个单独的图片中，利用CSS -background-position调整图片显示位置。这种方式适用面比较广泛。 缺点是，如 ...

当我们打开网站时也许不会去留意网站前面的HTTP是怎么来的。但是它毫无疑问在网络中有着举足轻重的地位。本文从起源到发展，详说HTTP从1到3的演变。 说在前面 本文不致力于讲完 HTTP 的全部内容，事实上短短的篇幅也不可能讲完。本文也无 ...

使用echarts画排名信息，可以保证在固定大小的容器中完美展现，不会出现文字和图画越界问题。 效果图： image.png /** * 画占比图 * @param {String} container 容器 ...

在一些柱状图数据比如天气数据、男女比例等信息，在轴线上面加上图片可以更直观的查看数据。 效果图： image.png /** * 画轴线带图片的柱状图 * @param container 容器 * @ ...

快速编码，功能完善。从启动到部署，实例详解异步 py3 框架选择 FastAPI 的原因。 FastAPI 介绍 FastAPI 与其它 Python-Web 框架的区别 在 FastAPI 之前，Python 的 Web 框架使用的是 ...

原文链接实现了左右，此处就不做代码重复 codepen 中可以发现上面的代码部分可以左右拖动，上下也是可以拖动改变的 image.png 上代码 此处需要注意 codepen有一个 header，我们大概理解高度为 60px 使用了 vue ...

 想要学习web前端你首先要知道web前端是干什么的，能做什么。下面是官方的解释：     Web前端开发工程师，主要职责是利用(X)HTML/CSS/JavaScript/Flash等各种Web技术进行客户端产品的开发。完成客户端程序（也 ...