前端

补-设计模式之访问者模式(十三)

  访问者模式在23种设计模式算是复杂的,因此在解释定义前,先以实际的例子代入一下,觉得理解起来会更好一些。 场景:很多人都有养宠物的习惯,这里就以此为例 访问者角色:给宠物喂食的人 具体访问者角色:主人、其他人 抽象元素角色:动物抽象类 具体元素角色:宠物狗、宠物猫 结构对象角色:主人家 结构图 创建抽象访问者接口 interface Person {

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

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

前端将html导出为word文档

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

WEB前端优化实践

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

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

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

Vue3.2语法糖使用总结

Vue3.2语法糖使用总结 一. 概述 在Vue2时期,组件里定义的各类变量、方法、计算属性等是分别存放到data、methods、computed等选项里,这样编写的代码不便于后期的查阅,查找一个业务逻辑需要在各个选项来回切换。vue3.0组合式APIsetup函数的推出就是为了解决这个问题,它让我们的逻辑关注点更加集中,语法也更加精简,但是当我们在使用vue3.0的语法就构建组件的时候,总是需

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

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

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

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

前端魅力时刻:使用html让朋友主动叫你爸爸

注意!该bug目前已被微信修复,本文仅供参考与学习交流使用。主要介绍内容:演示:        我们可以看到,在点击了对方发送的表情后,用户自动发送了内容,那么这是如何实现的呢?代码:<a href="weixin://bizmsgmenu?msgme