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

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

下面是总结的css技巧，建议大家收藏，以后用的时候就不用到处查资料了。当然这些也不是所有的，大家如果有什么好的css有趣样式技巧也可以发出来哦 三角形 最常见的一种形状了。切图，不存在的。 /** 正三角 */ .triangle { ...

第一部分：编辑器层面的准备工作一、vscode1、插件安装（3个）eslint：让代码不符合约定规范时，能有红线提示prettier：使得开发者使用快捷键（mac: shift+option+f，windows: shift+alt+f）格 ...

三年前刚入行前端圈，我以为自己将来从事的工作 实际我每天的工作： 想起了前些日子跳槽到美团的同事，他说大厂虽然忙点，但是福利好，待遇高，现在公司还给配了电动车和头盔，接单更有劲了，有需要可以帮我内推。。。一声长叹，除了转行做骑手，前端开发再 ...

background-repeat也是相当常用的属性，因为你在写背景图时，通常都会加个no-repeat，就像这样： background: url('../images/bg.jpg') no-repeat center; 其中的no- ...

Grid 布局的属性分成两类。一类定义在容器上面，称为容器属性；另一类定义在项目上面，称为项目属性。 容器属性 1. display属性 指定一个容器采用网格布局 div { display: grid; } div { displ ...

1. JavaScript 基础 1.1 执行上下文/作用域链/闭包理解 JavaScript 中的执行上下文和执行栈JavaScript深入之执行上下文栈一道js面试题引发的思考JavaScript深入之词法作用域和动态作用域JavaS ...

这期介绍一款比较别致的 mock 工具，mirage.js。说它别致，缘由是与竞品有一点点区别：它是在客户端启动的一个 mock 服务，恰如“海市蜃楼”为远程调度展现一幅 api 全景图；实则是一种伪装技术，在应用内存里拦截了所有请求。 M ...

在网站制作和开发的过程中，其实有很多的辅助咱们开发的工具，使用这些工具会让咱们的开发更为方便，提高工作效率，从事开发第六个年头了，接下来为大家分享一些常用工具，专家建议：收藏一波！1.SublimeSublime 作为一个尽为人知的代码编辑 ...