前端

vue 批量自动引入并注册组件或路由等等

有时候有大量的组件.vue后缀的,或.js,或.ts文件, 需要一个个的手动引入很麻烦,那么你可以尝试这样创建一个index.js 本项目使用vue3.x, vue2.x也可以照样用; image.png 这里在components里面创建了一个idnex.js 文件 require.context 可以读取文件, 第一个参数是指当前文件夹, 第二个参数是是否递归遍历寻找子节点设为t

CSS基础-13-垂直导航栏(详细创建过程)

@[toc] 前言 一步一步做出一个完整的导航栏 1. 最简导航栏 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>hello world</title> <style> ul { list-style-type: none;

搭建Nexus前端npm私服,上传发布npm包和下载依赖

1、创建repository登录Nexus的管理页面,创建npm(proxy)和npm(hosted),然后创建npm(group)将这两个repository包含进来。 1.1 创建npm(proxy)选择npm(proxy)&

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

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

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 项目,一个路由对应一个页面,如果不做处理,项目打包后,会把所有页面打包成一个文件,当用户打开首页时,会一次性加载所有的资源,造成首页加载很慢,降低用户体验。 列一个实际项目的打包详情:

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

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

(六)redux状态管理

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