106浏览

0评论

vue项目中echarts自适应问题的高级解决过程

目录一、问题描述1.1 页面布局1.2 问题复现 二、解决过程2.1 增加图表resize2.2 解决canvas画布大小和容器大小不一致的问题2.3 动手添加延时2.4 监听浏览器onresize事件三...

• 2023-05-17

139浏览

0评论

vue等框架对Tabs、Moda等设置固定高度后没有滚动条问题

vue等框架对Tabs、Moda等设置固定高度后没有滚动条当弹窗不设置高度时，界面会根据内容自动扩充高度，内容过长时会非常难看，需要设置固定高度，当超出这个高度后悔出现滚动条。效...

• 2023-05-17

137浏览

0评论

Vue中created和mounted使用场景分析

目录一、生命周期概念二、浏览器渲染过程三、生命周期中的浏览器渲染beforeCreate阶段created阶段beforeMount阶段mounted阶段四、使用场景五、常见相关问题一、生命周期概...

• 2023-05-17

107浏览

0评论

解决vue3 defineProps 引入定义的接口报错

问题遇到的现象在setup语法糖使用了defineProps，然而在定义类型的时候一旦将接口暴露出去引用就发生了报错问题相关代码interface Props { /* ... */}export { type Pr...

• 2023-05-17

135浏览

0评论

关于Vue中的计算属性和监听属性详解

目录一、computed计算属性（1）计算属性的缓存（2）计算属性的setter二、watch监听属性一、computed计算属性Vue.js模板内的表达式非常便利，但是设计它们的初衷是用于简单运算的，在模...

• 2023-05-17

109浏览

0评论

Vue多布局模式实现方法详细讲解

目录1、目标效果2、原理分析1、目标效果源码地址：multipal-layout-demo: vue2实现多布局+暗黑模式默认布局：头部宽度100%，侧边栏、内容区顶部布局：头部宽度100%，内容区侧边栏布局...

• 2023-05-17

100浏览

0评论

vue 行为验证码之滑动验证AJ-Captcha使用详解

目录AJ-Captcha使用过程及源由验证码功能包括两种如何使用验证码参数兼容性AJ-Captcha行为验证码采用嵌入式集成方式，接入方便，安全，高效。抛弃了传统字符型验证码展示-填写字...

• 2023-05-17

354浏览

0评论

vue中同步方法的实现

目录vue同步方法实现有三种实现方式vue中的同步和异步问题同步异步总结vue同步方法实现有三种实现方式1、axios本身属于Promise利用函数式的then获取请求返回结果，也是最常用...

• 2023-05-17

111浏览

0评论

mint-ui如何自定义messageBox样式

目录mint-ui自定义messageBox样式mint UI messagebox用法总结mint-ui自定义messageBox样式mint-ui MessageBox官网文档：http://mint-ui.github.io/docs/#/zh-cn2/message-box...

• 2023-05-17

325浏览

0评论

vue 动态路由component 传递变量报错问题解决

目录menuList 后台数据返回格式路由里面componentmenuList 后台数据返回格式{ // 统计分析 path: '/statistics', name: 'Statistics', meta:{title: '数据统计...

• 2023-05-17

115浏览

0评论

vue3+ts+elementPLus实现v-preview指令

目录引文目录文件内容previewImage.vuepreview.ts使用开发中可能遇到的问题总结引文最近在用 vue3+ts 开发公司的后台系统，因为后台多处需要图片放大预览的功能，就想着封装一...

• 2023-05-17

220浏览

0评论

vue在install时node-sass@4.14.1 postinstall:node scripts/build.js错误解决

目录报错如下：解决方式1：解决方式2：总结今天重装了node和Vue脚手架，在install的时候报了下面的错误报错如下：Build failed with error code: 1
[npminstall:runscript:error] nod...

• 2023-05-17

117浏览

0评论

vue页面设置滚动失败的完美解决方案(scrollTop一直为0)

目录vue页面设置滚动失败的解决方案(scrollTop一直为0)背景误区:什么时候存在滚动条？Why scrollTop==0?如何判断页面的滚动条是哪个div产生的？vue页面设置滚动失败的解决方案(...

• 2023-05-17

385浏览

0评论

vue-electron中修改表格内容并修改样式

目录需求技术xlsx-style全部代码需求将表格导入并向其添加内容，然后导出表格，且表格样式（一般是值宽高合并颜色等）不能改变。技术electronxlsxxlsx-stylenode-xlsxyarn add xlsx...

• 2023-05-17

237浏览

0评论

vue使用Swiper踩坑解决避坑

目录我的Swiper定义：报错信息：保留默认名class：swiper-container查看GitHub我的Swiper定义：Failed to execute 'getComputedStyle' on 'Window': parameter 1 i...

• 2023-05-17

172浏览

0评论

Vue实现电梯样式锚点导航效果流程详解

目录1、目标效果2、原理3、源代码1、目标效果最近喝了不少的咖啡、奶茶，有一个效果我倒是挺好奇怎么实现的：（1）点击左侧分类菜单，右侧滚动到该分类区域（2）右侧滑动屏幕，左侧显示当前...

• 2023-05-17

70浏览

0评论

Vue 实现轮播图功能的示例代码

目录1. 安装 Element UI2. 创建轮播图组件3. 组件属性和事件4. 编写样式和动画效果本文将介绍如何使用 Vue 和第三方组件库 Element UI 实现轮播图功能。我们将从以下几个方...

• 2023-05-17

247浏览

0评论

Vue3.2中setup语法糖的使用教程分享

目录1、如何使用setup语法糖2、data数据的使用3、method方法的使用4、watchEffect的使用5、watch的使用6、computed计算属性的使用7 、props父子传值的使用8 、emit子父传值...

• 2023-05-17

101浏览

0评论

Vue中修改Mint UI的Toast默认样式之字体大小调整方式

目录vue修改Mint UI的Toast默认样式之字体大小调整给Toast添加className添加样式vue修改mint-ui默认样式（默认风格） 加入my-mint.css总结vue修改Mint UI的Toast默认样式之字体...

• 2023-05-17

90浏览

0评论

Vuex localStorage的具体使用

目录状态管理的必要性localStorage储存和获取数据生命周期VuexVuex的概念Vuex的工作流程Vuex和localStorage的区别总结前端开发中，状态管理是一个很重要的话题。在Vue.js中， V...

• 2023-05-17

217浏览

0评论

vue父子组件传值不能实时更新的解决方法

最近做项目，遇到个大坑，这会爬出来了，写个总结，避免下次掉坑。vue父子组件传值不能实时更新问题，父组件将值传给了子组件，但子组件显示的值还是原来的初始值，并没有实时更新，为什么...

• 2023-05-17

102浏览

0评论

vue实现三级页面跳转功能

问题描述：在二级页面点击按钮，打开新的标签页实现：在router目录下的index.js文件添加对应组件{ path: '/offices', component: <strong>'Layout'</strong><strong>,</str...

• 2023-05-17

119浏览

0评论

一文掌握在Vue3中书写TSX的使用方法

目录插件安装与文件配置tsx语法格式tsx语法注意事项在vue2的时候就已经可以使用 jsx 语法，但是不是很友好，写起来是一件很痛苦的事情，所以你很少见到有人会在vue2中书写 jsx 语...

• 2023-05-17

167浏览

0评论

vue封装tree组件实现搜索功能

我使用的是 vue2 + antd， 那么 antd 的 tree 组件中没有给我们封装搜索，其官网提供的搜索也不是封装好的，而且限制比较大，因为我的树形进来要默认展开，官方的代码是进行了响应式，...

• 2023-05-17

93浏览

0评论

Vue实现动态显示表单项填写进度功能

目录一、序言1、业务需求2、目标效果二、原理三、全部代码一、序言1、业务需求表单项填写了，进度条就增加相应的比例，表单项未填写，进度条就 减少相应的比例2、目标效果二、原...

• 2023-05-17

352浏览

0评论

vue DatePicker日期选择器时差8小时问题

目录vue DatePicker日期选择器时差8小时vue中moment时间戳问题(时区问题)总结vue DatePicker日期选择器时差8小时vue中使用element-ui中的日期选择器组件时，会造成时区差。在...

• 2023-05-17

150浏览

0评论

javascript关闭计时器

在JavaScript中，计时器是一种常见的技术，用于定时执行某些代码。计时器常用于实现轮播图、定时获取数据、动态更新页面等功能。但是有时候开发者需要关闭计时器，本文将介绍几种...

• 2023-05-17

122浏览

0评论

javascript http方法

JavaScript是前端开发中的一门重要编程语言，用于处理网页中的各种交互操作。其中，http方法是一种常用的请求方式，它可以向服务器发送请求并获取响应结果。本文将探讨JavaScript...

• 2023-05-17

141浏览

0评论

javascript 修改django

JavaScript如何修改DjangoJavaScript是一门强大的编程语言，广泛用于前端开发。但是，它同样可以用于修改Django框架中的内容。 在本文中，我们将探讨如何在JavaScript中修改Djang...

• 2023-05-17

134浏览

0评论

Vue3.0在组件外使用VueI18n的情况是什么

vue3.0在组件外使用VueI18n通常将写在setup里面的代码写在外面会报错Must be called at the top of a `setup`意思是必须写在setup里面要将 i18n 与 Vue 3 的组合 API 一起...

• 2023-05-17

283浏览

0评论

list 不为空 javascript

在Javascript中，我们经常需要检查一个数组是否为空，当数组为空时，我们可以根据情况采取不同的处理方式，例如：提示用户输入，或者返回一个错误信息。在这篇文章中，我将介绍几种判断Ja...

• 2023-05-17

296浏览

0评论

vue3怎么使用svg图标

方式1使用在线链接访问在iconfont找到自己的项目的图标选择Symbol获取在线链接2：在vue3项目中找到public的index.html进行script进行引入打开浏览器看：这样就会自动注入到body...

• 2023-05-17

106浏览

0评论

jquery怎么显示数组的值

jQuery是一种流行的JavaScript库，它提供了许多便利的方法和函数来操作HTML元素和DOM。其中一个非常有用的功能是显示数组的值，让我们来看看如何使用jQuery实现此功能。首先，我...

• 2023-05-12

121浏览

0评论

vue3中的hooks如何使用

一、 什么是hookshook是钩子的意思，看到“钩子”是不是就想到了钩子函数？事实上，hooks 还真是函数的一种写法。vue3 借鉴 react hooks 开发出了 Composition API ，所...

• 2023-05-11

97浏览

0评论

jquery设定控件的只读

jQuery是一种JavaScript库，它提供了丰富的API来简化JavaScript的开发。本文将介绍如何使用jQuery来设置HTML控件的只读属性。在HTML中，我们可以使用readonly属性来将文本框、...

• 2023-05-11

67浏览

0评论

javascript的连字符如何使用

说明1、使用连字符(-)匹配字符的范围不仅限于字母。也可以匹配一系列数字。2、可以在单个字符集中组合一系列字母和数字。在=字符集中，连字符（-）能够定义要匹配的字符范围。实...

• 2023-05-11

152浏览

0评论

Vue3怎么将虚拟节点渲染到网页初次渲染

正文createApp函数内部的app.mount方法是一个标准的可跨平台的组件渲染流程：先创建VNode，再渲染VNode。何时会进行虚拟函数的创建和渲染？vue3初始化过程中，createApp()指向的源...

• 2023-05-10

150浏览

0评论

javascript怎么求三角函数

在数学中，三角函数是一种经常出现的函数类型，它可以帮助我们计算三角形的边长、角度和高度等等。在计算机编程中，JavaScript也提供了一些内置的三角函数来帮助开发者进行相关计...

• 2023-04-28

151浏览

0评论

javascript如何导包

JavaScript作为一种广泛使用的脚本语言，可以用于开发各种复杂的Web应用程序。在开发过程中，我们经常需要使用多个JavaScript文件来构建完整的应用程序。由于这些JavaScript文...

• 2023-04-28

378浏览

0评论

javascript和java有什么区别

JavaScript不是Java，这是一个很常见的误解。虽然它们都是编程语言，但它们的特性、目的和用途完全不同。本文将会深入探讨JavaScript不同于Java的方面，同时也会对两者的区别进行...

• 2023-04-28

130浏览

0评论

使用webpack配置react-hot-loader热加载局部更新

目录webpack配置react-hot-loader热加载局部更新步骤1步骤2步骤3步骤4步骤5步骤6react-hot-loader热加载不生效的可能问题总结webpack配置react-hot-loader热加载局部更新有...

• 2023-04-18

136浏览

0评论

React中如何设置多个className

目录React设置多个className方法一：ES6 模板字符串 ``方法二：join("")方法三：classnames(需要下载classnames)React className的写法模板字符串的写法formatClass的方法总结Rea...

• 2023-04-18

116浏览

0评论

关于react-router中的Prompt组件使用心得

目录Prompt组件作用引入Prompt组件补充：React-Router <Prompt> 的使用使用场景：在离开页面之前，需要判断当前编辑的内容是否已经保存，如果没保存，则弹出提示框，提示用户保存。查看...

• 2023-04-18

106浏览

0评论

react 项目 中使用 Dllplugin 打包优化技巧

目录使用步骤结果截图主要说明参考链接webpack在build包的时候，有时候会遇到打包时间很长的问题，这里提供了一个解决方案，让打包如丝般顺滑~在用 Webpack 打包的时候，对于一些不...

• 2023-04-18

119浏览

0评论

React使用高阶组件与Hooks实现权限拦截教程详细分析

目录思路实现注入权限列表抽离Context向页面注入权限列表的HOC向根组件注入权限含有权限拦截功能的HOC无权限时显示的组件权限拦截HOC组件测试用于测试的组件在组件中使用权...

• 2023-04-18

112浏览

0评论

React错误边界Error Boundaries

首先 我们先构建出问题的场景我们创建一个react项目然后在src下创建 components 文件夹目录在下面创建一个 error.jsx 组件参开代码如下import React from "react";export d...

• 2023-04-18

151浏览

0评论

react hooks d3实现企查查股权穿透图结构图效果详解

目录前言最终效果：版本信息：股权穿透图基础功能：股权结构图基础功能：股权穿透图代码股权结构图代码总结：前言umi+antd-admin 框架中使用hooks结合d3完成类似股权穿透图和股权结构...

• 2023-04-18

128浏览

0评论

React之虚拟DOM的实现原理

目录React虚拟DOM机制React diff 算法1. 传统 diff 算法2. react diff 算法总结最后React虚拟DOM机制虚拟DOM本质上是JavaScript对象,是对真实DOM的抽象状态变更时，记录新树...

• 2023-04-18

105浏览

0评论

React中实现keepalive组件缓存效果的方法详解

目录背景结构代码背景由于react官方并没有提供缓存组件相关的api（类似vue中的keepalive），在某些场景，会使得页面交互性变的很差，比如在有搜索条件的表格页面，点击某一条数据跳转到...

• 2023-04-18

409浏览

0评论

Electron+React应用打包全流程

目录1. 打包工具的选择2. 生成静态文件3. Electron 入口文件配置4. electron-builder 配置5. 准备打包文件6. 打包过程（第一次用 Typora 写博，希望效果不错~）这几天有个创意编...

• 2023-04-18