前端

【AI实践】xiaozhi-esp32虾哥开源版-分析

语音交互总流程客户端(ESP32) 服务器 | | | 本地唤醒词检测"小智" | | | | 打开音频通道 | |------------------------>| | | | 发送唤醒词音频 | |------------------------>| | | | 发送唤醒事件 | |------------------------>| | {"typ

前端将html导出为word文档

前言本次功能的引出是因为博主所做的功能业务为统计分析页面,需要将图表及分析数据导出到word文档,使系统使用人员可以在页面显示的基础上进行修改。按理说页面导出的数据是不允许修改的,所以博主向产品经理提出直接将页面导出为图片,在博主的据理力争下,成功的被否决了,那就来好好研究一下吧正文在通过多方搜索以及实践之下&#x

ES5常见的数组方法:forEach ,map ,filter ,some ,every ,reduce (除了forEach,其他都有回调,都有return)

关于forEach forEach()方法需要一个回调函数(这种函数,是由我们创建但是不由我们调用的)作为参数 回调函数中传递三个参数: 第一个参数,就是当前正在遍历的元素 第二个参数,就是当前正在遍历的元素的索引 第三个参数,就是正在遍历的数组 缺点: 不能使用break和continue let myArr = ['王一', '王二', '王三']; myArr.forEach((ite

WEB前端优化实践

提升首屏的加载速度,是前端性能优化中最重要的环节,这里笔者梳理出一些 常规且有效 的首屏优化建议 目标:通过对比优化前后的性能变化,来验证方案的有效性,了解并掌握其原理 1、路由懒加载 SPA 项目,一个路由对应一个页面,如果不做处理,项目打包后,会把所有页面打包成一个文件,当用户打开首页时,会一次性加载所有的资源,造成首页加载很慢,降低用户体验。 列一个实际项目的打包详情:

前端小案例——网页井字棋

        前言:我们在学习完了HTML、CSS和JavaScript之后,就会想着使用这三个东西去做一些小案例,不过又没有什么好的案例让我们去练手,本篇文章就提供里一个案例——网页井字棋。 ✨✨✨这里是秋刀鱼不做梦的BLOG ✨✨✨想要了解更多内容可以访问我的主页秋刀鱼不做梦-CSDN博客 目录写在前面        —

HTTP JSON接口模拟工具Interfake快速入门

一、简介 Interfake能简便地创建虚假的HTTP API,只需简单几行代码就可以创建模拟JSON接口(使用命令行方式也可以不写代码),不需要安装web服务器。Interfake是NodeJs开发的,是一款开源Mock Server工具。GitHub地址。 二、以命令行方式使用 interfake interfake 是NodeJs开发的,支持三种使用方式:JS代码方式、JSON配置方式和HT

OAuth 2.0 的一个简单解释,一看就懂

【转载】原文链接 OAuth 2.0 OAuth 2.0 是目前最流行的授权机制,用来授权第三方应用,获取用户数据。 这个标准比较抽象,使用了很多术语,初学者不容易理解。其实说起来并不复杂,下面我就通过一个简单的类比,帮助大家轻松理解,OAuth 2.0 到底是什么。 一、快递员问题 我住在一个大型的居民小区,小区有门禁系统,进入的时候需要输入密码。 我经常网购和外卖,每天都有快递员来送货。我必须

(六)redux状态管理

redux 为什么使用Redux: 使用react进行大型项目开发时,需要管理的状态不仅数量很多而且相互共享,一个状态多个组件都要共享使用并且渲染,管理不断变化的 state 非常困难。所以我们需要把 state 进行统一管理,这样才能控制每一个state的变化,让我们的程序可读性更强,出错率更低。 一、什么是Redux? Redux 是一个 JS 库,一个状态容器。 作用: 集中式管理 Reac