编程开发 - 教程之家

编程开发

分类导航：HTML/html5 CSS JavaScript PHP Python Java IOS .NET R语言 Android Go语言鸿蒙OS C类语言综合编程正则表达式

134浏览

0评论

使用Webstorm调试Vue代码详细图文教程

在我们前端开发过程中相信很多人都是通过console.log来调试我们的代码的，但是当代码复杂度比较高的时候这个方法就比较鸡肋了。这里我来教大家在Webstorm中如何来调试自己的...

2024-06-10 00:13:47

90浏览

0评论

浅析Vue3中Excel下载模板并导入数据功能的实现

目录上传功能介绍一下 POI OOXML 的使用下载模板功能实现上传导入上传功能代码一<el-dialog :title="upload.title" v-model="upload.open" width="400px" append-to-body>...

2024-06-10 00:13:43

97浏览

0评论

微信小程序常见的两种登录方式详解

目录小程序登录基于openid登录手机号码快捷登录获取对应code后端处理逻辑注意总结小程序登录小程序有两种登录方式，一种基于手机号码进行登录，另一种是使用用户在公众号下的唯...

2024-06-10 00:13:40

64浏览

0评论

Vue结合ElementUI实现数据请求和页面跳转功能(最新推荐)

目录一、准备工作1、创建一个Vue-cli程序2、安装ElementUI3、准别好的login.vue和main.vue页面4、main.js下的两个页面List.vue和Profile.vue二、创建路由三、页面跳转四、...

2024-06-10 00:13:38

58浏览

0评论

使用JavaScript字符串解决回文数的方案详解

目录前言：正文1.如何将字符串中的一个字符移除掉2.切割一个字符串（slice）3.如何使用字符串解决回文数【从右到左和从左到右一样】总结前言：JavaScript中的字符串是一种数据类型，...

2024-06-10 00:13:35

75浏览

0评论

微信小程序海报绘制示例讲解

目录前言绘制海报保存到相册扩展总结前言海报分享功能在许多应用中应该是很常见的，因为它作为一种常用的应用推广和拉新的方式。接下来看个实际的案例，如下：把任务拆解下：如何绘...

2024-06-10 00:13:32

89浏览

0评论

js实现实时刷新的三种形式(setInterval、WebSocket、EventSource)

目录一、纯前端二、服务器端WebSocketEventSourceWebSocket & EventSource 的区别EventSource的实现案例事件流格式？注释有何用？EventSource规范中规定了那些字段？重连是干什么...

2024-06-10 00:13:27

101浏览

0评论

JS实现的一个比较不错的判断节假日的实现代码(假日包括周末，不包括调休上班的周末)

思路：创建两个数组，数组1为节假日数组，数组2为是周末上班日期数组。如果当前日期（或某日期）同时满足2个条件（1.在节假日数组内或在周末。2.不在周末上班日期数组）即为节假日，否则即...

2024-06-10 00:13:24

105浏览

0评论

Vue首屏优化方案小结

目录一、分析下前端加载速度慢原因二、优化方案0.初步优化1.采用异步组件和懒加载的方式2.webpack开启gzip压缩文件传输模式3.Webpack 代码分割与优化 4.依赖模块采用第三...

2024-06-10 00:13:21

65浏览

0评论

Vue3 openlayers加载瓦片地图并手动标记坐标点功能

目录一、创建Vue3项目二、openlayers加载瓦片地图（引js文件版）2.1 将以下的文件复制到public下2.2 index.html引入ol脚本2.3 删除项目自带的HelloWorld.vue，创建Map.vue2.4 编...

2024-06-10 00:13:17

56浏览

0评论

AngularJS 的生命周期和基础语法使用详解

目录AngularJS 的生命周期和基础语法1. 使用步骤2. 生命周期钩子函数3. 点击事件4. if 语句1. if 形式2. if else 形式5. for 语句6. switch 语句7. 双向数据绑定AngularJS...

2024-06-10 00:13:14

66浏览

0评论

JavaScript中for-in和for-of的不同之处及如何正确使用

目录前言一、for-in 循环二、for-of 循环三、for-in 和 for-of 的区别1. 迭代对象的内容不同2. 迭代对象的类型不同3. 迭代对象的顺序不同4. 迭代对象的原理不同四、如何选...

2024-06-10 00:13:10

74浏览

0评论

Vue3中的element-plus表格实现代码

目录一、element-plus1.用组件属性实现跳转路由2. el-card 组件3.el-表格（重要）4.封装弹层二、封装公共组件，下拉菜单1.新建 article/components/ChannelSelect.vue2.页面中导...

2024-06-10 00:13:08

93浏览

0评论

利用Print.js实现打印pdf、HTML及图片(可设置样式可分页)

目录一.安装及引入Print.js1.安装2.在需要使用的文件引入二.介绍三.常用配置四.具体使用1.打印Html2.打印图片总结一.安装及引入Print.js1.安装npm install print-js --save...

2024-06-10 00:13:05

66浏览

0评论

Vue按照顺序实现多级弹窗效果附Demo

目录前言1. 单个弹窗2. 多级弹窗前言强化各个知识点，以实战融合，以下两个Demo从实战提取1. 单个弹窗部署按钮框以及确定的方法即可截图如下所示：以下Demo整体逻辑如下：点击&ldqu...

2024-06-10 00:13:03

85浏览

0评论

Vue2路由跳转传参中文问题处理方案

目录1. 问题描述1.1. 当前vue组件1.2. 跳转到的vue组件1.3. 出现的错误2. 解决方法2.1. 当前vue组件2.2. 跳转到的vue组件1. 问题描述在el-table中的记录列表中放置了一个...

2024-06-10 00:13:01

72浏览

0评论

element-ui使用el-date-picker日期组件常见场景分析

目录开始解除两个日期面板之间的联动开始最近一直在使用 element-ui中的日期组件。
所以想对日期组件常用的做一个简单的总结；
1.处理日期组件选择的时候面板联动问题
2.限...

2024-06-10 00:12:58

78浏览

0评论

js监听F11触发全屏事件简单代码举例

当用户使用 F11 键进行浏览器全屏时，由于此时并非通过浏览器提供的 Fullscreen API 进入全屏模式，因此无法通过 fullscreenchange 事件来监听全屏状态的变化。在这种情况下，可...

2024-06-10 00:12:53

71浏览

0评论

Vues中使用JavaScript实现路由跳转的步骤详解

目录基础设置使用模板内的方法实现跳转模板部分脚本部分使用params传递参数使用query传递参数在目标组件中接收参数在Vue应用中，利用Vue Router进行页面间的导航是一个常见需...

2024-06-10 00:12:50

82浏览

0评论

three.js实现vr全景图功能实例(vue)

目录1、立方体实现2、球体实现总结方法: 可以利用Threejs中的立方体或者球体实现全景图功能，把立方体或球体当成天空盒子，将无缝衔接的图片贴上，看起来就像在一个场景中，相机一...

2024-06-10 00:12:48

89浏览

0评论

JavaScript实现将阿拉伯数字转换成中文大写

目录1. 背景2. 需求分析2.1 数字分组2.2 处理四位转换2.3 循环分割数组，添加单位2.4 大写转换3. 总结1. 背景现在有需求将亿元之内的阿拉伯数字转换成中文，例如：1234转换后变为...

2024-06-10 00:12:41

121浏览

0评论

vue使用vue-json-viewer插件展示JSON格式数据的方法

目录1、安装 vue-json-viewer插件2、引入插件并注册2.1 全局注册组件2.2 单个页面局部引入3、插件的基础使用4、插件可选配置说明4.1 选项4.2 事件4.3 Slots4.4 主题5、实现...

2024-06-10 00:12:38

69浏览

0评论

keep-alive组件的作用与原理分析

目录什么是keep-alivekeep-alive的作用原理组件缓存生命周期的管理使用理解源码组件的缓存实现组件生命周期的管理组件销毁时的处理总结什么是keep-alive“keep-alive&...

2024-06-10 00:12:36

38浏览

0评论

vue3如何直接修改reactive定义的变量

目录vue3直接修改reactive定义变量vue批量修改reactive中的值解决方法总结vue3直接修改reactive定义变量reactive定义的数组或者对象，不能直接赋值修改，否则定义的数据将失去...

2024-06-10 00:12:34

33浏览

0评论

NVM管理Node.js实现不同版本Angular环境切换

目录一、NVM介绍1. NVM简介2. NVM原理3. NVM的优势二、常用Node.js版本对照1. Node.js和Vue版本对照表2. Node.js和Angular版本对照表3. Node.js和React版本对照表三、安装N...

2024-06-10 00:12:32

39浏览

0评论

Vue3 Pinia获取全局状态变量的实现方式

目录使用说明在逻辑代码中使用在html模板中使用具体案例全局状态变量配置文件App.vue 组件组件A的代码运行结果总结使用说明在 Pinia 中，获取状态变量的方式非常的简单：就和...

2024-06-10 00:12:27

52浏览

0评论

关于对keep-alive的理解,使用场景以及存在的问题解读

目录结论先行一、背景二、含义三、配置属性① include：包含② exclude：排除，优先级大于 include③ max：定义组件的最大缓存个数四、使用 keep-alive 的钩子函数执行顺序问题五、...

2024-06-10 00:12:25

47浏览

0评论

vue2项目导出操作实现方法(后端接口导出、前端直接做导出)

目录一、调后端接口做导出效果二、前端使用xlxs库进行导出操作总结一、调后端接口做导出效果实现效果：导出列表数据导出的内容：后台相对来说比较简单一点，只要后端配合写接口...

2024-06-10 00:12:22

56浏览

0评论

vue3使用pdf.js来预览文件的操作步骤(本地文件测试)

目录1.下载pdf.js库 2. 放入项目中3.新建PDF组件4.在HomeView.vue文件中使用PDF.vue5.跨域问题6.总结1.下载pdf.js库下载地址下载后的文件解压结构是这样的2. 放...

2024-06-10 00:12:20

50浏览

0评论

JS中截取数组的几种方法总结

目录1. splice()方法2. filter() 方法3. map()方法附：js从指定位置截取数组总结 1. splice()方法splice()方法通过删除或者替换现有元素或者原地添加新的元素来修改数组，并以...

2024-06-10 00:12:17

38浏览

0评论

vue前端实现表格数据增查改删功能

目录一、添加（增）-unshift首插入二、搜索（查）-filter过滤三、编辑（改）-splice替换四、删除（删）-splice删除五、重置六、查看总结一、添加（增）-unshift首插入1、【新增按钮】添加点击...

2024-06-10 00:12:15

53浏览

0评论

一文详解JavaScript中的按值传递和按引用传递

目录JavaScript中几乎都是按值传递ES Module中的live bindings总结JavaScript中几乎都是按值传递编程语言中，把一个变量的值赋值给另一个变量，或者给函数调用传递参数有两种方...

2024-06-10 00:12:13

41浏览

0评论

vue-cli2,vue-cli3,vite 生产环境去掉console.log

目录vue-cli2vue-cli3viteconsole.log一般都是在开发环境下使用的，在生产环境下需要去除，如果手动删除未免也太累了，我们可以用插件对于具体环境全局处理。vue-cli2项目build...

2024-06-10 00:12:12

42浏览

0评论

Vue3路由组件内的路由守卫onBeforeRouteLeave和onBeforeRouteUpdate使用

目录简介案例路由配置组件C 中的API 使用代码(核心)运行效果1：路由跳转运行效果2：路由更新总结简介组件内的路由守卫，实际上就是两个 API 方法。他们与普通的守卫不同的是：他...

2024-06-10 00:12:10

53浏览

0评论

如何使用JavaScript和XLSX.js将数据导出为Excel文件

目录前言一、安装XLSX.js二、将数据转换为Excel文件总结前言导出数据是Web应用程序中常见的功能之一。在许多情况下，我们需要将数据导出为Excel文件，以便用户可以在本地计算机...

2024-06-10 00:12:08

63浏览

0评论

pnpm实现依赖包共享和依赖包项目隔离的方法详解

目录前言硬链接软链接(符号链接)高效的节省磁盘空间依赖共享依赖包的项目隔离前言pnpm(performant npm，意思是高性能的 npm）是 Node.js 的包管理器。它是 npm 的直接替代品，相...

2024-06-10 00:12:06

32浏览

0评论

javascript中Class(类)的介绍和使用方法

目录简言Class(类)定义类类声明类表达式类体和方法定义类的 constructor语法特点类继承（extends）类体中的修饰词私有属性和方法(#)静态属性和方法（static）公有字段Static initia...

2024-06-10 00:12:03

50浏览

0评论

JS中跳转传参的几种常用方法总结

目录1. 使用URL的查询字符串2. 使用HTML表单3. 使用HTML5的History API4. 使用第三方库或框架附：返回上一页总结在JavaScript中，页面跳转并传递参数主要有以下几种方法：1. 使用...

2024-06-10 00:12:01

29浏览

0评论

js实现AES加密解密功能(简易又全面)

常规是直接安装CryptoJS库，但为了减少项目体积，使用这简单的20k文件就ok一览：代码中使用的是Pkcs7，但我需要的填充方式是ZeroPadding所以稍微有修改： q = (p.pad = {}).ZeroPadd...

2024-06-10 00:11:59

61浏览

0评论

Vue3之组件状态保持KeepAlive的简单使用

目录作用说明一个应用场景KeepAlive的简单介绍代码案例案例代码运行结果总结作用说明一个应用场景当我们在进行路由跳转的时候，会用到 <router-view> 来作为组件渲染的出口，...

2024-06-10 00:11:57

25浏览

0评论

Vue El-descriptions 描述列表功能实现

Descriptions 描述列表列表形式展示多个字段。 <el-descriptions title="用户信息"> <el-descriptions-item label="用户名">kooriookami</el-descriptions-item> <el...

2024-06-10 00:11:54

60浏览

0评论

el-select 点击按钮滚动到选择框顶部的实现代码

主要代码是在visibleChange 在这个 popper 里面找到 .el-select-dropdown__list let popper = ref.$refs.popper const ref = this.$refs.select let dom = popp...

2024-06-10 00:11:52

63浏览

0评论

JS跳出循环的5种方法总结(return、break、continue、throw等)

目录1、return 语句2、break 语句3、给循环体增加别名4、continue 语句5、throw 语句附：JavaScript中 throw和return有什么区别？总结 1、return 语句首先来说 return 语句，仅...

2024-06-10 00:11:50

33浏览

0评论

vue3 中使用vue img cutter 图片裁剪插件的方法

目录一：安装依赖二：构建 components/ImgCutter.vue 组件三：使用组件四：参数1. isModal2. showChooseBtn3. lockScroll4. label5. boxWidth6. boxHeight7. cutWidth8. cutHeight9...

2024-06-10 00:11:47

36浏览

0评论

在vue3中使用import.meta.env

目录vue3使用import.meta.env访问环境变量条件导入使用环境变量作为 URL 路径注意事项import.meta.env报错：Property ‘env‘ does not exist on type ‘Impo...

2024-06-10 00:11:45

53浏览

0评论

利用node.js启动本地服务器的操作指南(超详细)

有很多小伙伴制作网站或者小程序时，需要通过服务器来把前端和后端连接起来。那么我们今天学习启动node.js服务器。（要求：实现一下步骤前必须下载安装node.js并配置。）第一步创...

2024-06-10 00:11:43

53浏览

0评论

Vue3中引入SCSS和LESS依赖的基本步骤和注意事项

目录前言功能描述：使用方法：推荐教程或文档或GitHub项目：避坑：总结：前言在Vue 3中，我们可以方便地引入SCSS（Sass）和LESS预处理器来增强CSS的功能和可维护性。本文将介绍在Vue
3项目...

2024-06-10 00:11:41

37浏览

0评论

Vue3 Pinia如何修改全局状态变量值

目录说明全局状态变量的定义方式一：直接修改Option StoreSetup Store方式二：$patch 方式修改Option StoreSetup Store方式三：$patch 带参数的方式修改Option StoreSetup Store...

2024-06-10 00:11:39

42浏览

0评论

Vue3之路由的元数据信息meta详解

目录什么是 meta？使用案例路由的配置运行效果总结什么是 meta？简单的理解，meta 就是路由对象的一个属性对象，可以通过这个属性给路由对象添加一些必要的属性值，在使用路由对...

2024-06-10 00:11:37

52浏览

0评论

vue3+arco design通过动态表单方式实现自定义筛选功能

目录1.说明2.示例3.运行截图 4.总结1.说明 (1) 本文主要实现通过动态表单的方式实现自定义筛选的功能，用户可以自己添加筛选的项目，筛选条件及筛选内容。 (2)...

2024-06-10 00:11:34

首页 «17 181920 21 »尾页

热门文章