JavaScript - 教程之家

155浏览

0评论

在 JavaScript 中从数组中删除任何数字/元素的奇数出现

假设我们有一个像这样的数字数组 -const arr = [1, 6, 3, 1, 3, 1, 6, 3];我们需要编写一个 JavaScript 函数，该函数接受一个这样的数组作为第一个也是唯一的参数。然后该函...

2023-09-06

388浏览

0评论

JavaScript HTML DOM中的nodeName属性是什么？

JavaScript中的nodeName属性用于指定节点的名称。示例您可以尝试运行以下代码来了解如何实现JavaScript 中的 nodeName 属性。实时演示<!DOCTYPE html><html> <body>...

2023-09-06

145浏览

0评论

增强 Node.js 单页应用程序中的社交共享

单页应用程序 (SPA) 由客户端呈现模板提供支持，为最终用户提供非常动态的体验。最近，Google 宣布他们会像普通用户一样抓取网页并执行 JavaScript，从而使由 SPA 框架（Angular、E...

2023-09-04

133浏览

0评论

JavaScript 中排除一个元素的总和

假设我们有一个像这样的整数数组 -const arr = [12, 1, 4, 8, 5];我们需要编写一个 JavaScript 函数，该函数接受一个这样的数组作为唯一的参数。该函数应该返回一个正好包含...

2023-08-30

263浏览

0评论

使用JavaScript正则表达式搜索制表符

要使用 JavaScript 正则表达式查找制表符，请使用以下命令 -\t示例您可以尝试运行以下代码来查找制表符。它返回找到制表符 (\t) 字符的位置 -<html> <head> <title>Ja...

2023-08-30

155浏览

0评论

如何使用 FabricJS 设置三角形的填充颜色？

在本教程中，我们将学习如何使用 FabricJS 更改 Triangle 对象的填充颜色来更改其外观。三角形是 FabricJS 提供的各种形状之一。为了创建一个三角形，我们必须创建一个 Fabric...

2023-08-27

147浏览

0评论

如何使用 FabricJS 设置倍数来缩放克隆图像？

在本教程中，我们将学习如何使用 FabricJS 设置乘数来缩放克隆图像。我们可以通过创建fabric.Image的实例来创建一个Image对象。由于它是 FabricJS 的基本元素之一，我们还可以...

2023-08-27

442浏览

0评论

JavaScript实现留言板实战案例

目录1.案例说明：2.html部分3.css部分4.js代码5.全部代码6.效果图：总结1.案例说明：利用JavaScript、css以及html制作一个简易的留言板要求在页面文本框中输入一些文字之后，点击&l...

2023-07-25

297浏览

0评论

vue3使用百度地图超详细图文教程

目录前情提要：申请百度地图AK秘钥开启Vue3使用vue-baidu-map-3x：1.安装2.应用1.初始展示2.控件3.自定义主题4.覆盖物--点总结前情提要：提示：该博客vue采用vue3，使用百度地图通过...

2023-07-25

168浏览

0评论

Vue和SpringBoot之间传递时间的方法实现

目录前言一、前端传递时间到后端：二、后端接收时间并处理：三、保持时区一致性：总结前言在 Vue 和 Spring Boot 的开发中，经常需要在前端和后端之间传递时间数据。本文将介绍如何...

2023-07-25

380浏览

0评论

npm下载慢或下载失败问题解决的三种方法

目录解决npm下载慢或者下载不了的问题安装cnpm设置改变默认下载地址使用nrm地址管理源管理解决npm下载慢或者下载不了的问题背景：因为npm下载的官方地址是在国外，要经过海底电...

2023-07-25

261浏览

0评论

Vue3实现简约型侧边栏的示例代码

目录1、首先配置好路由地址2、然后实现页面入口3、然后实现AAAAAA和BBBBBB页面有时遇到一些需求，需要实现左边侧边栏为父级菜单，右侧内容区的顶部为子级菜单，以及其底部为子级...

2023-07-25

227浏览

0评论

如何降低node版本,怎样实现降低node版本

目录降低node版本，怎么降低node版本？降低node 版本新手方案我的解决方案nodejs高版本降为低版本方案总结降低node版本，怎么降低node版本？部分老旧项目需要使用低版本的node，网上...

2023-07-25

155浏览

0评论

JS中6个对象数组去重的方法

目录前言方法一：使用 .filter() 和 .findIndex() 相结合的方法方法二：使用 .reduce() 方法方法三：使用 .forEach() 和 .some() 相结合的方法方法四：使用 Map方法五：Object.create...

2023-07-25

182浏览

0评论

uniapp界面新增水印实现示例详解

目录正文界面引入组件实现思路实现代码正文界面引入组件<templeate><view> <Ywatermark :info="'这里是水印内容'"></Ywatermark></view></tempate><script>import Ywate...

2023-07-25

242浏览

0评论

vue3使用vue3-print-nb实现区域打印功能

目录场景一.安装vue3-print-nb二.在main.ts中引入三.HTML四.参数配置附：分页打印示例代码总结场景大多数后台系统中都存在打印的需求，在有打印需求时，对前端来说当然是直接打印...

2023-07-25

140浏览

0评论

js获取url参数值的几种方式详解

目录方法一：调用方法方法二：调用方法补充URL知识方法一：采用正则表达式获取地址栏参数 (代码简洁，重点正则）function getQueryString(name) { let reg = new RegExp("(^|&)" +...

2023-07-25

248浏览

0评论

Vue路由跳转传参或打开新页面跳转的方法总结

目录1. 通过路由中的name属性 2. 通过路由属性中的path属性 3. $router 和 $route的区别4. 在Vue项目中点击跳转打开一个新的页面vue的跳转（打开新页面）router-link跳转this.$...

2023-07-25

286浏览

0评论

Vue中router-view无法显示的解决办法

如果你存在：代码没报错，运行成功，但是index.js中router挂接的内容无法显示，没有犯书写错误，routes 和 component 没有写错，在浏览器中检查，App.vue中对应的 <router-view>为空那么...

2023-07-25

291浏览

0评论

JavaScript将对象数组按字母顺序排序的方法详解

目录sort 用法语法参数值兼容性举例排序数组按升序排序按降序排序if 条件语句 + sort()localeCompare() + sort()Collator() + sort()里给出三种解决方案：1.if条件语句 + sor...

2023-07-25

327浏览

0评论

uni-app的iPhonex底部安全区域解决方案

目录前言方法一方法二前言关于这个iPhone X底部安全区域问题，这个一直困扰了我好久，前前后后因为这个提交了好多次代码也在网上找了好多解决方案，今天我在这儿简单总结一下，一来...

2023-07-25

356浏览

0评论

uni-app实现全局水印示例详解

目录使用方法watermark.js图片使用方法1、在App.vue中引入并设置水印2、本例子使用的水印图片是250*250px的，可以根据需要自己调整样式3、watermark.js内容见下方<script>...

2023-07-25

194浏览

0评论

小程序获取用户名和头像完整代码

目录前言完整的代码如下：总结前言微信小程序获取头像的基本方法是调用小程序自带的API wx.getUserProfile(),这也是小程序官方目前最推荐的做法。但是为了避免用户感到自己...

2023-07-25

165浏览

0评论

彻底搞懂Transition内置组件

目录前言Transition 内置组件触发条件再分类六个过渡时机Transition 组件 & CSS transition 属性核心原理实现 Transition 组件原生 DOM 如何实现过渡？原生 DOM 元素移动示例...

2023-07-25

182浏览

0评论

uniapp获取手机通知权限实现demo

目录获取通知权限跳转开启设置弹窗通知Tips：获取通知权限跳转开启之前发了一篇使用插件市场获取权限的文章，但是有兄弟想要一个单独开启通知权限的教程，这篇文章特意整理一下获...

2023-07-25

140浏览

0评论

echarts修改横坐标颜色简单代码示例

目录 1.修改横纵坐标的颜色2.饼图的数值在内部百分百显示:3.横坐标标题过长显示省略号:补充知识：echarts 横坐标倾斜总结echart修改一些配置项,经常会用到经常忘记,这里记录...

2023-07-25

296浏览

0评论

uniapp @click事件冒泡问题解决示例

目录正文示例解析正文维护uniapp项目时，遇到了点击mywitch2后触发事件冒泡，然后百度了一大堆发现大家讲的都是：直接在max-box的父元素上加 @tap.stop.prevent 即可解决；示例<v...

2023-07-25

282浏览

0评论

sessionStorage多Tab标签页数据共享问题分析

目录问题描述问题原因sessionStorage根据第二点应该称为“复制”而不是“共享”问题描述在 A 页面设置一些 sessionStorage 数据，然后 a 标签 _blank 方...

2023-07-25

252浏览

0评论

uniapp路由uni-simple-router使用示例

目录正文安装配置router文件夹下对应的 js文件main.jspage.json页面跳转和参数接收获取参数正文要在uniapp中使用路由守卫，uniapp原生的api是比较欠缺的，所以要用‘uni-s...

2023-07-25

381浏览

0评论

uni-app 中清除定时器实现方法详解

目录uni-app 中清除定时器参考方法定时器的方法清除定时器方法uni-app 中清除定时器JS之延时器和定时器注意：无论是获取短信码，还是在活动页轮询获取当前活动最新信息，都需要用...

2023-07-25

144浏览

0评论

vue3 Error:Unknown variable dynamic import: ../views/的解决方案

目录报错截图错误信息原来的代码修改后的代码总结报错截图错误信息vue-router.mjs:3451 Error: Unknown variable dynamic import: ../views/BlogGather/DetailsArticlePag...

2023-07-25

174浏览

0评论

element-plus报错ResizeObserver loop limit exceeded解决办法

发现报错不多说，报错信息就长上面这个样子，网上找了很多方案都没解决，例如在 onerror 钩子中忽略这个错误，所以我上我的解决方案，代码如下：const debounce = (fn, delay) => { l...

2023-07-25

415浏览

0评论

vue3实现多层级列表的项目实践

目录需求背景解决效果index.vue需求背景需要在统一个列表下，实现商品和规格得管理和联动解决效果index.vue<!--/** * @author: liuk * @date: 2023/7/7 * @describe: 商品...

2023-07-25

253浏览

0评论

JS之延时器和定时器执行示例详解

目录1. 延时器setTimeout：延时执行一次2. 定时器setInterval：定时重复执行总结：1. 延时器setTimeout：延时执行一次setTimeout("function",time) 设置一个超时对象，该方法接收一...

2023-07-25

136浏览

0评论

javascript函数报Uncaught ReferenceError: XXX is not defined

目录(1) 写在<body></body>中(2)写在<head></head>中(3)引入外部的js文件在写javascript函数的时候，JavaScript写在哪里？通常有三种形式：1. 内部：Html网页的<body></body>中；2....

2023-07-25

168浏览

0评论

微信小程序视图层莫名出现竖线的解决方法

写完视图层后，发现页面上莫名其妙的出现了一些“竖线”，如下图所示：这段html代码是这样写的： <view class="other-des"> <view class="section">...

2023-07-25

175浏览

0评论

ts依赖引入报错:无法找到模块“xxxxxx”的声明文件问题解决

依赖引入报错是因为ts没有识别当前引入的依赖，在vite-env.d.ts中声明该依赖即可解决，语法：declare module "依赖名";declare module "file-saver";解决找不到模块“./App....

2023-07-25

428浏览

0评论

uniapp解决软键盘弹出问题方法详解

目录需求(1) 尝试1(2) 尝试2备注拓展需求当input输入框输入聚焦时禁止系统软键盘弹出(1) 尝试1在输入框聚焦时隐藏软键盘focus:function(){ console.log("输入框聚焦");...

2023-07-25

336浏览

0评论

js控制滚动条滚动的两种简单方法

目录方法一方法二总结方法一JavaScript 可以通过操作 scrollTop 属性来控制元素的滚动，以下是一个简单的示例代码：var element = document.getElementById('myElement'); /...

2023-07-25

159浏览

0评论

vue3组件TS类型声明实例代码

目录前言为 props 标注类型使用setupsetup为 emits 标注类型setup非setup为 ref() 标注类型默认推导类型通过接口指定类型通过泛型指定类型为 reactive() 标注类型默认推导...

2023-07-25

142浏览

0评论

用react实现一个简单的scrollView组件

目录效果设计考虑的问题1：结构结构搭建逻辑处理问题总结效果我们先看一下效果，大概就是希望点击左边按钮或者右边按钮将元素以每一个子选项卡长度单位进行精准偏移。设计...

2023-07-25

136浏览

0评论

Vue精美简洁登录页完整代码实例

LoginBox.vue<template> <div class="main-box"> <div :class="['container', 'container-register', { 'is-txl': isLogin }]"> <form> <h2 class="title"...

2023-07-25

140浏览

0评论

Vue3中使用this的详细教程

目录Vue3使用this具体使用如下：补充：Vue3.0中this的替代方法方法一方法二（推荐使用）总结Vue3使用thisVue2升级到Vue3，有很大的改变，其中最明显的就是以前的this，在新版本中无法使用...

2023-07-25

249浏览

0评论

Vue预览图片和视频的几种实现方式

目录在Vue中，有几种方式可以显示图片1. 使用img标签：2. 使用v-bind指令动态绑定图片路径：3. 使用require函数加载图片：4. 使用CSS的background-image属性：在Vue中，有几种方法可以...

2023-07-25

158浏览

0评论

vue限制输入数字或者保留两位小数实现

目录正文vant 的安装两种方法原生方法使用vant使用方法正文项目使用vant框架vant 的安装项目中使用vant时,可以通过npm或yarn进行安装。vue2和vue3安装方法基本相同npm i va...

2023-07-25

266浏览

0评论

vue使用国密SM4进行加密、解密的过程

目录国密SM4算法优点：缺点：适用场景：示例代码：下面是vue具体实现Vue项目中引入sm4util并使用国密SM4算法国密SM4算法要在前端使用国密SM4进行加密和解密，可以使用asmCrypto库和国...

2023-07-25

266浏览

0评论

IntersectionObserver实现加载更多组件demo

实例import { useEffect, useRef } from 'react';import { Spin } from 'antd';import type { FsFC } from './types';import './index.less';type LoadMoreProps = { roo...

2023-07-25

155浏览

0评论

vue实现锚点跳转scrollIntoView()使用案例

目录vue实现锚点跳转：scrollIntoView()说明：使用案例：vue锚点跳转的三种方式（页内跳转，跨页跳转，函数跳转）1.需求2.跳转锚点的基本方式2.1 页面内通过点击来跳转2.2 从A页面跳转到B...

2023-07-25

125浏览

0评论

TypeScript为对象动态添加属性代码示例

目录1.定义2.TypeScript 类型模板3.为对象动态添加属性3.1 解决方法3.2 对象作为参数传递3.3 方法返回对象3.4 对象数组总结1.定义TypeScript 对象是包含一组键值对的实例。...

2023-07-25

170浏览

0评论

vue3+elementui-plus实现一个接口上传多个文件功能

首先，先使用element-plus写好上传组件，变量的定义我在这里就省略了都<el-form-item prop="file" label="附件"> <el-upload style="width:100%" class="u...

2023-07-25

热门文章